@media(max-width: 992px){
	.headermenu-wrapper{padding: 10px;}
	.mobmenu-toggle{display: flex; align-items: center; justify-content: end; height: 100%;}
	.mobmenu-toggle a{color: #fff; font-size: 28px;}
	.headermenu{position: fixed;top: 0;right: -400px;width: 300px;height: 100%;z-index: 99;background: #000;transition: .3s linear;margin: 0;}
	.headerlogo{margin-left: 15px;}
	.headermenu ul{flex-direction: column;height: 100%;justify-content: start;}
	.headermenu ul li{}
	.headermenu ul li a{padding: 0; font-weight: 200;}
	.headermenu ul li a:hover,
	.headermenu ul li a.active{border: none;}
	.headermenu ul li.headermenu-head{display: block;color: #009dd9;border-bottom: 1px solid var(--text1-color);width: 100%;padding: 10px;text-align: center;position: relative;z-index: 1;}
	.headermenu ul li.headermenu-head .closemobmenu{color: #fff;position: absolute; left: -10%; top: 50%; transform: translateY(-50%); font-size: 28px;}
	.mobilemenushadow{width: 100%;height: 100%;position: fixed;top: 0px;left: 0;background: rgb(0 0 0 / 70%);display: block;z-index: 9;opacity: 0;pointer-events: none;visibility: hidden;transition: .3s linear;}
	.headermenu.active{right: 0;}
	.mobilemenushadow.active{opacity: 1; pointer-events: auto; visibility: visible;}

	.slider-box .overlaybox{top: 20%;left: 2%;background: #ffffffb0;padding: 10px;}
	.slider-box .overlaybox span{padding-left: 55px;font-size: 12px;}
	.slider-box .overlaybox span:before{width: 50px;}
	.slider-box .overlaybox h2{font-size: 30px;color: #000;}
	.slider-box .overlaybox p{font-size: 14px;}
	.slider-box .overlaybox a{}

	.aboutus-right{}
	.aboutus-right span{}
	.aboutus-right h3{font-size: 36px;}
	.aboutus-right p{font-size: 14px;}

	.aboutus-left .experience{}
	.aboutus-left .experience p{font-size: 28px;font-weight: 300;}

	.work-widget .maintitle .title, 
	.services-widget .maintitle .title{font-size: 36px;}
	.services-widget .maintitle p{font-size: 14px;}

	.banner1 .overlay{}
	.banner1 .overlay h3{font-size: 30px;}

	.whychoose{padding: 40px 0 100px;}
	.whychoose .maintitle .title{font-size: 30px;}

	.whychoose .maintitle ul{width: 98%;left: 50%;bottom: 20px;gap: 10px;transform: translateX(-50%);}

	.needphotographer .needleft h3{font-size: 26px;}
	.needphotographer .needright a{font-size: 30px;}


}

@media (max-width: 768px){
	.slider-box .overlaybox{width: 60%;}
	.slider-box .overlaybox span{}
	.slider-box .overlaybox span:before{}
	.slider-box .overlaybox h2{}
	.slider-box .overlaybox p{padding: 0;}

	.aboutus-widget{padding: 30px 0;}
	.aboutus-left{}
	.aboutus-left .firstimg{}
	.aboutus-left .secondimg{
    bottom: -10%;
}
	.aboutus-left .experience{
    top: 30%;
}
	.aboutus-left .experience p{}

	.aboutus-right{
    padding: 25px 0 0;
}
	.aboutus-right span{}
	.aboutus-right h3{
    padding: 10px 0;
    font-size: 28px;
}
	.aboutus-right p{}

	.work-widget,
	.services-widget{padding: 30px 0;}
	.work-widget .maintitle .title,
	.services-widget .maintitle .title{font-size: 28px;}


	.banner1 .overlay{}
	.banner1 .overlay h3{width: 40%;}

	.whychoose .maintitle{padding: 0 0 20px;}
	.whychoose .maintitle .title{font-size: 28px;}
	.whychoose-center{padding: 0 0 20px;}

	.whychoose .maintitle ul{flex-direction: column;}

	.contactfrm .contleft h3{font-size: 28px; padding: 10px 0;}
	.contactfrm .contfrm{padding: 20px 0 0;}


	.needphotographer{padding: 20px 0;}
	.needphotographer .needleft h3{font-size: 18px;}
	.needphotographer .needright{justify-content: start;}
	.needphotographer .needright a{font-size: 18px;}

	footer{padding: 30px 0 0;}

	.footerlogo{margin: 0 0 30px 15px;}

	footer .footerlinks{margin: 0 0 20px;}
	footer .footerlinks h3{padding: 0 0 5px; font-size: 17px;}
	.aboutinfo{padding: 40px 0 0;}
	.aboutinfo .infobox p{font-size: 12px;}
	.aboutus-right p{text-align: justify;}
}


@media (max-width: 576px){
    .headerlogo img{width: 100px;}
	.mobsliderimg{display: block;}
	.sliderimg{display: none}
	.headerlogo{font-size: 15px;}
	.headerlogo .ownername{font-size: 14px;}
	.slider-box .overlaybox{left: 5%;top: 20%;width: 90%;}
	.slider-box .overlaybox span{font-size: 12px;}
	.slider-box .overlaybox h2{font-size: 22px;}
	.slider-box .overlaybox p{font-size: 16px;}

	.aboutus-left .firstimg{left: 5%;}
	.aboutus-left .secondimg{right: 0;}
	.aboutus-left .experience{top: 20%; right: 2%;}
	.aboutus-left .experience p{}

	.aboutus-right h3{font-size: 22px;}

	.work-widget .maintitle .title, .whychoose .maintitle .title, .contactfrm .contleft h3,
	.services-widget .maintitle .title{font-size: 22px;}
	.services-widget .maintitle .title:before,
	.services-widget .maintitle .title:after{width: 40px;}

	.service-box{flex-direction: column; align-items: start; margin: 0 0 30px;}
	.service-box .service-icon{width: 40px; height: 40px; border-width: 1px;}
	.service-box .service-icon i{font-size: 20px}
	.service-box .service-content h4{font-size: 16px;}
	
	.project-cat{position: relative; bottom: initial; right: initial; padding: 20px 0 0;}
    .project-cat ul{gap: 10px;}
    .project-cat ul li{}
    .project-cat ul li a{font-size: 13px;}
    
    .contactfrm .continfo{padding: 20px 0;}
    .contactfrm .continfo ul li span{display: block;}

	.banner1 .overlay h3{width: 50%; right: 2%; font-size: 16px;}

	.whychoose{padding: 20px 0 190px;}
	.whychoose .maintitle ul{gap: 0; width: 95%;}
	.whychoose .maintitle ul li{font-size: 15px;}

	.contactfrm{padding: 20px 0;}
	.contactfrm .contleft .contmap{padding: 0;}

	.needphotographer .needleft{text-align: center;}
	.needphotographer .needright{justify-content: center; padding: 10px 0 0;}

	footer .footerlinks ul li a,
	footer .footerlinks a{font-size: 16px;}

	footer .copyright p{text-align: center;font-size: 14px;}




}