/*----------------------------------
    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 { min-height:inherit;}
	.breadcrumbs { margin: 100px 0 0 0;}
	
	#header { height: 100px;}
	#header.header-scrolled { height: 100px;}
	
	#sect-video { margin: 100px 0 0 0;}
	.background-video { min-height: 50vh;}
	.slider-area h2 { font-size: 60px; margin: 0 0 40px 0;}
	.slider-area .order-now-button { font-size: 26px; border: 5px solid #FFFFFF; padding: 16px 30px;}
	
	#sect-orange { padding:80px 0;}
	/*#sect-orange .sect-orange-head { margin:50px 0 0 0;}*/
	#sect-orange .sect-orange-head h2 { font-size: 50px; margin: 0;}
	#sect-orange .sect-orange-head p{font-size: 32px; margin-top: 40px;}
	/*#sect-orange .sect-orange-images img{margin-top: 40px;}*/
	#sect-orange .sect-orange-images img{max-width:100%;}
	#sect-orange .sect-orange-image { position:inherit;}
	#sect-orange .sect-orange-images{padding: 8px;}
	
	#sect-green .special-offers-img{padding: 8px;}
	#sect-green .sect-green-head .section-header { margin-bottom: 30px;}
	#sect-green .sect-green-head .section-header h2 { font-size: 28px;}
	#sect-green .sect-green-head .special-offers-detail h3{font-size:24px;}
	
	#sect-green { padding:80px 0;}
	/*#sect-green .sect-green-head h2 { font-size: 60px;}
	#sect-green .sect-green-head p { font-size: 28px; line-height: 38px; padding:0; margin-top: 40px;}	
	#sect-green .sect-green-images { margin-top: 40px;}*/
	
	#gallery{padding: 80px 40px;}
	
	#sect-yellow { padding:80px 0;}
	#sect-yellow .sect-yellow-head h2 { font-size: 60px;}
	#sect-yellow .sect-yellow-head p { font-size: 32px; margin-top: 40px;} 
	#sect-yellow .sect-yellow-images img { margin-top: 40px;}
	
	#our-story .section-header{min-height: 40vh; margin-bottom: 40px;}
	#our-story { padding: 100px 0 80px 0;}
	#our-story p:last-child { margin:0;}
	
	
	
	/*#our-story { padding:120px 0 80px 0;}
	#our-story .section-header h2 { bottom: 60px;}
	#our-story .section-header { /*min-height: 50vh; margin-bottom:40px;}
	#our-story p { font-size: 24px;}*/
	
	
	#locations-area h2 { font-size: 60px; margin-bottom: 40px;}
	#locations-area .col-4 { width:100%;}
	#locations-area .location-block { padding: 20px; margin: 0 0 20px 0; border: 2px solid rgba(0, 0, 0, 0.1);}
	#locations-area .location-block h3 { font-size: 36px;}
	#locations-area .location-block a.order-btn { width:auto; padding: 0 40px;}
	
	#header .logo img{ max-width: 94px;}
	
	#our-story p { font-size: 22px;}
	
	.website-accessibility p { padding:0; margin:0; font-size: 20px;}
	
	.breadcrumb-section { margin: 100px 0 0 0; min-height: 240px;}
	.breadcrumb-section .section-header h2 { font-size: 40px;}
	
	.footer-area .footer-hours ul li{text-align:center;}


}


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

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

	section { padding:40px 0;min-height:1px;}
	
	.section-header { margin-bottom: 15px; padding-bottom: 15px;}
	.section-header h2 { font-size: 20px;}
	.section-header h2 span { font-size: 24px; font-weight: 700; line-height: 40px;}
	
	#header { height: 90px;}
	#header.header-scrolled { height: 90px;}
	#header .container-fluid { padding:0 35px;}
	#header .logo img { max-width: 80px;}
	
	.breadcrumbs { margin-top:90px; padding: 10px 0;}
	.breadcrumbs h2 { font-size: 24px;}
	.breadcrumbs ol li { font-size: 16px;}

	p { font-size:16px;}	
	
	/*.slider-area { margin: 90px 0 0 0; min-height: 80%;}*/
	.slider-area h2 { font-size: 36px; /*margin: 0 0 25px 0;*/} 
	.slider-area .order-now-button { font-size: 18px; letter-spacing: 3px; 
		border: 4px solid #FFFFFF; padding: 10px 30px; margin: 0 auto;}
	
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;}
		
	.background-video { min-height: 50vh;}
	
	.slider-area .pogoSlider .pogoSlider-slide .red-bar a.content{ font-size:15px; margin-right:0;}
	.slider-area .pogoSlider .pogoSlider-slide .red-bar span{display: block;}
	i.time-btn{ width: 32px; height:auto; line-height:30px; font-size:22px;}	

	#sect-orange .sect-orange-images{width:100%; padding: 8px;}
	#sect-orange .sect-orange-images img{width:100%;}
	#sect-orange { padding:60px 0;display: flex;flex-direction: column;}
	#sect-orange .sect-orange-head h2 { font-size:32px;}
	#sect-orange .sect-orange-head p{font-size:24px;}
	
	#sect-orange .sect-orange-image img{ height: auto;}
	
	#sect-green .special-offers-img{padding: 8px;}
	#sect-green{ padding:60px 0;}
	#sect-green .sect-green-head .section-header { text-align: center; padding:0; margin:0 0 20px 0;}
	#sect-green .sect-green-head .section-header h2 { font-size: 32px; text-align: center;}
	#sect-green .col-5, #sect-green .col-7 { width:100%;}	
	#sect-green .sect-green-head .special-offers-detail { padding: 25px 0; text-align: center;}
	#sect-green .sect-green-head .special-offers-detail h3 { font-size:20px; margin: 0 0 15px 0;}
	
	#sect-green .sect-green-head .special-offers-detail .order-now-button{font-size:18px; padding:14px 40px; border: 4px solid #FFFFFF;}
		
	/*#sect-green { padding:200px 0 0 0;}*/
	#sect-green .sect-green-head h2 { font-size:36px;}
	#sect-green .sect-green-head p { font-size: 20px; padding:0; margin:40px 0 0 0;}
	#sect-green .sect-green-images { margin:40px 0 0 0;}
	
	#sect-green .col-4{ width: 100%;}
	#sect-green .col-4 .magnific-img{ margin: 0 0 10px 0;}
	#sect-green .order-now-button { font-size: 18px; letter-spacing: 3px; 
		border: 4px solid #FFFFFF; padding: 10px 30px; margin: 0 auto;}
	
	#sect-yellow { padding:100px 0 0 0;}
	#sect-yellow .sect-yellow-head h2 { font-size: 36px;}
	#sect-yellow .sect-yellow-head p { font-size: 24px; margin: 40px 0 0 0;}

	
	#gallery { padding:60px 20px; min-height:inherit;}
	#gallery .col-4 { width:50%;}
	#gallery a.venobox { padding:10px 0;}	
	
	#gallery .gallery-slider:hover .owl-nav>button { opacity: 0.65;}
	
	.gallery-desktop { display:none;}
	.gallery-mobile { display:flex;}
	
	#our-story .story-btns a.social-btn { min-width: auto; letter-spacing: 0; padding: 10px 8px;}


	#our-story { padding: 40px 0;}
	#our-story .section-header h2{font-size:32px;}
	#our-story p { font-size: 16px; line-height: 28px; padding: 0 0 10px 0;}
	#our-story .section-header { padding-bottom:0; margin-bottom:20px;}
	
	#our-story { padding:140px 0 60px 0;}
	#our-story .section-header { margin-bottom: 40px;min-height: 30vh;}
	#our-story .section-header h2 { color:#f6343f; font-size: 40px; bottom: 80px;
		-webkit-text-fill-color: initial; -webkit-text-stroke: initial;
		font-family: 'Montserrat', sans-serif; font-weight: 800; text-align: center;}
	
	.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-area{ padding: 60px 0;}
	.footer-area .footer-logo { margin:30px 0;}
	.footer-area .footer-social {  margin:0 0 20px 0;}
	.footer-bottom-area { padding:20px 0;}
	.footer-area p.text-center{ margin-top:0;}
	.footer-area .footer-hours ul li{ text-align:center;}

	#locations-area { padding:60px 0;}
	#locations-area h2 { font-size: 36px; margin-bottom: 25px;}
	#locations-area .col-4 { width:100%;}
	#locations-area .location-block { margin:0 0 30px 0; padding:0; text-align:center;}
	#locations-area .location-block h3 { font-size: 26px; margin: 0 0 20px 0;}
	#locations-area .location-block p { font-size:18px; padding: 0; margin: 0 0 15px 0;}
	#locations-area .location-block p strong { font-size: 20px;}
	
	#locations-area .location-block a.order-btn { font-size: 22px; margin:10px 0 0 0;}
	
	#locations-area .col-4:last-child .location-block { margin:0;}
	
	.breadcrumb-section { margin:90px 0 0 0; min-height: 200px;}
	.breadcrumb-section .section-header h2 { font-size: 32px;}
	
	.website-accessibility p { font-size:16px; line-height: 28px; margin: 0; padding: 0;}
	

}


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

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

	#sect-green { background-attachment:fixed;}
	#sect-green .special-offers-img { margin: 0 60px;}
	
	.slider-area .pogoSlider .pogoSlider-slide .red-bar a.content{ font-size: 16px;}
	
	.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;}
	
	#gallery .col-4 { width:50%;}
	#gallery a.venobox { padding:10px 0;}	
	
	.gallery-desktop { display:none;}
	.gallery-mobile { display:flex;}
	
	#locations-area .location-block { padding:20px; margin:0 0 20px 0; border:2px solid rgba(0, 0, 0, 0.1);}
	#locations-area .location-block a.order-btn { width:auto;}
	
	#footer { min-height:inherit;}
	#footer .footer-top .footer-links ul li { display: inline-block; padding:0 15px;}
	
	.footer-area .footer-hours ul li{text-align:center;}

}