@media (max-width: 1500px) {
 


}

@media (max-width: 1439px) {


	
	

}
@media (max-width: 1300px) {
 



}
@media (max-width: 1299px) {


	
	

}

@media (max-width: 1199px) {

	#cssmenu{position: relative; width: auto;}
	#cssmenu ul{background:#fff;position:fixed;z-index:12;top:0px;right: -260px;width:300px;height:100%;overflow:auto;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
	#cssmenu ul.open{right: 0;height: 100%;}
	#cssmenu ul.open li a{color:#042748;}
	#cssmenu ul ul, #cssmenu ul ul ul{padding:0;border:none; top:inherit; position:inherit; width:100%; height:auto;  overflow:inherit; left:inherit;
	transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
	#cssmenu ul.open li{padding-right:0px;}
	#cssmenu ul.open li a{display:inherit; padding:15px 15px 15px 20px;}
	#cssmenu ul ul li a{margin-top: 0px; border-radius: 0px;}
	#cssmenu ul.open ul li a{padding:15px 15px; color: #042748;}
	#cssmenu ul.open li a:hover{background:#fff; color:var(--primary);}
	#cssmenu::after, #cssmenu > ul::after{content:none;}
	#cssmenu #menu-button.menu-opened::after{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); top:8px; background-color: #fff; }
	#cssmenu #menu-button.menu-opened::before{right:3px; top:0px;  transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); border-top:none; border-color: #fff;}
	#cssmenu > ul > li{margin:0px;}
	#cssmenu > ul > li > a{border:none; border-radius:0px;}
	#cssmenu > ul > li.active > a:before{content:none;}
	#cssmenu ul li a:after{content: none;}
	#cssmenu #menu-button{ bottom: 0; margin: auto;z-index: 99; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
	#cssmenu ul ul {border-radius: 0px;}
	#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, #cssmenu ul ul li.active a {background-color: transparent; color: #79b929; }

	#cssmenu > ul > li > a::before {display: none;}
	.stickybody header.hedcontainer {position:fixed; width:100%; top: 0; z-index:9999;  animation:fadeInDown 0.5s ease-in-out; -webkit-animation:fadeInDown 0.5s ease-in-out;} 
	.stickybody .sticking {position: relative !important;}

	





}

@media only screen and (min-width:992px) and (max-width:1199px)
{	
	

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

	

   
	
	

}

@media only screen and (min-width: 768px) and (max-width: 991px)
{	


	
}

@media (max-width: 767px) {

	
	 .cta-content, .testimonial-card{width: 100%;}
	 .menu-grid{display: block;}
	 .menu-card{margin-bottom: 20px;}
	 .comnpd {padding-top: 4rem; padding-bottom: 4rem;}
	 .herodtl h1{font-size: 40px;}
	 .footer-bottom{display: block;}
	 .footer-brand, .footer-contact{margin-bottom:30px;}
	 .footer-contact li{margin-bottom: 7px;}
	 .herosection { height:600px;}
	

}


@media (max-width: 575px) {
	
	
}


@media (max-width: 479px) {

	.herobtn { display: block;}
	.getyourbtn{width: fit-content;margin-bottom: 10px;}
	.mouse-wrap{bottom: -28%;}
	.art-nav{position: relative;right: 0;top: 40px;}
	.comnpd {padding-top: 6rem;padding-bottom: 6rem;  }
	.testimonial-card{padding: 50px;}
	.cta-content h1{font-size: 35px;}
	.comntitle h2{font-size: 40px;}

}

	
img {max-width: 100%; height: auto;}