@media(max-width: 992px){
/*========== 992px start here ===================*/
.pagecrumb:before{background: rgb(38 142 184 / 12%);}
.mobheader .moblogo img{width: 45%;}

/*========== 992px end here ===================*/
}



@media(max-width: 768px){
/*========== 768px start here ===================*/

.mobheader .moblogo img{width: 50%;}
.pagecrumb .crumbbox{padding: 60px 0 20px;}
.nikhilbox figure img{width: 300px;}
.widgetservice .maintitle{margin: 0 0 30px}
.sersecondbox,
.servicebox{margin: 0 0 30px; height: auto;}
.clientsbox{margin: 0 0 30px;}
.sersecondbox .overlayimg img,
.servicebox .overlayimg img{width: auto; height: 90%;}
.widgetclients{padding: 30px 0;}
.servicesecond .maintitle,
.widgettestimonials .maintitle{margin: 0 0 30px;}
.testimonialouter{margin: 30px 0 0;}
.widgetstart{padding: 30px 0;}
.widgetstart .maintitle{margin: 0 0 20px;}
.widgetstart .continfo{padding: 0 0 30px;}
footer{padding: 30px 0;}
.footerfright{padding: 30px 0 0;}
.controw .contpbox{margin: 0 0 30px; padding: 10px 0 0;}
.contfrm{padding: 20px 0 10px;}

.projectrow:nth-child(even) .gridbox:nth-child(1){
	order: 0;
}
.projectright{padding: 20px 0 0 ;}
.projectright .tagline:after{
    height: 150px;
    width: 1px;
    right: 50%;
    top: -150px;
}
	.projectrow:nth-child(even) .gridbox:nth-child(2) .projectright .tagline:after{
    left: 50%;
}
.projectrow:nth-child(even) .gridbox:nth-child(2) .projectright{padding: 20px 0 0;align-items: start;}

/*========== 768px end here ===================*/
}



@media(max-width: 576px){
/*========== 576px start here ===================*/
.mobheader .moblogo img{width: 70%;}
.pagebtn{padding: 10px 20px; font-size: 13px;}
.aboutrightbox{padding: 20px 0 0;}
.widgetstart .maintitle .tagline,
.widgettestimonials .maintitle .tagline,
.widgettimeline .maintitle .tagline,
.widgetprojects .maintitle .tagline,
.widgetservice .maintitle .tagline,
.serfirstright .tagline,
.servicesecond .maintitle .tagline,
.contfrm span,
.aboutrightbox .tagline{font-size: 14px; margin: 0 0 5px;}
.servicesecond .maintitle h2,
.serfirstright h3,
.widgetstart .maintitle h2,
.widgettestimonials .maintitle h2,
.widgettimeline .maintitle h2,
.widgetnikhil .maintitle h2,
.widgetprojects .maintitle h2,
.widgetservice .maintitle h2,
.aboutpage .aboutpagebox h2,
.contfrm h3,
.aboutrightbox h2{width: 100%; font-size: 24px;}
.contfrm p{width: 100%;}
.aboutpage .aboutpagebox p,
.projectpage .prodesc p,
.serfirstright p,
.aboutrightbox p{font-size: 16px; text-align: justify;}
.widgetnikhil .maintitle{margin: 0 0 10px;}
.nikhilbox-cotent .qualification span{font-size: 15px;}
.nikhilbox-cotent p{font-size: 16px; text-align: justify;}
.widgetprojects{padding: 25px 0;}
.widgetprojects .maintitle{margin: 0 0 25px;}
.projectbox .content h3{font-size: 16px;}
.widgettimeline,
.servicesecond,
.widgetservice{padding: 25px 0;}
.testimonialbox{padding: 30px;}
.testimonialbox p{font-weight: 300;}
.serfirstleft figure img{border-radius: 10px;width: 100%;height: auto;}
.copyright{flex-direction: column; gap: 15px; margin: 10px 0 0; padding: 10px 0;}
.copyright p{text-align: center;}
.projectright .title{font-size: 24px; margin: 0;}
.projectright .tagline{margin: 0 0 15px;}
.projectbox .content{padding: 10px 0 0;}



/*========== 576px end here ===================*/
}



@media(max-width: 420px){
/*========== 420px start here ===================*/
.mobheader .moblogo img{width: 90%;}
.widgetabout{padding: 25px 0;}
.aboutleftbox .numbers{}
.aboutleftbox .numbers .numbox{
	padding: 15px;
}
.aboutleftbox .numbers .numbox span{}
.aboutleftbox .numbers .numbox span:nth-child(1){
	font-size: 30px;
}
.aboutleftbox .numbers .numbox span:nth-child(2){
	font-size: 14px;
}
.nikhilbox-cotent .qualification span{
	padding: 0 0 0 20px;
}
.nikhilbox-cotent .qualification span:before{
	position: absolute;
	top: 0;
	left: 0;

}

.awardsbox{display: flex; padding: 0;}
.awardsbox span:nth-child(1){
    padding: 0 10px 0 0;
}
.awardsbox span:nth-child(2){
    font-size: 15px;
    padding: 0 0 0 10px;
}

.projectright .title{font-size: 20px;}
.widgetstart .continfo{gap: 20px;}
.widgetstart .continfo .continfobox{padding: 10px 0 0;}

/*========== 420px end here ===================*/
}



@media(max-width: 360px){
/*========== 360px start here ===================*/

/*========== 360px end here ===================*/
}