/*----------------------------------
    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) {
	

	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 { /*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: 50px 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;}	

	#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:15px 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;}
	

}


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

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

	section { padding:40px 0;}
	.section-header { margin-bottom: 15px; padding-bottom: 15px;}
	.section-header h2 { font-size: 26px;}
	
	#header { height: 70px;}
	#header .website-note {}
	
	.breadcrumbs { margin-top:70px;}

	p { font-size:16px;}	

	a.order-btn { padding: 8px 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: 40px 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;}		
	
	#gallery { padding:25px 0;}
	#gallery .col-4 { width:50%;}
	#gallery a.venobox { padding:10px 0;}	
	
	#gallery .owl-carousel .owl-nav>button { width: 26px;}
	#gallery .gallery-slider:hover .owl-nav>button { opacity: 0.65;}
	
	.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 { 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;}
	
	#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 .website-accessibility { padding: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 i, #footer .footer-top .footer-links ul i.las.la-tty { }
	#footer .footer-top .footer-links ul li { padding:0 0 8px 0;}
	#footer .footer-top .footer-links ul li:last-child { padding:0;}
	#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-links ul li a, #footer .copyright p { font-size:16px;}
	#footer .footer-top .footer-links ul li span { font-size:16px; margin-bottom:6px;}

	#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;}
	
	.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;}

}


/*----------------------------------
    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: 40px 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:25px 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;}

}