* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Oxygen, sans-serif; }

.clear-float { clear: both; overflow: hidden; height: 0px; }
#wrapper { position: relative; width: 100%; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }
.container { width: 1100px; margin: 0 auto; }
.column { float: left; width: 50%; }
.column p:first-child:empty { padding: 0; margin: 0; }
.column h3 { margin-bottom: 15px; }

.right-link { display: block; font-family: Lora, serif; font-weight: 700; color: #000; font-size: 18px; text-decoration: none; padding-top: 50px; float: right; }
.right-link svg { margin-bottom: -14px; margin-left: 7px; }

/*----  header  ----*/

.header { background: rgba(0, 0, 0, .5); padding: 10px 0 25px; font-family: Oxygen, sans-serif; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; }
.header .logo { float: left; height: 75px; }
.header .logo img { height: 100%; width: auto; }
.header .right {  }
.header .right nav { float: right; margin-top: 35px; }
.header .right nav ul { list-style-type: none; }
.header .right nav ul li { float: left; display: block; margin-right: 20px; }
.header .right nav ul li a { float: left; display: block; font-size: 18px; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: 700; }
.header .right nav ul li.current_page_item a,
.header .right nav ul li.current-menu-item a,
.header .right nav ul li a:hover { color: #f3b12b !important; }
.header .right .order-online { margin-top: 21px; float: right; color: #f3b12b; text-transform: uppercase; font-weight: 700; text-decoration: none; display: inline-block; padding: 13px 15px 15px; border: 2px solid  #f3b12b; }
.header .right .order-online:hover { background: #f3b12b; color: #fff; }
.header .right .social-icons { float: right; margin-top: 27px; }
.header .right .social-icons li { float: left; list-style-type: none; }
.header .right .social-icons li a { margin-left: 12px; padding: 8px 0 0; text-decoration: none; border: 2px solid #f3b12b; border-radius: 50%; color: #f3b12b; width: 37px; height: 37px; display: inline-block; text-align: center; }
.header .right .social-icons li a:hover { background: #f3b12b; color: #fff; }
.header .right .social-icons li a i { display: block; }
.header .mobile-nav { display: none; }
.header .mobile-nav > i { position: relative; z-index: 2; cursor: pointer; display: block; float: right; font-size: 30px; color: #fff; padding: 28px 0px 0; }
.header .mobile-nav > ul { padding-top: 15px; display: none; position: fixed; top: 100px; left: 0; width: 100%; z-index: 1; height: 100%; background: rgba(0, 0, 0, .8); }
.header .mobile-nav > ul.active { display: block; }
.header .mobile-nav > ul li { display: block; }
.header .mobile-nav > ul li a { font-size: 24px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; width: 100%; display: block; margin-bottom: 15px; }
.header .mobile-nav > ul li a.order-online { line-height: 1; width: 240px; display: block; margin: 0 auto; float: none; font-size: 20px; }

/*----  slider  ----*/

.slider { position: relative; background: #fff; }
.slider .slides { padding-top: 64.2857%; position: relative; overflow: hidden; }
.slider .slides li { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; opacity: 0; height: 100%; }
.slider .slides li.active { z-index: 4; opacity: 1; }
.slider .slides li.slow-img-fade img { transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: 10s; }
.slider .slides li img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); width: 100%; height: auto; display: block; position: absolute; left: 0; top: 0; }
.slider .slides li .text { opacity: 0; top: 35%; max-width: 100%; padding: 0 40px; width: 900px; text-align: center; position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 2; }
.slider .slides li.active .text { top: 50%; opacity: 1; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; }
.slider .slides li .text h2 { color: #fff; font-size: 70px; font-family: Lora, serif; font-weight: 700; }
.slider .arrow-right { cursor: pointer; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); right: 60px; position: absolute; z-index: 6; }
.slider .arrow-left { cursor: pointer; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); left: 60px; position: absolute; z-index: 6; }


/*----  banner  ----*/

.banner { position: relative; max-height: 620px; overflow: hidden; }
.banner img { width: 100%; height: auto; display: block; }
.banner h1 { font-size: 70px; font-family: Lora, serif; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); color: #fff; z-index: 2; text-align: center; position: absolute; top: 50%; width: 100%; }


/*----  border button  ----*/

.border-button { display: inline-block; margin: 50px auto 0; position: relative; }
.border-button::before { content: ''; width: 65px; height: 20px; top: -20px; left: -20px; position: absolute; border-left: 2px solid #fff; border-top: 2px solid #fff; }
.border-button::after { content: ''; width: 65px; height: 20px; bottom: -20px; right: -20px; position: absolute; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.border-button:hover::before { left: 0; top: 0; }
.border-button:hover::after { right: 0; bottom: 0; }
.border-button a { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; transition-delay: .2s; -webkit-transition-delay: .2s; position: relative; display: inline-block; color: #fff; border: 2px solid #fff; padding: 8px 50px 12px; font-size: 20px; text-decoration: none; text-transform: uppercase; font-weight: 700; }
.border-button a:hover { background: #fff; color: #000; }

.gform_footer { text-align: center; }
.gform_button.button {  border-radius: 0; cursor: pointer; outline: none; display: inline-block !important; margin: 20px auto 0; position: relative; position: relative; display: inline-block; color: #000; background: none; border: 2px solid #000; padding: 12px 50px; font-size: 20px; text-decoration: none; text-transform: uppercase; font-weight: 700; }

/*----  clean white  ----*/

.clean-white { background: #f5f5ff; padding: 150px 0; }
.clean-white .container { width: 1000px; position: relative; }

.clean-white.style-1 .right { box-shadow: -3px 5px 15px rgba(0, 0, 0, .1); width: 600px; height: 600px; position: relative; z-index: 1; background: #fff; padding: 55px; }
.clean-white.style-1 .right h3 { font-size: 30px; font-family: Lora, sans-serif; margin-bottom: 35px; }
.clean-white.style-1 .right p { font-size: 20px; line-height: 35px; color: #646464; }
.clean-white.style-1 .left { width: 700px; height: 600px; position: absolute; top: 0px; z-index: 0; left: 40%; }
.clean-white.style-1 .left.active { left: 30px; }
.clean-white.style-1 .left img { max-height: 90%; max-width: 100%; width: auto; height: auto; }
.clean-white.style-1 .left a { position: absolute; font-family: Lora, serif; font-weight: 700; color: #000; font-size: 18px; text-decoration: none; bottom: 50px; left: 110px; }
.clean-white.style-1 .left a svg { margin-bottom: -14px; margin-left: 7px; }

.clean-white.style-2 { padding-bottom: 250px; }
.clean-white.style-2 .left { box-shadow: 3px 5px 15px rgba(0, 0, 0, .1); width: 600px; height: 470px; position: relative; z-index: 1; background: #fff; padding: 55px; }
.clean-white.style-2 .left h3 { font-size: 30px; font-family: Lora, sans-serif; margin-bottom: 35px; }
.clean-white.style-2 .left p { font-size: 20px; line-height: 35px; color: #646464; }
.clean-white.style-2 .left .border-button { background: #f3b12b; position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }
.clean-white.style-2 .left .border-button::before { border-left: 2px solid #f3b12b; border-top: 2px solid #f3b12b; }
.clean-white.style-2 .left .border-button::after { border-right: 2px solid #f3b12b; border-bottom: 2px solid #f3b12b; }
.clean-white.style-2 .left .border-button a { text-align: center; border: none; padding: 17px 25px 20px; font-size: 24px; }
.clean-white.style-2 .left .border-button a:hover { background: #f3b12b; }
.clean-white.style-2 .right { width: 700px; height: 600px; position: absolute; top: 0px; z-index: 0; right: 33%; }
.clean-white.style-2 .right.active { right: 0; }
.clean-white.style-2 .right img { width: auto; height: auto; max-width: 100%; float: right; }
.clean-white.style-2 .right a { position: absolute; font-family: Lora, serif; font-weight: 700; color: #000; font-size: 18px; text-decoration: none; bottom: 20px; right: 120px; }
.clean-white.style-2 .right a svg { margin-bottom: -14px; margin-left: 7px; }


/*----  full img  ----*/

.full-img { height: 900px; position: relative; text-align: center; }
.parallax { position: fixed; width: 100%; height: 300%; top: 0; left: 0; z-index: -1; background-size: 100% auto; }
.full-img img { max-width: 400px; display: block; position: absolute; top: 150px; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }
.full-img .border-button { margin-top: 550px; }
.full-img svg { display: block; position: absolute; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); top: 370px; }

/*----  locations  ----*/

.locations { padding: 150px 0; background: #fff; }
.locations .container { width: 1000px; }
.locations h2 { text-align: center; font-family: Lora, serif; font-size: 40px; margin-bottom: 30px; }
.locations .location-block { overflow: hidden; position: relative; box-shadow: -3px 5px 15px rgba(0, 0, 0, .1); float: left; width: 47%; margin-right: 3%; }
.locations .location-block:hover .overlay { width: 600px; height: 600px; }
.locations .location-block:nth-of-type(2) { margin-right: 0; margin-left: 3%; }
.locations .location-block img { width: 100%; height: auto; display: block; }
.locations .location-block .overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 100%; width: 110px; height: 110px; box-shadow: 0px 0px 0px 2000px #fff; }
.locations .location-block .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.locations .location-block .text h4 { opacity: 1; z-index: 3; position: absolute; top: 33px; width: 100%; left: 0; text-align: center; font-family: Lora, serif; font-size: 30px; }
.locations .location-block .text p { opacity: 1; z-index: 3; position: absolute; bottom: 33px; width: 100%; left: 0; text-align: center; font-size: 15px; }
.locations .location-block:hover .text h4 { opacity: .3; }
.locations .location-block:hover .text p { opacity: .3; }


/*----  location template  ----*/

.location-template {  }
.location-template h2 { font-size: 30px; font-family: Lora, serif; margin-bottom: 15px; margin-top: 40px; }
.location-template h2:nth-of-type(2) { margin-top: 150px; }
.location-template .subtitle-location { font-size: 25px; margin-bottom: 20px; }
.location-template .map-container { width: 100%; }
.location-template .map-container.left { padding-bottom: 120px; margin-top: -180px; }
.location-template .map-container .map { margin-top: -100px; position: relative; float: right; width: 900px; border: 2px solid #fff; box-shadow: -3px 5px 15px rgba(0, 0, 0, .2); }
.location-template .map-container.left .map { float: left; }
.location-template .map-container .map iframe { display: block; width: calc(100% - 375px); float: right; }
.location-template .map-container .map .image { float: left; }
.location-template .map-container .map .image img { display: block; }
.location-template .map-container .text { background: #f5f5ff; padding: 40px 40px 133px; width: 350px; max-width: 100%; }
.location-template .map-container.left .text { float: right; }
.location-template .map-container .text h3 { font-size: 25px; font-family: Lora, serif; }
.location-template .map-container .text .hours { padding: 20px 20px 0; line-height: 2; text-transform: uppercase; }



/*----  menu  ----*/

.menu-template {  }
.menu-template.container { width: 1050px; margin-top: 120px; }
.menu-template.location-template.container { width: 1000px; }
.menu-template h1 { text-align: center; padding: 120px 0 45px; font-size: 70px; font-family: Lora, serif; font-weight: 700; }
.menu-template .subtitle { padding-bottom: 60px; color: #9b9b9b; text-align: center; font-weight: 700; font-size: 20px; }

.menu { margin-bottom: 150px; }
.menu .menu-sidebar { width: 300px; float: left; padding-top: 90px; }
.menu .menu-sidebar li { padding-top: 16px; padding-left: 15px; list-style-type: none; display: block; height: 60px; text-decoration: none; font-size: 20px; cursor: pointer; color: #323232; }
.menu .menu-sidebar li.active { background: #323232; color: #fff; }
.menu .menu-sidebar li svg { margin-top: -4px; display: inline-block; float: left; margin-right: 10px; width: 36px; height: 36px; }
.menu .menu-sidebar li svg { margin-top: -4px; display: inline-block; float: left; margin-right: 10px; width: 36px; height: 36px; }
.menu .menu-sidebar li.active svg path { fill: #fff; }
.menu .menu-sidebar li svg rect { fill: none; }
.menu .menu-sidebar li.order-online a { text-decoration: none; color: #fff; background: #F3B12B; padding: 13px 20px; line-height: 1; display: block; margin-right: 20px; text-align: center; }
.menu .content { width: 750px; float: left; }
.menu .content .featured-products { box-shadow: -3px 5px 15px rgba(0, 0, 0, .2); }
.menu .content .featured-products .item { width: 33.333%; float: left; border: 2px solid #fff; position: relative; border-right: none; }
.menu .content .featured-products .item img { width: 100%; height: auto; display: block; }
.menu .content .featured-products .item strong { z-index: 2; position: absolute; bottom: 20px; width: 80%; left: 10%; color: #fff; font-size: 20px; }
.menu .content .featured-products .item .overlay { background: -webkit-linear-gradient(rgba(0,0,0,0) 21%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); posab background: -o-linear-gradient(rgba(0,0,0,0) 21%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); posab background: linear-gradient(rgba(0,0,0,0) 21%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 21%,rgba(0,0,0,0) 46%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0) 21%,rgba(0,0,0,0) 46%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.menu .content > div { display: none; }
.menu .content > div.active { display: block; }
.menu .content .menu-items { background: #323232; color: #fff; padding: 30px 15px; }
.menu-items::after { background: #fff; width: 2px; right: -1px; top: 0px; content: ''; position: absolute; bottom: 0; display: block; }
.menu .content .menu-items .column { width: 50%; float: left; padding-right: 30px; }
.menu .content .menu-items .sub-category:nth-child(1n+2) { margin-top: 40px; }
.menu .content .menu-items h3 { font-weight: 400; font-size: 20px; color: #F3B12B; margin-bottom: 8px; }
.menu .content .menu-items h4 { font-size: 18px; margin-bottom: 8px; }
.menu .content .menu-items p { font-size: 12px; padding-bottom: 15px; margin-bottom: 15px; color: #e8e8e8; }
.menu .content .menu-items h3 + p { margin-bottom: 15px; }
.menu .content .menu-items h4 + p { border-bottom: 1px solid #616161; }

/*----  full-grey  ----*/

.full-grey { background: #f5f5ff; padding: 270px 0; }
.full-grey h2 { font-size: 70px; font-family: Lora, serif; }
.full-grey .container { width: 1000px; text-align: center; }
.full-grey .border-button::before { border-left: 2px solid #000; border-top: 2px solid #000; }
.full-grey .border-button::after { border-right: 2px solid #000; border-bottom: 2px solid #000; }
.full-grey .border-button a { border: 2px solid #000; color: #000; }
.full-grey .border-button a:hover { background: #000; color: #f5f5ff; }


/*----  default template  ----*/

.page-template-default {  }
.page-template-default .content { background: #f5f5ff; padding: 150px 0; }
.page-template-default .content .container { width: 1000px; }
.page-template-default .content h2 { font-size: 30px; font-family: Lora, serif; margin-bottom: 40px; }
.page-template-default .content p { color: #646464; font-size: 18px; line-height: 1.7; margin-bottom: 20px; }

/*----  events template  ----*/

.page-template-template-events-php .content { margin-top: 40px; }
.tribe-events-single-event-description img { max-width: 100%; height: auto; }

/*----  blog template  ----*/

.blog-template { margin-bottom: 150px; }
.blog-template ul.posts { list-style-type: none; }
.blog-template ul.posts li { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc; }
.blog-template ul.posts li:last-child { border-bottom: none; }
.blog-template ul.posts li .date { text-transform: uppercase; margin-bottom: 12px; }
.blog-template ul.posts li h2 { font-family: Lora, serif; font-weight: 700; margin-bottom: 10px; }
.blog-template ul.posts li h2 a { font-size: 30px; color: #000; text-decoration: none; }
.blog-template ul.posts li h2 a:hover { color: #f3b12b; }
.blog-template ul.posts li .content { background: #f5f5ff; padding: 20px; }
.blog-template .arrow-link { font-family: Lora, serif; font-weight: 700; color: #000; font-size: 18px; text-decoration: none; float: right; margin-top: 20px; }
.blog-template .arrow-link svg { margin-bottom: -14px; margin-left: 7px; }
.blog-template .body-content p { color: #646464; font-size: 18px; line-height: 1.7; margin-bottom: 20px; }

/*----  tribe events  ----*/

.tribe-events-loop h2 a { color: #f3b12b; font-family: Lora, serif; font-size: 30px; }
.tribe-events-loop a,
.tribe-events-sub-nav a,
.tribe-events-back a { color: #f3b12b; }
.tribe-events-sub-nav { margin-top: 20px !important; }


/*----  footer  ----*/

footer { background: #fff; }
footer .logo { float: left; height: 55px; }
footer ul { float: left; margin-left: 210px; list-style-type: none; margin-top: 24px; }
footer ul li { float: left; margin-right: 25px; display: block; }
footer ul li a { display: inline; text-decoration: none; font-size: 14px; text-transform: uppercase; color: #000; font-weight: 700; }
footer ul li a:hover { color: #f3b12b; }
footer .social-icons { float: right; margin-top: 18px; }
footer .social-icons a { font-size: 24px; display: inline-block; margin-left: 12px; color: #000; }
footer .social-icons a:hover { color: #f3b12b; }
footer .copyright { padding: 40px 0 20px; font-size: 13px; text-align: center; }
footer .copyright a { text-decoration: none; color: #4a90e2; }

.border-button::before,
.border-button::after,
.border-button,
.clean-white.style-1 .left a,
.locations .location-block .text h4,
.locations .location-block .text p, 
.locations .location-block .overlay,
.header .right .order-online,
.header .right .social-icons li a,
.header .right nav ul li a,
footer ul li a,
footer .social-icons a,
.menu-sidebar li,
.menu .content > div,
.blog-template ul.posts li h2 a { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }


.clean-white.style-1 .left,
.clean-white.style-2 .right { -webkit-transition: .9s; -o-transition: .9s; transition: .9s; }
.slider .slides li,
.slider .slides li .text { -webkit-transition: 1.2s; -o-transition: 1.2s; transition: 1.2s; }


@media screen and (max-width: 1200px) {
	.container,
	.page-template-default .content .container { width: 950px; }

	.header .logo { height: 65px; }
	.header .right nav ul li a { font-size: 16px; }

	.parallax { background-size: auto; }
}

@media screen and (max-width: 1100px) {
	.menu-template.container { width: 950px; }
	.menu .content { width: 650px; }

	.menu-template.location-template.container { width: 100%; }
	.location-template .map-container .map { width: 100%; }

	.full-grey .container { width: 100%; padding: 0 40px; }

	.slider .arrow-right { right: 20px; }
	.slider .arrow-left { left: 20px; }
	.slider .slides li .text h2 { padding: 0 20px; font-size: 60px; }
}


@media screen and (min-width: 1001px) {
	
	/* note: min width */
	.header.white { background: none; position: static; }
	.header.white .right nav ul li a { color: #9b9b9b; }
	.header.white .right nav ul li.current_page_item a,
	.header.white .right nav ul li a:hover { color: #f3b12b; }
	.header.white .logo img.white-logo { display: none; }
	
}

@media screen and (max-width: 1000px) {
	.container,
	.page-template-default .content .container,
	.locations .container { width: 100%; padding: 0px 40px; }
	.clean-white .container { width: 100%; padding: 0; }
	.header .desktop-nav { display: none; }
	.header .mobile-nav { display: block; }
	.header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .8); }
	.header.white .logo img.white-logo { display: block; }
	.header.white .logo img { display: none; }

	.clean-white.style-1 { padding: 0; }
	.clean-white.style-1 .container { padding: 0 0 300px; }
	.clean-white.style-1 .right { width: 100%; height: auto; }
	.clean-white.style-1 .left.active { max-width: 100%; bottom: 0; top: auto; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }

	.clean-white.style-2 { padding: 0; }
	.clean-white.style-2 .container { padding: 0 0 320px; }
	.clean-white.style-2 .left { width: 100%; height: auto; min-height: 420px; }
	.clean-white.style-2 .right.active { max-width: 100%; bottom: 20px; top: auto; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }

	footer .menu-footer-menu-container { display: none; }

	.full-img { height: 700px; }
	.menu .content { width: 450px; }
	.menu .menu-sidebar { width: 170px; }
	.menu .menu-sidebar li { font-size: 16px; }

	.page-template-default .content { padding: 100px 0; }

	.menu-template.container { width: 700px; }

	#tribe-events { margin-top: 160px; }

	.location-template .map-container.left { margin-top: 0; }

}

@media screen and (max-width: 769px) {
	.slider .slides li .text h2 { font-size: 40px; }
	.locations .location-block { width: 80%; margin: 10px auto 30px !important; float: none; }

	.full-img svg { width: 520px; top: 170px; }
	.banner { height: 420px; }
	.banner img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }
	.banner h1 { font-size: 60px; padding-top: 110px; }

	.full-grey h2 { font-size: 50px; }
	.full-grey { padding: 150px 0; }
}

@media screen and (max-width: 750px) {
	.location-template .map-container .map iframe { width: 100%; }
	.location-template .map-container .map .image { display: none; }
	
	.slider .slides { height: 420px; }
	.slider .slides li .text { padding-top: 110px; }
	.slider .slides li { height: 100%; }
	.slider .slides li img { width: auto; height: 100%; }
}

@media screen and (max-width: 700px) {

	/* show first letter of the month only */
	.tribe-events-calendar thead th:first-letter { font-size: 12px; }
	.tribe-events-calendar thead th { font-size: 0; }

	.menu-template.container { width: 100%; padding: 0 20px; }
	.location-template .map-container .map iframe { height: 400px; }
}

@media screen and (max-width: 675px) {

	.menu .menu-sidebar { width: 100%; }
	.menu .menu-sidebar li { font-size: 20px; }
	.menu .content { width: 100%; }
}

@media screen and (max-width: 600px) {
	.locations .location-block { width: 100%; }

	.full-img { height: 500px; }
	.full-img img { display: none; }
	.full-img svg { max-width: 90%; }
	.full-img .border-button { margin-top: 300px; }

	.locations { padding: 60px 0; }

	.page-template-default .column { width: 100%; float: none; text-align: center; }

	.location-template .map-container .text .hours { padding: 10px 0 0; }
	.location-template h2:nth-of-type(2) { margin-top: 40px; }
}

@media screen and (max-width: 550px) {
	.clean-white.style-1 .left img,
	.clean-white.style-2 .right img { position: absolute; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); bottom: 50px; }
	.clean-white.style-1 .left a,
	.clean-white.style-2 .right a { width: 250px; position: absolute; left: 50%; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); }

	.clean-white.style-2 .left .border-button a { width: 220px; line-height: 1; padding: 20px 0; }

	.full-grey { padding: 150px 0; }
	.full-grey h2 { font-size: 40px; }
	.border-button a { padding: 8px 15px 12px; }
}

@media screen and (max-width: 500px) {
	.slider .slides li .text h2 { font-size: 30px; }

	.clean-white.style-1 .right p,
	.clean-white.style-2 .right p { font-size: 18px; line-height: 1.6; }

	.clean-white.style-2 .left { padding: 30px 30px 100px; }
	.clean-white.style-1 .right { padding: 30px; }

	.menu .content .menu-items .column { width: 100%; }
	.menu .content .featured-products .item { width: 50%; }
	.menu .content .featured-products .item:nth-child(3) { display: none; }

	.menu-template h1 { font-size: 60px; }
	.location-template .map-container .map iframe { height: 300px; }

}

@media screen and (max-width: 400px) {
	.clean-white.style-1 .right h3 { font-size: 27px; }

	.locations .container { padding: 0; }
	.locations h2 { padding: 40px; }
	.locations .location-block { max-height: 170px; box-shadow: none; }
	.locations .location-block .overlay { background: #fff; opacity: .2; }

	.header .logo img { height: 90%; }

}