@media screen and (max-width: 1760px) {
.withus span{ width: 48%;   height: fit-content;}
.withus span img{width:100%;}
.withus span.bgSrn{ display:none;}
.withus span{ display:block;}
}
    
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1330px) {
.bnr .bnrCtn{ margin-left: 43%;}
.wrap{padding: 0px 30px; }
.bnr .bnrCtn h1{ font-size: 200px;}
}
    
@media screen and (max-width: 1250px) {
footer .enqFrm .lft ul li a{font-size: 25px;}
.wedo .wrap{ padding-right: 65px;}
.wedo h2{ margin-right: 70px;  min-width: initial;}
}
    
@media screen and (max-width: 1200px) {
.bnr .bnrCtn h1{font-size: 185px;  line-height: 190px; }
.srv .srvPnl .imgPnl{ width: 100%;}
.srv .srvPnl .imgPnl img{ width:100%;}     
.srv .srvPnl .dtlPnl{ background: #ffffffc4;}
}
    
@media screen and (max-width: 1160px) {
header nav ul li{ margin-right: 90px; }
}
    
@media screen and (max-width:1100px) {
.bnr span{ left: -195px;  }
.bnr .bnrCtn{ margin-left: 40%;}
.bnr .bnrCtn h1{ font-size: 170px; line-height: 170px;}     
footer .enqFrm .rgt{ padding-left: 40px; padding-right: 40px; width: 100%;}
footer .enqFrm .rgt h2{ font-size: 120px; }     
footer .enqFrm .lft{padding-right: 20px;}    
.withus .cntPnl{padding-left: 70px; }     
.work .wrap{padding: 0px 80px;}     
.work h2{font-size: 100px;}     
.work ul li .imgpnl{min-height: 190px; max-height: 160px; }
.work ul li .imgpnl img{width: 100%; height: 200px;  object-fit: cover;}
}
    
@media screen and (max-width:1070px) {     
header nav ul li, header nav ul li:last-child{margin-right: 40px;}    
}
    
    @media screen and (max-width:1000px) {}
    
    @media screen and (max-width:950px) {
    footer .enqFrm .lft ul{display: flex;  flex-wrap: wrap; }
     footer .enqFrm .lft ul li{width: 50%;}
    footer .enqFrm .lft h3{
        margin-bottom: 
    30px;
    }
     
     footer .enqFrm .lft{
        width: 100%;
        position: relative;
        top: -20px;
            border-radius: 0 0 20px 20px;
        padding-top: 40px;
        padding-bottom: 40px;
		padding-left: 25px;
    }
    footer .enqFrm{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        /* margin-top: 40px; */
        margin-top: -168px;
    }
     
    .withus .cntPnl h2{
        font-size: 100px;
        line-height: 100px;
    }
     
     .withus .cntPnl{
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 80px;
    }
    
    .withus span{
        top: initial;
        bottom: 20px;
        right: 20px;
    }
     
    .withus .cntPnl p{
        width: 100%;
    }
     
    .srv .srvPnl .dtlPnl ul{
        margin-top: 25px!important;
    }
     
     .srv{
        padding-top: 80px;
		padding-bottom: 80px;
    }
    .srv .srvPnl{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 80px;
    }
     
    .srv .srvPnl .dtlPnl{
        position: initial!;
        background: #fff;
        width: 100%!important;
        right: 0px!important;
        position: relative;
        margin: 0px!important;
        margin-top: -100px!important;
        max-width: initial!important;
        padding-left: 40px!important;
        padding-right: 40px;
    }
    
    .srv .srvPnl .dtlPnl ul li{
        font-size: 25px;
    }
     .srv .srvPnl .dtlPnl h3{
        font-size: 60px;
    }
    }
    
    @media screen and (max-width:920px) {
     header nav ul li a{font-size: 25px;}
    
     .work .wrap{
        padding: 0px 200px;
    }
    .work ul li{
        width: 100%;
        margin-right: 0px;
    }
     .work h2{
        font-size: 80px;
        line-height: 70px;
    }
    .wedo .wrap{
        display: block;
    }
     .wedo h2{
        margin-right: 0px;
        margin-bottom: 30px;
    }
     .wedo{
        padding: 80px 0px;
    }
    }
    
    @media screen and (max-width: 820px) {
    
    header .logo{
        width: 200px;
    }
     header .logo img{ width:100%;}
     
    header{
        /* padding-left: 30px; */
        /* padding-right: 30px; */
    }
        header nav ul li, header nav ul li:last-child{
        /* margin-right: 0; */
    }
    header nav ul li a{/* font-size:15px; */}
     
    
    }
    
    
    @media screen and (max-width: 780px) {
    .bnr .bnrCtn{
        padding-top: 90px;
    }
     
     .bnr{
        min-height: initial;
        height: 600px;
        /* padding-bottom: 190px; */
    }
    
    .bnr span{
        left: -240px;
        top: -50px;
    }
     .bnr span img{ width:100%;}
     
    .bnr .bnrCtn h1{
        font-size: 120px;
        line-height: 110px;
        margin-bottom: 20px;
    }
    .bnr .bnrCtn .btn{
        font-size: 45px;
        height: 82px;
        padding: 24px 25.5px;
    }
    
     
    footer .enqFrm .lft ul li a{ font-size:22px;}
     
     footer .enqFrm .rgt{
        padding-top: 40px;
    padding-left: 25px;
    padding-right: 25px;
}
     footer .enqFrm .rgt h2{
        font-size: 90px;
        line-height: 77px;
    }
    .withus span{
        width: 60%;
    }
     
    header .nvBtn{
        width: 120px;
    }
     
    .work .wrap{
        padding: 0px 120px;
    }
       
    
    }
    
    @media screen and (max-width: 700px) {
     .bnr .bnrCtn h1{
        font-size: 110px;
    }
    }
    
    @media screen and (max-width: 650px) {
     .bnr .bnrCtn{
        margin-left: 35%;
        width: 100%;
    }
    footer .enqFrm .lft ul{
        display: block;
    }
    
     footer .enqFrm .lft ul li{ width:100%;}
     
    .work ul li .dtlpnl h3{
        margin-bottom: 30px;
    }
    .work ul li .dtlpnl p{
        font-size: 18px;
    }
     
    header:after{ content:''; display:block; clear:both;}
     header{
        display: block;
        /* border-bottom: 1px solid #f4f4f4; */
        position: relative;
        padding: 20px 0px;
    }
    header .logo{
        display: block;
        /* margin: 0 auto; */
        /* border-bottom: 1px solid #f4f4f4; */
    }
    
     .hem.toggle span{ display:none;}
    .hem.toggle:before{
        transform: rotate(45deg);
        top: 18px;
    }
     .hem.toggle:after{
        transform: rotate(-45deg);
        top: 10px;
    }
     
     .hem{
        display: block;
        width: 30px;
        height: 30px;
        background: none;
        position: absolute;
        right: 30px;
        top: 0;
        padding: 0;
        bottom: 0;
        margin: auto;
    }
    .hem span{
        width: 100%;
        display: block;
        height: 3px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
        top: 0;
        bottom: 0;
    }
     
    .hem:before,.hem:before{ content:''; display:block; }
	
     .hem:after{content:'';display:block;height: 3px;background: #fff;width: 100%;position: absolute;left: 0;bottom: 3px;width: 100%;right: 0;margin: auto;transition: 0.3s ease;}
	 
     .hem:before{content:'';display:block;width: 100%;height: 3px;background: #fff;position: absolute;left: 0;right: 0;margin: auto;top: 3px;transition: 0.3s ease;}
     
     
     
     header nav{
        width: 100%;
        border-top: 1px solid #dddddd;
        margin-top: 20px;
        padding-top: 20px;
        justify-content: center;
    }
    header .resmn{ display:none;}
    
    header nav {
        width: 100%;
        border-top: 1px solid #dddddd;
        margin-top: 117px;
        padding-top: 20px;
        justify-content: center;
        position: absolute;
        flex-direction: column;
        max-width: 190px;
        background: #a7dc5b;
        z-index: 9;
        padding-top: 0;
        right: 30px;
        /* display: none; */
    }
    
    header nav ul li, header nav ul li:last-child {
        margin-right: 30px;
        width: 100%;
        margin-right: 0px;
        background: #052740;
    }
    
    header nav ul li a {
        font-size: 25px;
        text-align: left;
        padding: 15px 20px;
        border-bottom: 1px solid #f4f4f470;
        display: block;
        color: #c3c3c3;
    }
    
     header .nvBtn{
        border-radius: 0px;
        width: 100%;
        text-align: left;
        padding: 15px 20px;
        background: #d1e063;
        font-size: 15px;
        display: block;
        min-width: 100%;
        max-width: 100%;
    }
    
    .work .wrap{
        padding: 0px 80px;
    }
    
    .wedo h2{
        font-size: 80px;
        line-height: 80px;
    }
     .wedo p{
        font-size: 18px;
    }
	
	.ftrLogo{display:block; text-align:center;}
	.ftrLogo img{max-width:120px;}
	
	#service-form{display:block; width:100%;}
	.success_message h5{font-size: 33px; line-height:35px;}
	footer .enqFrm .lft ul li { margin-bottom: 20px;}
	
	.desktop_whatsapp_icon{display:none;}
	
	
	.mobile_whatsapp_icon {
   display: flex;
    color: #ffffff;
    font-size: 32px;
    position: absolute;
    right: 90px;
    z-index: 10;
    top: 0;
    bottom: 0;
    align-items: center;
}

.mobile_whatsapp_icon i{color: #ffffff;}
	
    }
    
    @media screen and (max-width: 600px) {

header{
    position: fixed;
}
     .bnr{
    margin-top: 19%;
}   
    
     .bnr .bnrCtn h1{
        font-size: 90px;
        line-height: 90px;
    }
    
    .patns h2{
        margin-left: 0px;
        /* margin-top: 100px; */
        padding-top: 70px;
        padding-left: 30px;
    }
     
     ul.opn li{
        width: 100%;
        margin-right: 0px;
        text-align: right;
        min-height: 400px;
    }
    ul.opn li img{
        width: 60%;
        text-align: right;
        margin-right: 0px;
        left: initial;
        right: 0;
    }
    
     ul.opn li:nth-child(2) img{
        width: 100%;
        bottom: -20px;
    }
    
     .patns .drPnl{
        justify-content: left;
    }
     .patns .drPnl .dtlPnl{
        width: 100%;
        padding: 0px;
    }
     .patns .drPnl .dtlPnl .btn{
        width: 215px;
    }
    
    .patns .drPnl{
        padding-bottom: 320px;
    }
     .patns .drPnl img.nrs{
        width: 280px;
    }
	
	
	#recaptcha2{opacity:0; visibility:hidden;}
    }
	
	
    
    @media screen and (max-width: 550px) {
        .bnr .bnrCtn .btn{
    padding: 13px 25.5px;
    height: auto;
    font-size: 35px;
}

footer .enqFrm .rgt h2{
    font-size: 65px;
    line-height: 55px;
    margin-bottom: 30px;
}
        
    
    footer .enqFrm .lft h3{
        font-size: 50px;
        line-height: 50px;
    }
     
     .work{
        padding-top: 60px;
        padding-bottom: 57px;
    }
    .work h2{
        font-size: 60px;
        line-height: 50px;
    }
    .work ul li .dtlpnl h3{font-size: 40px;}
     p{font-size: 16px!important;line-height: 26px!important;}
     .srv .srvPnl .dtlPnl ul li{}
    
    .wedo h2{
            font-size: 60px;
    line-height: 60px;
    }
     
     
    footer .enqFrm .lft ul li a{ font-size:18px;}
     
     footer .enqFrm{
        margin-top: -220px;
    }
     .withus .cntPnl p{
        font-size: 18px;
    }
    .withus span{
        bottom: 100px;
    }
     
     .withus .cntPnl{
        padding-top: 50px;
    }
    .withus .cntPnl h2{
        font-size: 65px;
        line-height: 80px;
    }
    
     
    .srv .srvPnl .dtlPnl h3{ font-size:50px;}
     .srv .srvPnl .dtlPnl p{font-size: 18px;}
     .srv .srvPnl .dtlPnl ul{
        margin-top: 20px!important;
    }
    .srv .srvPnl .dtlPnl ul li{
        font-size: 16px;
        padding: 15px 0px;
    }
     
    .srv .srvPnl.rvs .dtlPnl ul li{
        width: 100%;
        padding-left: 0px!important;
    }
    footer .enqFrm .rgt .btn{
        font-size: 25px;
        padding: 9px 10px;
    }
     
    
    footer .enqFrm .rgt .fldWrp input{
        font-size: 15px;
        height: 60px;
        padding-left: 20px;
		font-weight:400;
    }
     footer .enqFrm .rgt .fldWrp textarea{
        font-size: 15px;
        padding-left: 20px;
		font-weight:400;
    }
     
     .abut .lft{
        padding-top: 80px;
    }
    .abut .rgt h2, .msg .lft h2{
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 30px;
        padding-left: 0px;
        width: 100%;
    }
    
     .abut .rgt .ctrPnl{max-width: 100%;}
     .abut .rgt .btn{
        margin-top: 0px;
        right: 0px;
    }
     .abut .rgt p{ padding:0px;}
	 
	 .withus {
    padding-top: 70px;
	 padding-bottom: 160px;}
	 
	 
    }
    
    
    @media screen and (max-width: 500px) {
    
    .bnr{
        height: 500px;
        background-size: cover;
    }
     
     .bnr span{
        left: -100px;
        top: -33%;
    }
     
     .bnr .bnrCtn{
        margin-left: 30px;
        margin-top: 0px;
    }
    .wedo .wrap{
        padding: 0px 30px;
    }
    .wedo h2{
        width: 100%;
    }
     
     
    header nav ul li, header nav ul li:last-child{
        margin-right: 20px;
    }
     
     header nav ul li a{/* font-size: 14px; */}
     header .nvBtn{font-size:16px;width: 100px;}
    
     .work .wrap{
        padding-right: 30px;
        padding-left: 66px;
    }
    }
    
    @media screen and (max-width: 460px) {
     .bnr{
        padding-top: 0px;
        /* padding-bottom: 40px; */
    }
     .bnr .wrap{
        display: block;
    }
    .bnr span{
        top: 0px;
        height: 100%;
        height: 500px;
        /* top: 0; */
        width: 100%;
        left: 0px;
        /* padding-top: 20px; */
    }
     .bnr span img{width:100%;height: 100%;object-fit: cover;}
     .bnr .bnrCtn{
        padding-top: 170px;
    }
	
	
	.quote_section p { font-size: 15px !important; line-height: 23px !important;}
	.withus .cntPnl ul li{width:100%;}
	.withus .cntPnl ul { margin: 15px 0 0 20px;}
    
    
    @media screen and (max-width: 450px) {
    footer .enqFrm .rgt h2{
        font-size: 60px;
        line-height: 52px;
        margin-bottom: 30px;
    }
     
     .withus .cntPnl{
        padding-left: 30px;
        padding-right: 30px;
    }
    .withus .cntPnl h2{
        font-size: 60px;
    line-height: 60px;
    }
     
    .srv .srvPnl .dtlPnl{}
     
    .srv .srvPnl .dtlPnl{
        margin-top: -20px!important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding-top: 30px!important;
		padding-top: 30px!important;
        padding-left: 25px!important;
        padding-right: 25px!important;
    }
     
    .work ul li .dtlpnl p{
        font-size: 17px;
    }
    .work ul li .dtlpnl p br{ display:none;}
     
     
    .work h2{
        /* font-size: 70px; */
        /* line-height: 60px; */
        padding-left: 10px;
        padding-right: 10px;
    }
    
     
     .work ul li .dtlpnl h3 span{
        margin-right: 20px;
    }
     
    }
    
    @media screen and (max-width: 400px) {
        footer .enqFrm .rgt .btn{}
     header .logo{
        width: 160px;
    }
     
     
    .bnr .bnrCtn .btn{
        font-size: 30px;
        /* height: 70px; */
    }
.bnr .bnrCtn .btn img{
    width: 25px;
}
        
    .bnr .bnrCtn{
        padding-right: 20px;
        /* margin-left: 0px; */
        /* padding-top: 60%; */
    }
     .bnr .bnrCtn h1{
        font-size: 75px;
        line-height: 80px;
    }
    
     
     header{/* padding-left:20px; *//* padding-right:20px; */}
     header nav ul li a{
        /* font-size: 13px; */
    }
      header .nvBtn{ font-size:14px;}
    
    .work ul li .dtlpnl h3{
        font-size: 45px;
    }
     .work ul li .dtlpnl{ padding-left:0px;}
    .work ul li:last-child{ margin-bottom:0px;}
    .quote_section{padding:30px; margin:40px 0 0 0;}
	.quote_section h4 { font-size: 58px; line-height: 57px;}
    }
    
    @media screen and (max-width: 375px) {
    .bnr h1{
        FONT-SIZE: 60PX;
        LINE-HEIGHT: 70PX;
    }
    }
    
    
    @media screen and (max-width: 360px) {
    
    
     .bnr .bnrCtn{
        margin-left: 0px;
    }
    
    .wedo h2{
        font-size: 70px;
    }
     
    .work ul li{
        padding-left: 15px;
        padding-right: 15px;
    }
     
    .work ul li .dtlpnl h3{
        display: block;
        margin-bottom: 20px;
    }
     
    .work ul li .dtlpnl h3 span{
        display: block;
        margin-right: 0px;
        margin-bottom: 20px;
    }
     
      header nav ul li a{
        word-break: break-all;
        /* width: 87%; */
    }
     header nav ul li, header nav ul li:last-child{ margin-right:15px;}
     header .nvBtn{
        padding: 4px 8px;
        width: 90px;
    }
    }