@media screen and (max-width:1500px){
    .wrapper {
    margin-left: 25px;
    margin-right: 25px;
}
    .container {
    max-width: 1300px;
}
    .nav_part .logo_part {
    width: 115px;
}
    .nav_part .right_part ul li a {
    padding: 40px 12px;
        font-size: 14px;
    }
    .btn_style{
            padding: 12px 22px;
            font-size: 15px;
    }
    .banner .box .form_group label {
    font-size: 18px;
    }
    .banner .box h1 {
           font-size: 62px;
        line-height: 68px;
		height: 155px;
    }
    .banner{
            height: 600px;
    min-height: 600px;
    }
    .my_btn{
              padding: 12px 45px;
        margin: 0 auto;
    }
    .banner .box .form_box{
            width: 70%;
    }
    .head_text {
    font-size: 35px;
    }
    
    .services .box .icon {
    width: 70px;
    height: 70px;
    }
    .services .box .text_box h4 {
    font-size: 18px;
    }
    .benefit .inner_box{
        padding: 55px;
    }
    .mt_70 {
    margin-top: 50px;
}
    .callto .right_box ul .con p {
    font-size: 20px;
    }
    .sub_head {
    font-size: 18px;
    }
    .pb_70 {
    padding-bottom: 45px;
}
    .pt_70 {
    padding-top: 45px;
}
    .technician .box .icon {
    font-size: 25px;
            width: 65px;
    height: 65px;
            margin-top: -70px;
    }
    .technician .box .text_part h4 {
    font-size: 18px;
    }
    .clients .box img{
        max-height: 80px;
    }
    .testimonial .left_part .head_text, .testimonial .right_part .head_text{
            font-size: 35px;
        margin-bottom: 10px;
    }
    .testimonial .left_part .sub_head{
        font-size: 16px;
    }
	.sub_cont h2{
		font-size:30px;
		line-height:38px;
	}
}


@media screen and (max-width:1199px){
    .wrapper {
    margin-left: 15px;
    margin-right: 15px;
}
    .top_bar .wrapper .left_part ul li {
           margin-right: 10px;
}
    .top_bar .wrapper .left_part ul li a{
        font-size: 13px;
        margin-right: 15px;

    }
    .top_bar .wrapper .mid_part p{
        font-size: 13px;
    }
    
    .top_bar .wrapper .right_part span a {
        margin-right: 5px;
        font-size: 13px;
    }
    .nav_part .logo_part {
    width: 100px;
}
    .nav_part .right_part ul li a{
         font-size: 13px;
    }
    .nav_part .right_part ul li a {
   padding: 15px 6px;
    }
    .btn_style{
        padding: 10px 10px;
        font-size: 13px;
    }
    .banner .box h1 {
    font-size: 58px;
    line-height: 70px;
    }
   
    .banner .box .form_box{
        width: 74%;
    }
    .banner .box .form_group label {
    font-size: 13px;
    }
    .banner .box .form_group .form-control {
    font-size: 13px;
    }
    .banner .box .form_group::after{
        right: 18px;
    }

    .my_btn {
    font-size: 13px;
    }
  
    .banner .box .form_group:nth-child(3)::after{
               right: 0px;
    }
        .banner .box .form_group i {
        font-size: 12px;
    }
    .head_text {
         font-size: 45px;
    }

        .services .box .text_box h4 {
        font-size: 20px;
    }
    .head_text {
        font-size: 35px;
    }
    .benefit .head_text {
    font-size: 30px;
        width: 66%;
    }
    .callto .left_box {
    padding: 32px 42px;
    }
    .callto .left_box h3 {
    font-size: 28px;
    }
    .callto .right_box{
          padding: 32px 42px;
    }
          .callto .right_box h3 {
        font-size: 28px;
    }
    .technician .sub_head {
    text-align: center;
}
    .technician .box .text_part h4 {
    font-size: 22px;
    }
    .technician .box .text_part p {
    font-size: 14px;
    }
    .technician .box {
    padding: 30px;
            margin-bottom: 10px;
        margin-top: 35px;
    }
    
    .technician .box .icon{
                margin-top: -62px;
    }
    .sub_head {
    font-size: 18px;
        line-height: 24px;
    }
    
    .clients .box img{
            width: 171px;
    }
    .testimonial .left_part .head_text {
    font-size: 35px;
    }
   .testimonial .left_part .sub_head {
    font-size: 15px;
} 
  .testimonial .right_part {
    padding: 40px 40px 100px 84px;
    margin-left: -65px;
    margin-right: -46%;
}  
   .testimonial .right_part .head_text {
    font-size: 35px;
    }
    footer .contact .tel p {
    font-size: 25px;
    }
    footer .contact li::after {
    height: 59px;
    top: 5px;
    right: -45px;
    }
    
    
}
@media screen and (max-width:1024px){
	.nav_part .right_part .sub-menu li a{
	    padding: 0 !important;
    display: inline-block !important;
		width: auto !important 
		font-size: 16px !important;
		border:none;
	}
	.nav_part .right_part .sub-menu li a:before{
		display:none !important;
	}
	.nav_part .right_part .sub-menu li{
	        padding: 8px 0px !important;
		font-size: 16px !important;
	}
	#menu-primary-menu .sub-menu{
		    min-width: 100% !important;
		padding-left: 10px;
	}
	.nav_part .right_part ul li a{
		        font-size: 14px !important;
        padding: 12px 0px !important;

	}
	.nav_part .right_part  li.menu-item-has-children{
		position:relative;
	}
.nav_part .right_part li.menu-item-has-children:after{
		          position: absolute;
        font-family: bootstrap-icons !important;
        content: "\F282";
        display: block;
        font-size: 15px;
        line-height: 15px;
        color: var(--primaryclr);
        width: 25px;
        height: 25px;
        right: 0;
        top: 16px;
	pointer-events: none;
	}
	.nav_part .right_part .btn_style{
	        margin-top: 5px;
        display: inline-block;
	}
}
@media screen and (max-width:991px){
       .top_bar .wrapper .left_part ul li a span {
        display: none;
    }
    .top_bar .wrapper .left_part ul li:first-child {
    margin-right: 0px;
}
    
         .top_bar .wrapper .right_part .social_top {
        display: none;
    }
        .top_bar .wrapper .mid_part p {
        text-align: center;
    }
    .my_btn {
          padding: 12px 30px;
        margin-left: 8px;
        font-size: 13px;
    }
    .banner {
        height: 100%;
        min-height: 445px;
    }
    .banner .box h1 {
                font-size: 40px;
        line-height: 48px;
		height: 105px;
    }
    
    .banner .box .usp ul li {
          font-size: 22px;
        line-height: 20px;
    }
    .banner .box .form_box{
        width: 80%;
            padding: 15px;
    }
    
        .banner .box .form_group::after {
        right: 20px;
    }
    
        .banner .box .form_group i {
        font-size: 12px;
    }
        .banner .box .form_group label {
        font-size: 11px;
    }
    .banner .box .form_group .form-control {
        font-size: 11px;
    }
    .banner .box .form_group::after{
        top: 8px;
        right: 8px;
        height: 42px;
    }
        .banner .box .form_group:nth-child(3)::after {
        right: -6px;
    }
     .banner .box .usp ul li small {
    font-size: 12px;
    }
    .head_text {
    font-size: 45px;
    }
        .services .box .icon {
        width: 60px;
        height: 60px;
    }
    .services .box .icon img {
            width: 50px;
    }
    .services .box{
        margin-bottom: 20px;
    }
    .services .box .text_box img{
            width: 70px;
    }
    .benefit .head_text{
        width:84%;
            font-size: 30px;
    }
    .benefit .inner_box{
            padding: 35px;
        border-top-right-radius: 20px;
    }
    .mt_70{
        margin-top: 40px;
    }
    .about .left_part p {
    font-size: 14px;
        line-height: 22px;
    }
    .head_text {
        font-size: 30px;
            margin-bottom: 20px;
    }
        .callto .left_box {
        padding: 32px 22px;
    }
        .callto .left_box h3 {
        font-size: 24px;
    }
    .callto .left_box p {
font-size: 14px;
    }
    .callto .right_box {
        padding: 32px 22px;
    }
        .callto .right_box h3 {
        font-size: 24px;
    }
    .callto .right_box p {
    font-size: 15px;
    }
   .callto .right_box ul .con p {
    font-size: 20px;
    }
    footer .f_nav{
        flex-wrap: wrap;
    }
    footer .f_nav li{
        padding: 8px 20px;
        margin: 0;
    }
    .pb_70 {
    padding-bottom: 40px;
}
    .pt_70{
        padding-top: 40px;
    }  
          .testimonial .right_part {
        padding: 25px;
        margin: 0;
        border-radius: 10px;
        margin-top: 25px;
    }
    .testimonial .right_part .con_box{
        width:100%;
    }
    .testimonial .right_part .head {
   width:100%;
}
    footer{
            padding-top: 40px;
    margin-top: 40px;
    }
     .f_logo {
        width: 128px;
    }
     footer .contact li::after {
    height: 59px;
    top: 5px;
    right: -25px;
    }
        footer .contact .tel p {
        font-size: 20px;
    }
    footer .f_nav li a {
    font-size: 15px;
    }
    .nav_part .right_part{
     position: fixed;
        width: 80%;
        height: 100vh;
        z-index: 99;
        background-color: #fff;
        left: 0;
        top: 0;
        transform: translate(-120%,0);
        transition: 0.3s;
        display: block;
                padding: 15px;
                box-shadow: 7px 0px 40px 0px #00000040;
    }
    .cls_nav{
      position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
    }
    .nav_part .right_part.menu_show{
         transform: translate(0%,0);
    }
    .nav_part .right_part ul{
        display: block;
        
    }
    .mob_head_sec ol{
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }
    
      .mob_head_sec ol li {
        padding-left: 18px;
        font-size: 35px;
        line-height: 0;
    }
    .mob_head_sec ol li a{
        font-size: 18px;
        color: #ff7700;
    }
    .mob_head_sec ol li:first-child{
        padding: 0;
    }
	
	.nav_part .right_part .mob_menu.show_menu{
         transform: translate(0,0px);
    }
   .nav_part .right_part ul li{
        display: block;
    }
   .nav_part .right_part ul li a{
                     margin-right: 0;
        font-size: 16px;
        padding: 14px 0px;
        display: block;
        width: 100%;
    }
	.nav_part .right_part .sub-menu{
		    width: 100%;
    position: initial;
	}
	.nav_part .right_part .sub-menu li a{
		    font-size: 14px;
	}
	.other_pg_banner .con_part h1{
		    font-size: 50px;
    line-height: 60px;
	}
    
}




@media screen and (max-width:767px){
	.sub_cont h2{
		font-size:25px;
		line-height:35px;
	}
	.other_pg_banner .con_part h1{
		          font-size: 30px;
        line-height: 36px;
	}
	.other_pg_banner .con_part  p {
		font-size:14px;
		line-height:20px;
	}
	.other_pg_banner{
		padding-top: 80px;
	}
	.other_pg_banner .breadcrumb{
		    margin-top: 65px;
	}
    .top_bar{
            padding-top: 6px;
    padding-bottom: 6px;
    }
    .top_bar .wrapper .right_part,  .top_bar .wrapper .left_part {
        display: none;
    }
    .top_bar .grid{
            grid-template-columns: repeat(1, 1fr);
    }
    .pt_70{
        padding-top: 30px;
    }
    .pb_70{
        padding-bottom: 30px;
    }
    .mt_70{
        margin-top: 30px;
    }
    .mb_70{
        margin-bottom: 30px;
    }
        .head_text {
        font-size: 25px;
        margin-bottom: 10px;
    
    }
        .nav_part .logo_part {
        width: 85px;
    }
    .nav_part{
        padding-top: 5px;
        padding-bottom: 5px;
    }
            .sub_head {
        font-size: 15px;
        line-height: 25px;
    }
    .banner{
               height: auto;
        min-height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        position: relative;
    }
    .banner:after{
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #00000091;
        top: 0;
        left: 0;
    }
    .banner .box{
text-align: center;
    }
        .banner .box h1 {
        font-size: 30px;
        line-height: 38px;
        width: 100%;
        color: #fff;
			    height: 85px;
    }
       .banner .box p {
        font-size: 14px;
        color: #fff;
    }
    .banner .bg_img{
               width: 100%; 
    }
 
    
    
    
    .banner .box form{
        flex-wrap: wrap;
    }
          .banner .box .form_box {
        width: 100%;
        padding: 20px;
        background-color: #ffffffa1;
        backdrop-filter: blur(2px);
        border: 1px solid #ffffff70;
    }
        .banner .box .form_group {
        width: 100%;
        margin-right: 0;
                    margin-bottom: 6px;

    }
    
    .banner .box .form_group:last-child{
        width: 100%;
    }
   
        .banner .box .form_group .form-control {
                      font-size: 13px;
        height: 45px;
        background-color: #efefef;
        padding: 12px;
    }
           .banner .box .form_group label {
        font-size: 13px;
        letter-spacing: 0;
        text-align: left;
                       margin-bottom: 6px;

        display: block;
    }
    .my_btn {
               font-size: 13px;
        margin-top: 10px;
    }
    .banner .box .form_group i{
        font-size: 12px;
    }
    .banner .box .form_group::after{
        display: none;
    }
    .banner .box .usp{
        margin-top: 25px;
            width: 100%;
    }
    .banner .box .usp ul{
                     display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .banner .box .usp ul li {
 font-size: 20px;
        line-height: 22px;
        color: #fff;
    }
    .banner .box .usp ul li small {
           font-size: 11px;
        line-height: 12px;
        color: #fff;
    }
 
    .my_btn{
   margin-left: 0;
    }
       
    .services .box{
        border-radius: 20px !important;
        background-position: center;
       
    }
  
        .services .box .text_box p {
        font-size: 14px;
    }
    .services .box .icon {
        width: 55px;
        height: 55px;
        margin-bottom: 12px;
    }
    .services .box .text_box h4 {
        font-size: 18px;
    }
    .benefit .inner_box{
     position: relative;
        z-index: 1;
          padding: 20px;
        border-radius: 20px !important;
        background-position: center;
        overflow: hidden;
}
      .benefit .inner_box:after{
                position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #00000091;
        top: 0;
        left: 0;
    }
        .benefit .inner_box {
        padding: 20px;
        border-radius: 20px !important;
    }
        .benefit .head_text {
        width: 100%;
       font-size: 22px;
        line-height: 28PX;
    }
    .benefit ul li {
           font-size: 14px;
        margin-bottom: 8px;
    }
    .benefit ul li .icon i{
        font-size: 13px;
    width: 15px;
    height: 15px;
    }
    .callto .left_box{
        margin-bottom: 10PX;
    }
        .callto .left_box h3 {
        font-size: 24px;
    }
    .callto .left_box p {
        font-size: 14px;
    }
       
    .callto .left_box ul .con span {
        font-size: 14px;}
    .callto .right_box ul .icon {
    width: 35px;
    height: 35px;
    }
        .callto .left_box ul .con p {
        font-size: 18px;
    }
    
         .callto .right_box h3 {
        font-size: 24px;
    }
        .callto .right_box p {
        font-size: 14px;
    }
    .callto .left_box, .callto .right_box{
        height: auto !important;
    }
    .callto .right_box ul .con span {
        font-size: 13px;}
    .callto .right_box ul .icon {
    width: 35px;
    height: 35px;
    }
        .callto .right_box ul .con p {
        font-size: 18px;
    }
    .callto .left_box .my_btn {
    font-size: 13px;
    }
        .my_btn {
        padding: 10px 44px;
    }
    
        .technician .box {
        padding: 15px;
            padding-top: 30px;
    }
  
    
        .technician .box .text_part h4 {
        font-size: 18px;
    }
        .technician .box .text_part p {
        font-size: 14px;
    }
    .testimonial .right_part .sub_head {
    font-size: 14px;
        line-height: 22px;
    }
        .testimonial .right_part .head_text {
        font-size: 25px;
    }
        .testimonial .left_part .head_text {
        font-size: 20px;
    }
        .testimonial .left_part .sub_head {
        font-size: 12px;
    }
    .testimonial .right_part .client_icon span{
        margin-left: 12px;
            font-size: 14px;
    }
        .technician .box .icon i {
        font-size: 20px;
        width: 35px;
        height: 35px;
    }
    .technician .box .icon {
               width: 55px;
        height: 55px;
                margin-top: -55px;
    }
    .testimonial .left_part form {
    padding: 30px;
    }
    .testimonial .left_part .form-control {
    font-size: 13px;
    padding: 10px 14px;
    margin-bottom: 13px;
}
    .testimonial .left_part .form-control::placeholder{
          font-size: 13px;
    }
    .testimonial .right_part .con_box h4 {
    font-size: 16px;
}
    .testimonial .right_part .con_box p {
         font-size: 14px;
        line-height: 22px;
        }
        .clients .box img {
        width: 90px;
    }
    
    footer{
        margin-top: 10px;
                overflow: hidden;
    }
        .f_logo {
       display: block;
        /* margin: 0 auto; */
        padding-bottom: 20px;
        max-width: 90px;
    }
    footer .contact li {
            padding-bottom: 20px;
    }
        footer .contact .tel p {
        font-size: 16px;
    }
    footer .contact .tel {
    margin-left: 12px;
}
    footer .contact{
      display: block;
        padding-bottom: 0px;
    }
    footer .f_nav{
        flex-wrap: wrap;
            margin-top: 15px;
    margin-bottom: 20px;
   
    }
    footer .f_nav li a{
             font-size: 13px;
    }
        footer .f_nav li {
        padding: 3px 6px;
        margin: 0;
    }
       .copyright p {
        font-size: 11px;
    }
    .copyright span {
    font-size: 12px;
    }
    .testimonial::before{
        width: 100%;
    }
	.sub_ser_main .con_part .why_wait{
		display: block;
    text-align: center;
	}
	
	.sub_ser_main .con_part .why_wait .title_head{
		    margin: 0 auto;
	}
}

@media screen and (min-width:992px){
    .mob_head_sec{
        display: none !important;
    }
    .cls_nav{
       display: none !important; 
    }
}