
@media only screen and (min-width:1024px) {
	.mo-menu{display:none;}

	.menuIcon{display:none}

 	.web_header_mobile{display:none;}
}


@media only screen and (max-width:1366px) {
	.container {width: 95%;}
	.banner_slider button.menu_lft{left:30px;}
	.banner_slider button.menu_rgt{right:30px;}
	.banner_cnt{margin-left:90px;}
	.banner_cnt h2{font-size:42px;}
	.our_product_inr{column-gap:30px;grid-row-gap:30px;}
	.our_product_itm img{width:100%;}
}

@media only screen and (max-width:1250px) {
	.sweet_itm_info h2{font-size:30px;}
	.sweet_itm_info h3{font-size:22px;}
	.sweet_itm_info p{margin-bottom:15px;}
}

@media only screen and (max-width:1200px) {
	.hm_about_inr_rgt h1{font-size:32px;}
	.our_product h2{font-size:32px;}
	.hm_about_inr_rgt p, .about_inr_rgt h1{margin-bottom:20px;}
	.about_inr_rgt h1, .our_company h2{font-size:32px;}
	.our_company_lft h3{margin:15px 0px;}
}

@media only screen and (max-width:1100px) {
	.sweet_itm_info h2 {font-size:26px;}
	.sweet_itm_info {margin-top: 30px;}
	.sweet_inr{column-gap:40px;grid-row-gap:40px;}
}

@media only screen and (max-width:1024px) {
	.mo-menu, .about_row{display:block;}
	.navbar nav{display:none;}
	.menuIcon{display:block;}
    .menuIcon{position:initial;}
    .header_inner{display:flex;flex-direction:row-reverse;justify-content:space-between;
    	align-items:center;
    }
}

@media only screen and (max-width:992px) {
	header{padding:15px 0px;}
	.container {width: 90%;}
	.banner_cnt h2{font-size:38px;}
	.banner_slider button{display:none !important;}
	.banner_slider .banner_itm {height: 450px;}
	.hm_about_inr{display:block;}
	.hm_about_inr_lft{width:100%;justify-content:center;}
	.hm_about_inr_rgt{width:100%;margin-top:30px;}
	.cta_inner p{font-size:22px;}
	.cta_txt{padding:70px 0px;}
	.copyright_lft ul li a{padding:0 20px;}
	.sideMenu ul li a{letter-spacing:0.5px;}
	.about_inr{display:block;}
	.about_inr_lft{width:100%;}
	.about_inr_rgt{width:100%;margin-top:40px;}
	.about_inr{padding:50px 0px;}
	.our_company{margin:50px 0px;}
	.about_inr_rgt p{margin-bottom:20px;}
	.our_company_lft h3{font-size:22px;}
	.our_company_inr{display:block;margin-top:20px;}
	.our_company_lft{width:100%;}
	.our_company_rgt{margin-top:30px;width:100%;}
	.sweet_mai, .contact_main{margin:50px 0px;}
	.sweet_itm_info h2 {font-size: 22px;}
	.sweet_itm_info h3{font-size:20px;margin:15px 0;}

}	

@media only screen and (max-width:850px) {
	.sweet_inr{grid-template-columns: repeat(1, 1fr);}
}

@media only screen and (max-width:767px) {
	.our_product_inr{grid-template-columns:repeat(2,1fr);}
	.banner_cnt{margin-left:0;max-width:100%;}
	.hm_about_inr_rgt h1 {font-size: 28px;}
	.our_product h2{font-size:28px;}
	.hm_about_inr_rgt a{padding:15px 45px;}
	.our_product_inr{margin-top:30px;}
	.cta_txt {padding: 50px 0px;}
	.copyright_lft ul li a{padding:0 10px;}
	.cta_inner p {font-size: 18px;line-height: 28px;}
	.banner_cnt h2 {font-size: 32px;}
	.logo_center img {max-width: 150px;}
	.about_img, .about_img img{width:100%;}
	.contact_lft ul li h3{font-size:22px;}
}

@media only screen and (max-width:700px) {
	.map_dtl_inr{position:initial;}
	.map_info{height:auto;max-width:100%;}
	.map_info p{max-width:100%;}
	.map_dtl_inr{margin:30px 0;}
}

@media only screen and (max-width:650px) {
	.copyright_inr{display:block;}
	.copyright_lft ul{justify-content:center;}
	.copyright_rgt p{text-align:center;}
	.copyright{padding:20px 0;}
	.copyright_lft{margin-bottom:15px;}
	.our_product_inr {grid-template-columns: repeat(1, 1fr);}
	.inner_bnr_cnt h1{font-size:40px;}
	.contact_inr{display:block;}
	.contact_lft{width:100%;}
	.contact_lft ul li{margin-bottom:20px;}
	.contact_rgt{width:100%;margin-top:30px;}

}

@media only screen and (max-width:600px) {
	.hm_about_inr_lft{display:block;}
	.hm_about_img_two{margin-left:0;margin-top:0;}
	.hm_about_img_one img, .hm_about_img_two img{width:100%;}
	.our_product_inr{grid-template-columns:repeat(1,1fr);}
	.map_info{padding:20px;}
	.inner_bnr_cnt h1{font-size:34px;}
	.about_inr_rgt h1, .our_company h2{font-size: 28px;}
}

@media only screen and (max-width:400px) {
	.map_info .contact_no{display:block;}
	.map_info .contact_no li:before{content:none;}
	.map_info .contact_no li{margin-bottom:5px;}
	.map_info .contact_no li:last-child{margin-bottom:0}

}