/*----------------------------------
    MEDIUM LAYOUT: 1280px
-----------------------------------*/


@media only screen and (min-width: 992px) and (max-width: 1200px) {
    

}


/*----------------------------------
    TABLET LAYOUT: 768px
------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
	
	body.inner-page .breadcrumb-section { margin: 120px 0 0 0;}	
	body.inner-page .breadcrumb-section .section-header h2 { font-size: 42px;}

	section { padding:50px 0;}
	.section-header { margin-bottom: 25px; padding: 0;}
	.section-header h2 { font-size: 30px;}
	p { font-size:17px;}	

	a.order-btn { padding: 10px 20px; font-size: 18px;}	
	#header .logo img{float:left; height:60px;}
	#header .logo.js-scrolling img{height:60px;}
	#header { height:80px;}
	#header.header-scrolled { height:80px;}
	#about .content h2, #special-offers .content h2 { font-size:38px;}
	#special-offers .content h3 {font-size:17px;}
	.blog-area .section-header h2 { font-size:38px;}
	.blog-area .post-details h4 { font-size:24px;}
	
	.mobile-nav-toggle { margin:10px 0 0 0;}
	
	.mobile-nav-toggle.bi-x { position: relative;  z-index: 99999; color: #FFFFFF; top: -40px;}
	
	#header.header-scrolled .mobile-nav-toggle.bi-x { top: 0;}

	#header { /*background: rgba(22, 22, 22, 0.90); height: 80px; padding: 10px 0;

		-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;*/}

	/*#header.header-scrolled, #header.header-fixed { padding: 10px 0!important;}*/	

	#header.header-fixed { display:block; padding: 10px 0;}	
	
	.slider-area h2 { padding:0 75px;}
	
	.slider-area h2{font-size:60px;}
	.slider-area .pogoSlider .pogoSlider-slide .red-bar a.content{font-size:16px;}
	
	#about .content p {font-size:16px;}

	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 0; padding: 10px 8px;}

	#about .about-bg, #about .about-bg img{height:100%;}
	#special-offers .about-bg, #special-offers .about-bg img{height:100%;}
	
	#about { padding: 0 0 0 0;}
	#about p:last-child { margin:0;}
	#about .about-social-btns { padding:20px 0; margin:40px 0 0 0;}
	a.social-btn { width: 100%; margin: 0;}
	a.social-btn i { margin:0; font-size:40px;}	
	
	#about .content { padding:25px;}
	#special-offers .content { padding:25px;}

	#special-offers .details { padding:0;}
	#special-offers .details h3 { font-size: 24px; margin-bottom:15px;}
	#special-offers .details a.order-btn { margin-top: 10px;}		
	
	#gallery a.venobox { padding:0 0;}	

	.blog-area { padding:50px 0 30px 0;}
	.blog-area .owl-carousel .owl-nav>button.owl-prev { left:0;}
	.blog-area .owl-carousel .owl-nav>button.owl-next { right:0;}
	
	#footer .footer-social { padding:30px 0;}
	#footer .footer-social a { display: inline-block; width: 42%; margin: 10px;}
	
	.status-header h2 { font-size:20px; margin:0 0 15px 0;}

	#footer .footer-top { padding:40px 0;}
	#footer .footer-top .col-6 { width: 100%;}
	
	#footer .footer-top .footer-links h3 { font-size:20px; margin:0 0 15px 0;}
	#footer .footer-top .footer-links p { margin:10px 0 0 0;}
	#footer .footer-top .footer-links { margin-bottom: 15px; padding: 12px;}
	
	#footer .footer-top .footer-links ul li { padding:0 0 10px 0;}
	#footer .footer-top .footer-links ul li:last-child { padding:0;}
	#footer .footer-top .footer-links ul li a br { display:none;}
	
	#footer .website-accessibility .section-header h2 { font-size:24px;}
	#footer .website-accessibility { padding:0 20px 20px 20px;}
	
	#footer .footer-top .footer-links ul li a, #footer .copyright p { font-size:17px;}

	#footer .copyright { padding:14px 0;}  

	.slider-area h1 { font-size:26px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;} 

	.note{ width:100%; top: 0; bottom: auto;}
	.details img{display: none;}
	.details {padding-bottom: 40px;}
	.details h5, .details p{margin-bottom: 0px;}	
	
	.locations-main .col-4 { width:50%;}
	.locations-main .location-block { padding:0 0 20px 0;}
	.locations-main .location-block h2 { line-height:26px; margin:0 0 12px 0;}
	.locations-main .location-block h2 span { font-size:18px;}
	
	#footer .footer-top .col-3, #footer .footer-top .col-2, #footer .footer-top .col-4 { width:50%;}
	#footer .footer-top .footer-map { padding:0;}
	

}


/*----------------------------------
    MOBILE LAYOUT: 320px
-----------------------------------*/

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

	body.inner-page .breadcrumb-section { margin: 110px 0 0 0;}
	body.inner-page .mobile-nav-toggle.bi-list { margin:7px 0 0 0;}

	section { padding:40px 0;}
	.section-header { margin-bottom: 15px; padding-bottom: 15px;}
	.section-header h2 { font-size: 26px;}
	
	#header { height: 70px;}
	#header .website-note {font-size:15px;}
	
	#header .logo img{float:left; height:50px;}
	#header .logo.js-scrolling img{height:50px;}
	.mobile-nav-toggle.bi-x { position: relative;  z-index: 99999; color: #FFFFFF; top: -40px;}
	
	#header.header-scrolled .mobile-nav-toggle.bi-x { top: 0;}
	
	.breadcrumbs { margin-top:70px;}

	p { font-size:16px;}	

	a.order-btn { padding: 8px 20px; font-size: 18px;}
	
	.navbar li:last-child{margin-left:0;}
	#header.header-scrolled { height:80px; border-bottom: 1px solid rgba(22, 22, 22, 0.1);}
	

	#header { /*background: rgba(22, 22, 22, 0.90); height: 80px; padding: 10px 0;

		-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;*/}

	/*#header.header-scrolled, #header.header-fixed { padding: 10px 0!important;}*/	

	#header.header-fixed { display:block; padding: 10px 0;}	
	
	.slider-area h2 { padding:0 14px;}
	.slider-area h2{font-size:38px;}
	.pogoSlider--navBottom .pogoSlider-nav{}
	.slider-area .pogoSlider .pogoSlider-slide .red-bar span{display:block;}
	
	.red-bar { height:auto;}
	.red-bar ul li { margin: 6px 0; line-height: 18px; display: block;}	
	.red-bar ul li a { font-size:16px;}
	
	i.time-btn{width:36px; height:36px;}
	#about .content p {font-size:17px;}

	#about .content h2,#special-offers .content h2{font-size:36px;}
	#about .content,#special-offers .content{ padding: 25px;}
	#special-offers .content h3 { font-size: 22px; margin-bottom: 20px;}
	
	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 0; padding: 10px 8px;}

	#about { padding: 0 0 0 0;}
	#about p { font-size: 16px; line-height: 24px;}
	#about .section-header { padding-bottom:0; margin-bottom:20px;}
	
	#about .about-social-btns { padding:25px 0; margin:25px 0 0 0;}
	#about .about-social-btns .col-3 { width: 25%; display: block;}
	#about .about-social-btns .col-3:last-child a.social-btn { margin: 0;}	
	a.social-btn { width: 100%; margin: 0; padding:0;}
	a.social-btn i { font-size:36px; margin:0;}	

	#special-offers .section-header { padding:0; margin:0 0 20px 0;}
	#special-offers .details { padding:0;}	
	#special-offers .details h3 { font-size: 22px; margin-bottom: 12px;}
	#special-offers .details a.order-btn { margin: 10px 0 0 0;}	
	
	#special-offers .col-6 { width:100%;}	
	
	#gallery { padding:0px 0;}
	#gallery .col-4 { width:50%;}
	#gallery a.venobox { padding:10px 0;}	
	
	#gallery .owl-carousel .owl-nav>button { width: 46px;}
	#gallery .owl-carousel .owl-nav>button{margin-top:-50px;}
	#gallery .gallery-slider:hover .owl-nav>button { opacity: 0.65;}
	
	.gallery-desktop { display:none;}
	.gallery-mobile { display:flex;}
	
	.blog-area .container{width:100%;}
	.blog-area .section-header h2{font-size:32px;}
	.blog-area .post-details h3, .blog-area .post-details h4{font-size:18px; margin-bottom:0;}
	.post-details{padding:0;}
	.blog-area .post-details .la-quote-left, .blog-area .post-details .la-quote-right{ font-size:28px;}
	
	.blog-area { padding:40px 0;}
	.blog-area .post-details { min-height:inherit;}
	.blog-area .owl-carousel .owl-nav>button { width: 26px;}
	.blog-area .post-slider:hover .owl-nav>button { opacity: 0.65;}
	.blog-area .owl-carousel .owl-nav>button.owl-prev { left:-10px;}
	.blog-area .owl-carousel .owl-nav>button.owl-next { right:-10px;}
	.post-details p { font-size: 16px; line-height: 24px; margin-right:12px;}
	
	#footer .footer-social a { display: inline-block; width: 42%; margin: 10px;}
	
	#footer .section-header { margin: 0 0 20px 0; padding: 0;}
	
	.status-header h2 { font-size:20px; margin:0 0 10px 0;}
	
	#footer{text-align:center;}

	#footer .footer-top { padding:20px 0 0 0; border-top: 1px dotted #000; margin: 40px 0 0 0;}
	#footer .footer-top .text-center img { margin-bottom: 20px;}
	#footer .footer-top .col-6 { width: 100%; display: block; flex: none;}
	#footer .footer-top .website-accessibility { padding:0;}
	
	#footer .footer-top .col-3, #footer .footer-top .col-2, #footer .footer-top .col-4 { width: 100%;}
	#footer .footer-top .footer-map { padding:0;}
 	 
	#footer .footer-top .footer-links p { margin:15px 0 0 0;}
	#footer .footer-top .footer-links { margin-bottom: 16px; border-bottom: 1px dotted #000;}
	
	#footer .footer-top .footer-links ul i, #footer .footer-top .footer-links ul i.las.la-tty { }
	#footer .footer-top .footer-links ul li { font-size:16px; padding:0; margin-bottom: 20px;}
	#footer .footer-top .footer-links h3 { font-size: 20px; margin:0 0 15px 0;}
	#footer .footer-top .footer-links p { margin:5px 0 0 0;}
	#footer .footer-top .footer-links p a { font-size:16px;}
	#footer .footer-top .footer-links ul li a br { display:none;}
	
	#footer .footer-top .footer-info p, #footer .footer-top .phone a { font-size:16px;}
	
	#footer .footer-top .footer-links ul li a, #footer .copyright p { font-size:16px;}
	#footer .footer-top .footer-links ul li span { font-size:16px; margin-bottom:10px;}
	
	#footer .footer-top .footer-info .address br { display:none;}

	#footer .copyright { padding:14px 0;}  

	.slider-area h1 { font-size:26px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;} 
	
	#footer .website-accessibility { padding:0 20px 20px 20px;}
	#footer .website-accessibility .section-header h2 { font-size: 22px;}
	#footer .footer-top .website-accessibility p { line-height:24px;}	

	#footer .note { padding:10px;}
	#footer .note p { font-size:15px; line-height:22px;}
	
	.breadcrumb-section .section-header h2{font-size:38px;}
	
	.details img{display: none;}
	.details {padding-bottom: 40px;}
	.details h5, .details p{margin-bottom: 0px;}	
	
	.locations-main .section-header { padding:0;}
	.locations-main .col-4 { width:100%;}
	.locations-main .location-block { padding:0 0 20px 0; margin:0 0 20px 0; text-align:center; border-bottom:1px solid #c3c3c3;}
	.locations-main .location-block h2 { font-size: 22px; margin:0 0 10px 0;}
	.locations-main .location-block h2 span { font-size: 18px; display: inline-block;}
	.locations-main .location-block p { font-size: 16px; margin:0 0 10px 0;}
	
	#footer .footer-top .footer-info{margin-bottom:0;}
	#footer .footer-top .footer-info .address{ border-bottom: 1px dotted #000; padding: 20px 0;}
	#footer .footer-top .footer-info .phone{ padding: 20px 0;}
	
	.website-accessibility p { font-size: 16px; line-height: 28px;}	
	
	body.inner-page #footer .footer-top { padding:0; border:0px none;}

}


/*----------------------------------
    WIDE MOBILE LAYOUT: 480px
-----------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {	
	

	section { padding:40px 0;}
	.section-header { margin-bottom: 15px; padding-bottom: 15px;}
	.section-header h2 { font-size: 26px;}

	p { font-size:16px;}	

	a.order-btn { padding: 10px 20px; font-size: 18px;}
	

	#header { /*background: rgba(22, 22, 22, 0.90); height: 80px; padding: 10px 0;

		-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;*/}

	/*#header.header-scrolled, #header.header-fixed { padding: 10px 0!important;}*/	

	#header.header-fixed { display:block; padding: 10px 0;}	
	
	.slider-area h2 { padding:0 75px;}

	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 0; padding: 10px 8px;}


	#about { padding: 0 0 0 0;}
	#about .section-header { padding-bottom:0; margin-bottom:20px;}
	
	#about .about-social-btns { padding:25px 0; margin:25px 0 0 0;}
	#about .about-social-btns .col-3 { width: 25%; display: block;}
	#about .about-social-btns .col-3:last-child a.social-btn { margin: 0;}	
	a.social-btn { width: 100%; margin: 0; padding:0;}
	a.social-btn i { font-size:36px; margin:0;}	
	
	#gallery { padding:0 0;}
	#gallery .col-4 { width:50%;}
	#gallery a.venobox { padding:10px 0;}	
	
	.gallery-desktop { display:none;}
	.gallery-mobile { display:flex;}

	.blog-area { padding:40px 0;}
	.blog-area .post-details { min-height:inherit;}
	.blog-area .owl-carousel .owl-nav>button.owl-prev { left:0;}
	.blog-area .owl-carousel .owl-nav>button.owl-next { right:0;}
	
	#footer .footer-social a { display: inline-block; width: 42%; margin: 10px;}
	
	#footer .section-header { margin: 0 0 20px 0; padding: 0;}
	
	.status-header h2 { font-size:20px; margin:0 0 10px 0;}

	#footer .footer-top { padding:40px 0;}
	#footer .footer-top .col-6 { width: 100%; display: block; flex: none;}
	
	#footer .footer-top .footer-links h3 { font-size:20px; margin:0 0 15px 0;}
	#footer .footer-top .footer-links p { margin:15px 0 0 0;}
	#footer .footer-top .footer-links { margin-bottom: 10px; padding: 12px;}
	
	#footer .footer-top .footer-links ul li:last-child { padding:0;}
	#footer .footer-top .footer-links h3 { font-size: 18px; margin:0 0 10px 0;}
	#footer .footer-top .footer-links p { margin:5px 0 0 0;}
	#footer .footer-top .footer-links p a { font-size:16px;}
	#footer .footer-top .footer-links ul li a br { display:none;}
	
	#footer .footer-top .footer-links ul li a, #footer .copyright p { font-size:16px;}

	#footer .copyright { padding:14px 0;}  

	.slider-area h1 { font-size:26px;}
	.slider-area h3 a.order-btn { padding: 10px 20px; font-size:18px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;} 
	

	#footer .note { padding:10px;}
	#footer .note p { font-size:15px; line-height:22px;}
	
	.details img{display: none;}
	.details {padding-bottom: 40px;}
	.details h5, .details p{margin-bottom: 0px;}	

	.locations-main .section-header { padding:0;}
	.locations-main .col-4 { width:100%;}
	.locations-main .location-block { padding:0 0 20px 0; margin:0 0 20px 0; text-align:center; border-bottom:1px solid #c3c3c3;}
	.locations-main .location-block h2 { font-size: 22px; margin:0 0 10px 0;}
	.locations-main .location-block h2 span { font-size: 18px; display: inline-block;}
	.locations-main .location-block p { font-size: 16px; margin:0 0 10px 0;}

}