/*----------------------------------
    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;}
	
	#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-info, #footer .footer-top .footer-links { margin-bottom: 25px; padding-bottom: 20px; 
		border-bottom: 1px solid #262c44; }
	#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: 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;}
	
	#intro h1 span { font-size: 36px;}
	
	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 0; padding: 10px 8px;}
	#about p { padding:0 10px;}
	
	#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 0 0;}
	
	#footer .footer-top .footer-info, #footer .footer-top .footer-links { margin-bottom: 25px; /*padding-bottom: 20px; 
		border-bottom: 1px solid #262c44;*/}
	#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 15px;}  
	
	.slider-area h1 { font-size:26px; padding:0 15px;}
	.slider-area h3 a.order-btn { padding: 12px 20px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none; }  
	
	a.social-btn { width: 44%; margin: 0; /*min-height: 140px;*/ line-height: 80px;}
	
	.note{ width:100%; top: 0; bottom: auto;}
	
	a.time-btn { font-size: 24px; width: 42px; height: 42px; line-height: 44px;}
	
	#special-offers, .blog-area { background-attachment: fixed;} 
	#special-offers .details .menu-block { width: 100%; margin:0; float: none; min-height: inherit;}
	
	.promotion-area-bg, .blog-area-bg { background-position:center!important;}

	.top-area .apply-here-btn{
		font-size: 14px;
    	right: -25px;
    	top: 25%;
    	width: 80px;
    	height: 80px;
    	padding-right: 20px;
    	line-height: 80px;
	}
			
}


/*----------------------------------
    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 { 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;}
	
	#intro h1 span { font-size: 36px;}
	
	#about .story-btns a.social-btn { min-width: auto; letter-spacing: 1px; padding: 10px 16px;}
	#about p { padding:0 10px;}
	
	#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 0 0;}
	
	#footer .footer-top .footer-info, #footer .footer-top .footer-links { margin-bottom: 25px; /*padding-bottom: 20px; 
		border-bottom: 1px solid #262c44;*/}
	#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 15px;}	
	
	.slider-area h1 { font-size:26px; padding:0 15px;}
	.slider-area h3 a.order-btn { padding: 12px 20px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;}   
	
	a.social-btn { width: 44%; margin: 0; /*min-height: 140px;*/ line-height: 80px;}
	
	.note{ width:100%; top: 0; bottom: auto;} 
	
	a.time-btn { font-size: 24px; width: 42px; height: 42px; line-height: 44px;}
	
	#special-offers, .blog-area { background-attachment: fixed;} 
	#special-offers .details .menu-block { width: 100%; margin:0; float: none; min-height: inherit;}
	
	.promotion-area-bg, .blog-area-bg { background-position:center!important;}
	
}