@media screen and (max-width: 2000px) {
	.header .container-fluid { padding: 0 100px; }
	.updates p, .updates a { font-size: 20px; }
	.header_nav a { font-size: 20px; padding: 11px 10px;}
	#menu-item-57913 { width: 145px; margin: 0 10px;}
	#menu-item-57913 a {font-size: 17px;}

	.section-card { text-align: center; padding: 0 10px;}
	
	.icons { width: 45px; }
	
	.page-template-template-fullwidth .page-content .content { padding-bottom: 0px }
	.page-template-template-fullwidth .CTA-section { padding-top: 0; }
	.desktop-nav{float: right;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1680PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1680px) {
	.header .container-fluid { padding: 0 100px; }
	.desktop-nav {float: right;}

	
	.hero_slider--wrap, .hero_slider.slick-initialized .slick-slide {
    	height: 75vh;
    }
	.hero_slider h2 { font-size: 50px; margin-top:  50px;}
	.hero_slider--wrap::after { bottom: -5px; }
	.hero_slider a.button { margin-left: 0; }
	
	
	.services .container-fluid{padding: 0 140px;}
	.section-card { padding: 0 15px; width: 100% !important; }
	.services::after {
	    background-size: cover;
	    bottom: -20px;
	    border: none !important;
	    background-position: top;
    }
	.section-card p { font-size: 16px; }
	
	
	.testimonial_slider h4 { font-size: 30px; }
	.testimonial_slider p { font-size: 30px; padding: 0 120px; }
	.testimonials_slider--wrap, .testimonials_slider--content {
		height: 600px;
	}
	.testimonials_slider--wrap::after { height: 110px; bottom: 60px; }
	.testimonial_slider p::after { right: 170px;  }
	.testimonial_slider .slick-arrow { top: -300px; }
	.testimonial_slider .slick-dots{ margin-top: -80px; }
	.testimonial_slider a.button { padding: 6.2px 25px; }
	
	
	.career-section img { width: 60%; }
	.career-content { padding-top: 50px; }
	.button-box { padding-top: 20px; }
	
	
	footer .container-fluid { padding: 0 150px; }
	.f-logo { width: 55%; }
	.ice-food { width: 85%; margin-left: 5px; top: -8px; }
	.icons { margin: 0 8px; width: 35px; height: 35px; display: flex; }
	
	
	.page-content { padding: 170px 0 0px !important; }
	.page-template-template-fullwidth .page-title .featured-img { width: 600px !important; height: 400px !important; }
	.page-content .content::after { background-repeat: no-repeat !important; }
	
	
	.page-template-template-2column .page-content .container, .single-product .page-content .container{ top: 0px; }
	.page-template-template-2column .left-col, .single-product .left-col{top: 80px;}
	.page-template-template-2column .page-content, .single-product .page-content{ padding: 170px 0 150px !important; }
	
	
	.page-template-template-contact .page-title { height: 400px; }
	.page-template-template-contact .left-col { top: 0px; }
	.page-template-template-contact h2 { padding-bottom: 100px; }
	
	.single-product .right-col, .page-template-template-2column .right-col { top: 150px; }
	
	.cta-group { top: -150px !important; position: relative !important; }
	.locations .cta-group { top: 0 !important; }
	.locations .CTA-section::before { bottom: -190px;}
	 .locations h2 { padding-top: 200px; }

	
	
	.page-template-template-fullwidth  .CTA-section { padding: 0; margin-top: 200px; }
	
	.page-template-template-templateA .page-content { padding: 70px 0 100px !important; }
	.page-template-template-templateA .section-area h3 { font-size: 25px;}
	.page-template-template-templateA .section-area .img { width: 100%; height: 170px; }

	
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1440PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
	.header_nav a { font-size: 17px; padding: 11px 5px;}
	#menu-item-57913 {width: 140px; margin: 0 25px 0 10px;}
	#menu-item-57913 a { font-size: 16px; padding: 12px; }
	
	.updates p { font-size: 17px; }
	
	.hero_slider--wrap::after { bottom: -10px; }
	
	.services .container-fluid { padding: 0 100px;  width: 100%; }
	
	.testimonial_slider.container { width: 100%; }
    .testimonial_slider .slick-next { right: 0px; }
	.testimonial_slider .slick-prev { left: 30px; }
	
	.icons { width: 37px; }

	.page-title { height: 600px; }
	.cta-box {height: auto; padding: 40px 30px;}
	.cta-btn.gradient-btn {padding: 10px;}
	
	.locations .page-title { height: 1100px; }
	.locations .page-title .container { padding: 0px 0 100px; }
	.locations .CTA-section::before { bottom: -210px; }
   	
	
	
	.page-template-template-templateA .section-area { padding: 70px 0px 100px; }
	.page-template-template-templateA .page-title .featured-img { width: 40%; height: 300px; }
	.page-template-template-templateA .banner-content { width: 60%; padding-left: 50px; }
	
	.page-template-template-templateA h2 { font-size: 40px; }
	.page-template-template-templateA .page-title p { font-size: 18px; margin: auto auto 0px; }


}



/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1280PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	.updates p, .updates a { font-size: 18px; }
    .logo { width: 130px; }
    .header .container-fluid { padding: 0 70px; }
    .header_nav a { padding: 11px 5px; }
	.main_menu a {font-size: 20px;}
	#menu-item-57913 a { font-size: 15px; padding: 12.5px; }
	
	
	.updates { top: 100px;  position: relative; z-index: 1; }
	.updates::after { top: 70px; }
	.updates p, .updates a {font-size: 16px;}
	
	
	.hero_slider--wrap::after { bottom: 80px; }
	.hero_slider--wrap { top: 100px; }
	.hero_slider--wrap, .hero_slider.slick-initialized .slick-slide, .hero_slider {
	    height: 675px;
	}
	.hero_slider h2 { font-size: 40px; }
	.hero_slider p { font-size: 18px; }
	.hero_slider .slick-dots{ top: -60%; }
	.hero_slider .container-fluid { padding: 0 150px !important; top: -40px; position: relative; }
    
    .section-card img { width: 200px; }
    .services .container-fluid { padding: 0 50px; }
	
	.testimonials_slider--wrap img { width: 70%;  margin: auto; }
	.testimonial_slider p { padding: 0 150px; }
	.testimonial_slider p::before { left: 170px; }
	.testimonial_slider .slick-dots { margin-top: -150px; }
	
	.career-content { padding: 50px 50px 0; }
	.career-section img { float: right; }
	
	.icons { width: 40px; }
	.ice-food { width: 100%; }
    
    .left { padding-left: 0 !important; }
	
	footer .container-fluid { padding: 0 100px; }
	footer .left li a { font-size: 17px; }
	.tel { font-size: 20px; }
	.footer-bar { font-size: 16px; }
	
	.page-title .featured-img {top:100px !important;}
	.page-title .featured-img {
	    top: 100px !important;
	    width: 500px !important;
	    height: 300px !important;
	}
	
	.page-content { padding: 150px 0 0 !important; }
	.page-content .content::before { top:-170px;}
	.page-template-template-fullwidth .page-content h3 { padding-bottom: 10px; }
	.page-template-template-fullwidth p {font-size: 16px;}
	
	.locations h2 { font-size: 55px; padding-bottom: 0; padding-top: 55px; }
	.locations .CTA-section::before { bottom: -310px; }
	
	
	.page-template-template-templateA .page-title .featured-img {top:0 !important;}
	.page-template-template-templateA .contact-form { padding: 120px 30px; }

}



/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1024PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.header .container-fluid { padding: 0 30px; }
	#menu-item-57913 { width: 130px;}
	#menu-item-57913 a { font-size: 14px; padding: 13px; }
	.header_nav a { font-size: 16px;}
	.desktop-nav { width: calc(100% - 140px);}
	
	#wpsl-search-wrap input {width: 250px;}
	.locations .CTA-section::before { bottom: 250px; }
	
	.services .container-fluid { width: 100%; padding: 0 15px; display: flex; flex-wrap: wrap; }
	.section-card { width: 50% !important; padding: 0 40px 80px; }
	
	.career-section img { width: 30%; }
	.career-section h3 {font-size: 35px;}
	
	.testimonials_slider--wrap img { width: 90%; } 
	.testimonial_slider .slick-dots { margin-top: -120px; }
	
	.left {text-align: center;}
	.f-logo { width: 25%; margin-top: 20px; }
	.social-media{ flex-wrap: wrap; padding: 0 150px;}
	.ice-food {
	    width: 90%;
	    margin-left: 0;
	    top: 0;
	    margin-top: 0px; 
    }
	.icons { margin: 0 10px; height: 40px; }
    .contact-box {text-align: center;}
    .tel{justify-content: center;}
    .footer-bar { flex-direction: column-reverse; }
	.extra-footer-nav { padding-bottom: 20px; }
	.extra-footer-nav a { font-size: 15px; }
	.tel.us, .tel.can {text-align: center;}
	
	
	.page-template-template-templateA .page-title a.gradient-btn, .page-template-template-templateA .store-card .gradient-btn {
    	font-size: 17px;
	}
	.page-template-template-templateA  .locations-stores .container, .page-template-template-templateA .contact-form .container {width: 100%;}
	.two-columns.left {
    	margin-right: 5px;
    	text-align: left;
	}
	.page-template-template-templateA .locations-stores .container {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}





}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    992PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
	.updates img { margin-right: 7px; }
	.updates a {margin-left: 5px; }
	
	#wpsl-search-wrap input { width: 85%; }
	#wpsl-search-wrap form { flex-wrap: wrap; }
	#wpsl-wrap { padding-left: 30px;  padding-right: 30px; }
	#wpsl-result-list { padding-left: 15px; }
	
	.locations .CTA-section::before {bottom: -95px; }
	
	
	.section-card h3 { font-size: 25px; }
	.section-card { padding: 0 10px 70px; }
/* 	.section-card a { font-size: 16px !important; padding: 8px 15px !important; } */
	.career-content { padding: 20px 50px 0; }
	.ice-food { width: 80%; margin-top: 20px; }
	.button-box { margin-top: 0px; }
	
	.page-template-template-2column .col-lg-5.right-col { margin-top: 80px; }
	
	.page-template-template-templateA .store-card h4 { font-size: 19px; }
	.page-template-template-templateA .store-card h5, .page-template-template-templateA .store-card h6 { font-size: 17px; line-height: 25px; }
	.page-template-template-templateA p.two-columns { max-width: 100%; min-width: 100%; }


}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    768PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
	header.header::after { height: 145px; }
    .updates { margin-top: 20px; }
    .updates p, .updates a { font-size: 14px; }
    .updates img { width: 20px; }
	
	.hero_slider--wrap::after { bottom: 75px; }
	.hero_slider .container-fluid { padding: 0 80px !important; }

	.services .container-fluid { flex-wrap: wrap; width: 100%;} 
	.section-card h3 { font-size: 27px; }
	.section-card img { width: 170px; }
	.section-card { padding: 0 15px 80px; }
	
	.testimonials_slider--wrap, .testimonials_slider--content { height: 570px; }
	.testimonial_slider .icon-arrow-left, .testimonial_slider .icon-arrow-right {width: 30px; height: 30px;}
	.testimonial_slider .slick-next{display: flex; justify-content: end;}
	.testimonial_slider p { padding: 0 50px; font-size: 24px; }
	.testimonial_slider p::before { left: 100px; }
	.testimonial_slider p::after { right: 90px; }
	.testimonials_slider--wrap::after {display: none;}
	.testimonial_slider .slick-dots { margin-top: -150px; }
	.testimonials_slider--wrap img { width: 100%; } 

    
    .career-section img {
    	width: 50%;
    	float: none;
    	padding-top: 50px;
    	margin: auto;
		display: flex;
			}
			
	.career-section p { font-size: 16px; }
	.career-content { padding: 0 70px !important; }
	.career-section .row {
	    display: flex !important;
	    flex-wrap: wrap !important;
	    flex-direction: column-reverse;
	    align-items: center;
	    float: left;
	}
	
	
	.footer-banner h4 { margin: 0px 20px 0px 20px; }	
	.f-logo { width: 30%; margin-top: 20px; }
	.ice-food {
	    width: 90%;
	    margin-left: 0;
	    top: 0;
	    margin-top: 0px;
    }
	.social-media {padding: 0;}
		
		
	.featured-img { margin-top: 0 !important; }
	.page-content { padding: 100px 0 0 !important; }
	.page-content .content::before { top: -130px !important; }
	.page-content .content { padding-bottom: 20px !important; }
	.page-content .content::after { bottom: -30px !important; }
	.page-template-template-fullwidth .page-content h3 { padding-top: 30px; }
	
	.page-template-template-2column .left-col, .single-product .left-col { top: 0 !important; text-align: center;}
	.page-template-template-2column .page-content, .single-product .page-content{ padding: 0px 0 10px !important; }
	.page-template-template-2column .featured-img, .single-product .featured-img{ width: 90%; margin: auto; height: 400px;}
	.page-template-template-2column .page-title, .single-product .page-title{ height: 500px; }
	.page-template-template-2column .col-lg-5.right-col{ padding-top: 200px; margin-top: 0; }
	.single-product .col-lg-5.right-col {padding-top: 0;}
	
	.page-template-template-contact .page-title { height: 300px; }
	.page-template-template-contact .page-content .container { width: 100%; }
	
	.locations h2 {
		padding-left: 20px; 
		padding-right: 20px;   
		font-size: 40px;
		letter-spacing: 1px;
    }
    
    .page-template-template-2column .left-col, .single-product .left-col { top: 210px !important; }
    .single-product .right-col { top: 0; padding-top: 250px !important; }
    
    
    .page-template-template-templateA.locations-stores h3 { padding-bottom: 0px; }
    .page-template-template-templateA .page-title .container { flex-direction: column; }
    .page-template-template-templateA .page-title { height: auto; }
    .page-template-template-templateA .page-content { padding: 0px 0 100px !important; }
    .page-template-template-templateA .section-area .box { width: 100%; padding: 50px 20px; }
    .page-template-template-templateA .locations-stores h3{padding-bottom: 0;}
    .page-template-template-templateA .store-card { min-height: 200px; width: 100%; margin: 35px 0; text-align: center; }
    .page-template-template-templateA .gradient-btn { margin-right: 0; }

    


       
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    570PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 570px) {
 	.updates{ flex-wrap: wrap; }
	.updates p, .updates a { font-size: 14px; }
	.updates p {z-index: 2; width: 75%;}
	.updates a { z-index: 2; top: -2px; margin-top: 10px;}
	.updates span:last-of-type {bottom:12px;}
	.updates span:first-of-type {top:12px;}
	.updates img { margin-right: 10px; margin-top: 10px; }
	
	.hero_slider h2 { font-size: 35px; }
	.hero_slider .container-fluid { padding: 0 50px !important; }
    .hero_slider p {font-size: 17px; line-height: 1.2; margin-right: 60px;} 
    
    .section-card { width: 100% !important; }   
    
    .testimonial_slider p { font-size: 18px; }
	.testimonial_slider p::before { left: 50px; }
	.testimonial_slider p::after { right: 40px; }
	.testimonial_slider .slick-dots { margin-top: -150px; }
	.testimonial_slider .slick-arrow { top: -250px; }
	
	.footer-banner .container{ flex-direction: column; }
	.footer-banner h4 { margin: 20px 0; }
	footer { padding: 30px 0 30px; }
	.footer-bar .nav.navbar-nav{ flex-wrap: wrap; justify-content: center;	text-align: center; }
	.footer-bar .nav.navbar-nav li { width: 100%; }
	.extra-footer-nav { flex-wrap: wrap; }
	.extra-footer-nav li {margin-top: 10px;}
	.footer .contact-box{ justify-content: center; }
	.f-logo { width: 40%; }
	.ice-food { margin: 20px 0 15px; }

	
	.page-template-template-fullwidth h2 { font-size: 30px; }
	.page-template-template-fullwidth .CTA-section { margin-top: 120px; }
	.page-title { padding-top: 160px; height: 550px; }
	.page-template-template-fullwidth .page-title .featured-img { width: 500px !important; }
	
	.page-template-template-2column .page-title, .single-product .page-title{ height: 500px !important; }
	.page-template-template-2column .page-content .container, .single-product .container{ width: 100%; }
	
	.locations .page-title { height: auto; }
	.locations h2 { font-size: 30px; letter-spacing: 0; }
	.locations .page-title .container { padding: 0px 0 20px; }
	
	.locations h4 { font-size: 20px; }
	.locations .CTA-section::before { bottom: -530px; }
	
	.cta-box p { font-size: 17px; }
	.page-template-template-2column .cta-box, .page-template-template-contact .cta-box, .single-product .cta-box {
    	margin: 30px 0;
	}
	.page-template-template-2column .CTA-section, .single-product .CTA-section, .page-template-template-contact .CTA-section {
    	padding: 50px 0;
	}
	
	.page-template-template-templateA .banner-content {
    	width: 100%; 
    	padding-left: 10px;
    }
    
	


}

@media screen and (max-width: 500px) {
	.hero_slider h2 { font-size: 31px; }
	.hero_slider p { font-size: 16px; line-height: 1.4 !important; }
	.hero_slider a.button { font-size: 16px; }
	.hero_slider--wrap::after { bottom: 73px; }
	
	.page-template-template-fullwidth .page-title .featured-img { width: 420px !important; }
	
	.page-template-template-templateA .store-card .gradient-btn { margin: 0; }


	
	

}


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

	.page-template-template-fullwidth .page-title .featured-img { width: 300px !important; height: 220px !important;}
	.page-title { height: 500px; }
	
	.testimonials_slider--wrap .container { padding: 0 10px; }


}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    414PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 414px) {
   .logo { width: 155px; }
   
	.updates { padding: 10px 10px; margin-top: 25px; height: 100px; }
	.updates::after { top: 90px; height: 21px; }
	.updates p, .updates a { font-size: 13px; z-index: 2; }
	.updates{padding: 0 10px;}
	.updates img { width: 20px; margin-right: 5px; margin-top: 0px; }
	.updates p { margin-top: 0; width: 85%; margin-top: 0; }
	.updates span:first-of-type { top: 11px; }
	.updates a {margin-top: 0;}
	
	
	.hero_slider--wrap::after { bottom: 71px; }
	.hero_slider h2 { font-size: 30px; }
	.hero_slider p { font-size: 15px; }
	.hero_slider a.button { font-size: 15px; padding: 10px; top: 0; }
	
	.services .container-fluid { padding: 0 30px; }
	
	
	.testimonial_slider .slick-arrow{padding: 10px;}
	.testimonial_slider .icon-arrow-left, .testimonial_slider .icon-arrow-right {
    	width: 20px;
    	height: 20px;
	}
	.testimonial_slider h4 { font-size: 25px; }
	.testimonial_slider p { padding: 0 5px; }
	.testimonial_slider p::before { left: -0px; }
	.testimonial_slider p::after { right: 0px; }
	
	.career-content { padding: 0 40px !important; }
	.career-section h3 { font-size: 30px; }
	.about-btn { top: 30px; }
	
	
	.footer-banner h4{ text-align: center; }
	footer .container-fluid { padding: 0 30px; }
	footer .left li a {font-size: 16px;}
	
	
	.CTA-section { padding: 50px 0px !important; }
	.page-template-template-fullwidth h2 { padding: 0 15px; font-size: 26px; }
	.page-template-template-fullwidth .page-title .featured-img {
	    top: 100px !important;
	    width: 350px !important;
	    height: 250px !important;
	    border-radius: 20px;
	}
	.page-template-template-fullwidth p {text-align: center;}
	.page-template-template-fullwidth .CTA-section { margin-top: 50px; }

	.page-template-template-fullwidth .page-content h3 { padding-top: 0px; margin-top: -40px; }
	.cta-box { margin: 30px 0; padding: 40px 20px; height: auto !important; }
	.cta-btn.gradient-btn { padding: 11px; }
	
	
	.page-template-template-2column .page-title, .single-product .page-title{ height: 400px !important; }
	.page-template-template-2column .featured-img, .single-product .featured-img{ height: 300px; border-radius: 20px; }
	.page-template-template-2column h3, .page-template-template-fullwidth .page-content h3, .single-product h3 { font-size: 25px; }
	.page-template-template-2column p, .single-product p { padding: 0 15px; font-size: 15px;} 
	
	.page-template-template-contact h2 { font-size: 35px; }
	
	.locations .CTA-section::before {bottom: -700px; }
	
	.single-product .CTA-section .container, .page-template-template-2column .CTA-section .container { padding: 0; }
	
	.page-template-template-templateA .page-title .featured-img { width: 100% !important; height: 250px !important; }
	.page-template-template-templateA .banner-content { width: 100%; padding: 0 20px; }
	.page-template-template-templateA .text-centre { width: 100%; font-size: 18px; }
}



@media screen and (max-width: 375px) { 
	.locations .CTA-section::before { bottom: -910px; }
	
	.services .container-fluid { padding: 0 5px; }
	.career-content { padding: 0 10px !important; }
	
	.page-template-template-templateA h2 { font-size: 30px; }
	.page-template-template-templateA .page-title p { font-size: 17px; }
	.page-template-template-templateA .page-title .featured-img { height: 220px !important; }

}

@media screen and (max-width: 320px) { 
	.hero_slider a.button { font-size: 12px; }
		
	.f-logo { width: 60%; }

}


/* FOR HISTORY PAGE*/


@media (max-width: 1680px){
.page-template-template-fullwidth.page-id-71236 .page-title .featured-img {
    height: 570px!important;
	  top: 50px!important;
}
body:not(.locations) .page-title {
    height: 850px;
}
}
@media (max-width: 3440px){
.page-template-template-fullwidth.page-id-71236 .page-title .featured-img {
    height: 765px!important;
	  top: 50px!important;
	  }
}

@media screen and (max-width: 600px){
.page-id-71236 .page-title .featured-img {
background-size: contain!important;
background-repeat: no-repeat!important;
}
}