/*----------------------------------
    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:45px 0;}
	.section-header { margin-bottom: 25px; padding-bottom: 15px;}
	.section-header h2 { font-size: 30px;}
	p { font-size:17px;}
	
	a.order-btn { padding: 6px 20px; font-size:16px;}
	
	#header { display:none; /*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;}
	
	#intro h1 span { font-size: 40px;}
	
	#special-offers .details { padding:0;}
	#special-offers .details h3 { font-size: 20px; margin-bottom: 10px;}
	#special-offers .details a.order-btn { margin-top: 20px;}
	
	.blog-area { padding:40px 0 25px 0;}
	.post-details { min-height: 200px;}
	
	#footer .footer-top { padding:45px 0;}
	#footer .footer-top .footer-info, #footer .footer-top .footer-links, #footer .footer-top .footer-contact { 
		width:100%; float:none; display:block; max-width: 100%; flex: inherit;}
	
	#footer .footer-top .footer-links { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #262c44;}
	#footer .footer-top .footer-links:last-child { margin: 0; padding: 0; border-bottom: 0px none;}
	#footer .footer-top .footer-links:last-child p { margin:0; padding:0;}
		
	#footer .footer-top .footer-info p { font-size:18px;}
	#footer .footer-top .footer-links ul li { border:0px none;}
	#footer .footer-top .footer-links ul li a { font-size:18px;}
	#footer .footer-top .footer-contact img { max-width: 50%;}
	
	#footer .footer-top .footer-contact ul li { width: 50%; margin: 0; padding: 0; float: left;}
	
	#footer .copyright { padding:12px 0;} 
	
	a.social-btn { width: 20%; margin: 0 1%; min-height: 140px; line-height: 120px;}	
	
	.note{ width:100%; top: 0; bottom: auto;}    
	
}


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

@media only screen and (max-width: 767px) {
	
	section { padding:35px 0;}
	.section-header { margin-bottom: 25px; padding-bottom: 15px;}
	.section-header h2 { font-size: 26px;}
	p { font-size:16px;}
	
	a.order-btn { padding: 12px 20px; font-size: 15px;}
	
	#header { display:none; /*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;}
	
	#intro h1 span { font-size: 36px;}
	
	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 0; padding: 10px 8px;}
	
	#special-offers .details { padding:0;}
	#special-offers .details h3 { font-size: 18px; margin-bottom: 10px;}
	#special-offers .details a.order-btn { margin-top: 10px; line-height: normal;}
	
	.blog-area { padding:50px 0 30px 0;}
	
	#footer .footer-top { padding:35px 0;}
	
	#footer .footer-top .footer-links { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #262c44;}
	#footer .footer-top .footer-links:last-child { margin: 0; padding: 0; border-bottom: 0px none;}
	#footer .footer-top .footer-links:last-child p { margin:0; padding:0;}
	#footer .footer-top .footer-info p { font-size:16px;}
	#footer .footer-top .footer-links ul li { border:0px none;}
	
	#footer .footer-top .footer-contact ul li { width: 50%; margin: 0; padding: 0; float: left; height: 80px; line-height: 80px;}
	#footer .footer-top .footer-contact img { max-width: 60%;}
	
	#footer .footer-top .footer-buttons { padding:15px 0 0 0;}
	#footer .footer-top .footer-buttons a.social-btn { width:90%; margin:0 0 6px 0;}
	
	#footer .copyright { padding:12px 0;}  
	
	.slider-area h1 { font-size:26px;}
	.slider-area h3 a.order-btn { padding: 12px 20px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none; }  
	
	a.social-btn { width: 44%; margin: 2%; min-height: 140px; line-height: 120px;}
	
	.note{ width:100%; top: auto; bottom: 0;}
	#mobile-nav-toggle {display: inline; }
	.promotion-area-bg, .blog-area-bg { background-position: center!important;}
	
	.locations-page .details p img { display:none;}
	.locations-page .details { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #262c44;}		
}


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

@media only screen and (min-width: 480px) and (max-width: 767px) {	
	
	section { padding:35px 0;}
	.section-header { margin-bottom: 25px; padding-bottom: 15px;}
	.section-header h2 { font-size: 30px;}
	p { font-size:18px;}
	
	a.order-btn { padding: 12px 20px; font-size: 18px;}
	
	#header { display:none; /*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;}
	
	#intro h1 span { font-size: 36px;}
	
	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 1px; padding: 10px 16px;}
	
	#special-offers .details { padding:0;}
	#special-offers .details h3 { font-size: 20px; margin-bottom: 10px;}
	#special-offers .details a.order-btn { margin-top: 10px; line-height: normal;}
	
	.blog-area { padding:50px 0 30px 0;}
	.post-details { min-height: 250px;}
	
	#footer .footer-top { padding:35px 0;}
	
	#footer .footer-top .footer-links { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #262c44;}	
	#footer .footer-top .footer-links:last-child { margin: 0; padding: 0; border-bottom: 0px none;}
	#footer .footer-top .footer-info p { font-size:17px;}
	#footer .footer-top .footer-links ul li { border:0px none;}
	
	#footer .footer-top .footer-contact ul li { width:25%; margin: 0; padding: 0; float: left; height: 60px; line-height: 60px;}
	#footer .footer-top .footer-contact img { max-width: 50%;}
	#footer .footer-top .footer-buttons a.social-btn { width:100%; margin:0 0 6px 0;}
	
	#footer .copyright { padding:12px 0;}	
	
	.slider-area h1 { font-size:26px;}
	.slider-area h3 a.order-btn { padding: 12px 20px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;}   
	
	a.social-btn { width: 44%; margin: 2%; min-height: 140px; line-height: 120px;}
	
	.note{ width:100%; top: 0; bottom: auto;}  
	
	.locations-page a.order-btn { padding: 10px 20px;}
	
	.promotion-area-bg, .blog-area-bg { background-position: center!important;}
	
}