@media screen and (max-width:768px){
    .hide,.form-1{display: none !important;}
    .row-1 a{font-size: 11px !important;}
    .row-1 a i{font-size: 13px !important;}
    .contain{padding: 10px 0;}
    .row-1-col-1{float: none !important;}
    .row-1-col-2{float: none !important;margin: 26px 0 0 0;display: inline-block !important; text-align: center;}
    .row-1::before{width: 95% !important;}
    .margin{padding: 10px 1% !important;}
    .row-3-col-1 img{width: 60% !important;}
    .social{left: 70px !important;}
    .row-3-col-2{margin: 80px 0 0 0 !important; text-align: center;}
    .row-3-col-1{margin: 150px 0 0 0 !important;}
    .row-3-col-2 h3, .row-4 h5, .row-5-col-2 h3, .row-6 h3, .row-7 h3, .row-8 h3, .row-10 h3{font-size: 14px !important;}
    .row-3-col-2 h1, .head-1, .row-5-col-2 h2, .row-6 h2, .row-6 h1, .row-7 h2, .row-8 h2, .row-10 h2, .row-11-col-1 h2{font-size: 25px !important;}
    .row-3-col-2 p, .row-4 p, .row-5-col-2 p, .row-6, .row-7 p, .row-11 p{font-size: 14px !important;}
    .row-3-col-2 ul li, .row-5-col-2 ul li{margin: 15px 0 0 0; line-height: 1.5; font-size: 17px !important;}
    .counter-parent{right: 240px !important; bottom: 100px !important; padding: 5px 1% !important;}
    .counter{font-size: 35px !important;}
    .counter-parent span{font-size: 18px !important;}
    .row-5-col-1 img{float: left; width: 60% !important; float: none !important;}
    .row-5-col-2{padding: 0px 0 0 1% !important;}
    .row-5-col-2 ul li{margin: 8px 0 0 0 !important;font-size: 15px !important;}
    .row-3-col-2 ul li i, .row-5-col-2 ul li i{font-size: 20px !important; margin: 5px 10px 0px 0px !important;}
    .margin-2{padding: 25px 1% !important;}
    .row-6-row-col{font-size: 45px !important;}
    .row-6-row-col span{font-size: 30px !important; margin: 20px 0 0 2% !important;}
    .row-6-row-col h4{font-size: 25px !important;}
    .row-6-row{background-size: 100% 340px !important; height: 340px !important;}
    .row-5{background-size: 100% 1200px !important;}
    .row-7-col-2{margin: 50px 0 0 0;}
    .row-11-col-2 form input[type="submit"]{margin: 8px 2% 0px 0px !important; padding: 12px 2% !important;}
    .footer-col-1 p{padding: 20px 0% 20px 0 !important;}
    .footer-col-1, .footer-col-2{padding: 50px 1%; margin: 0 !important; text-align: center; float: none !important; display: inline-block;}
    .footer{padding: 0 !important; text-align: center;}
    .last-one .owl-nav{display: none !important;}
    .service-detail-row-3 h2, .service-detail h1{padding: 10px 5% !important;}
    .service-detail ul{padding: 20px 35% !important;}
    .service-detail-row-2 h2{padding: 0 10% !important;}
    .service-detail-row-2 p{padding: 0 22% !important;}
    .row-11-col-2 form input[type="submit"]{line-height: 30px !important;}
    .row-1-col-2 ul li{margin: 0 1% !important;}
    .row-2-col-1 img{width: 40% !important;}
    .navbar-toggler{background: #fff; margin: 20px 0;}
    .row-1-col-2 ul li, .footer-icons ul li{float: none !important; display: inline-block;}
    .row-2{text-align: center;}
    .row-2-col-1{float: none !important; display: inline-block;}
    .row-2 .nav-item{margin: auto;}
    .search .input{left: -10px !important;}
    .row-2 .navbar-expand-lg .navbar-nav{width: 70% !important; display: block ruby; margin: 5px 0 0 0;}
    .head-div{left: 30% !important;}
    .post-1 p{margin: 0 0 0 18% !important;}
    .footer-col-1 img{width: 35% !important;}
    .sub{right: 5px  !important;}
    .row-5{text-align: center;}
    .row-3-col-2 ul, .row-5-col-2 ul{display: inline-block; text-align: left;}
    .footer-row-2{text-align: center;}
    .footer-row-2 p{float: none !important;}
    .footer-row-2 ul{width: 100% !important; display: block; text-align: center !important;}
    .footer-row-2 ul li{display: inline-block; float: none !important;}
    .row-3-row{margin: -100px 0 !important;}
    .row-2-col-2{text-align: center; height: auto; padding: 15px 0 0 0;}
    .navbar .container-fluid {display: inline-block;}
    .navbar-brand{margin: 0;}
    .row-1{display: none;}
    .navbar-toggler{margin: 0 !important;}
    .row-8 .owl-carousel{top: 95px !important;}
    .con-col-1 img{width: 50% !important;margin: 0;}
    .con-col-1, .con-col-2, .con-row-1{margin: 0 !important; text-align: center;}
    .pop2{width: 80% !important;}
    .sld_hd h2{font-size: 50px;}
    .con-col-1 textarea, .pop2 textarea{height: 100px;}
    .pop2 h2{font-size: 26px;}
    .pop2 h3{font-size: 13px;}
    .pop3 input, .pop3 select, .pop3 textarea{margin: 5px 0;}
    .pop3 .form-control{margin: 5px auto;}
    .row-3-row-col-col span{margin: 35px 0 0 10px;}
    .contact{padding: 50px 0 0 0;}
    .contact form{margin: 0 0 80px 0;}
    .row-11-col-1{text-align: center;}
    .pop3 input[type="submit"]{padding: 5px 20px;}
    .pop3 textarea{height: 70px;}
    .qt{z-index: 999;}
    .pop2{height: 93%;}
    .green, .red{padding: 1px 0; margin: 1px 0 0 0;}
}
@media screen and (max-width:640px)
{
    .row-3-col-2 ul li i, .row-5-col-2 ul li i{margin: 5px 10px 0px 0px !important;}
    .row-1-col-2{ margin: 55px 0 0 0 !important;}
    .icon-WhatsApp-Image-2022-08-15-at-22735-PM-02, .icon-new-01, .icon-WhatsApp-Image-2022-08-15-at-22735-PM-03{font-size: 32px !important;right: 4px !important;bottom: 30px !important;}
    .row-3-col-2{margin: 50px 0 0 0 !important;}
    .row-1::before{padding: 32px 0 !important; left: -34px !important;}
    .row-5{background-size: 100% 1000px !important;}
    .row-6-row{background-size: 100% 340px !important;}
    .social{left: 145px !important;}
    .head-div h2{font-size: 19px !important;}
    .head-div{left: 38% !important;}
    .hello-3 p{font-size: 12px !important;}
    .row-10-col-2{padding: 50px 0 0 0 !important;}
    .row-10-col-2 a{float: right}
    .footer-row-2 p{font-size: 13px !important;}
    .row-10 .owl-stage-outer .owl-item{width: 23% !important;}
    .form-1{width: 70% !important;}
    .row-10 .last-one .owl-item{width: 8% !important;}
    .detail img{width: 32% !important;}
    .service-detail-row-3 h2, .service-detail h1{padding: 10px 0% !important;}
    .service-detail p{padding: 25px 0% !important;}
    .service-detail ul{padding: 20px 28% !important;}
    .service-detail-row-2 h2{padding: 0 0% !important;font-size: 30px !important;}
    .service-detail-row-2 p{padding: 0 15% !important;}
    .slider-para{font-size: 14px !important;}
    .row-1{text-align: center;}
    .row-2-col-1 img{width: 60% !important;}
    .ani-box h2{font-size: 17px !important;}
    .counter-parent{right: 90px !important; bottom: 65px !important;}
    .footer-col-1 img{width: 20% !important;}
    .post-1 p{margin: 0 0 0 21% !important;}
    .extra ul, .service-detail ul{padding: 0 30% !important;}
    .footer-col-2 ul li::before{left: 25% !important;}
    .post-1{width: 85% !important; margin: 10px 10% !important;}
    .sld_hd h2{font-size: 40px;}
    .main-slider .carousel-item p{font-size: 13px !important;}
    .main-slider .carousel-control-next,.main-slider .carousel-control-prev{width: 70px; height: 50px;}
    .main-slider .py-sm-3{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
    .main-slider .px-sm-5{padding-right: 2rem !important; padding-left: 2rem !important;}
    .row-4 p, .row-6 p{padding: 15px 10% 0 10%;}
    .row-2-col-2{padding: 0;}
}

@media screen and (max-width:480px)
{
    .row-1-col-1{left: 34px !important; width: 74% !important;}
    .row-1::before{padding: 32px 0 !important;}
    .row-1-col-2{width: 100% !important; margin: 55px 0 0 0% !important;}
    .margin, .row-3-col-1, .row-3-col-2, .row-5-col-1, .row-5-col-2, .margin-2, .row-6-row-col, .row-7-col-1, .row-7-col-2, .row-10-col-1, .row-10-col-2, .row-11-col-1, .row-11-col-2, .footer-col-1, .footer-col-2, .space{width: 100% !important;}
    .ani-box h6{font-size: 15px;}
    .row-6-row-col p{font-size: 14px !important;}
    .row-6-row-col h4{font-size: 22px !important;}
    .row-6-row-col{font-size: 40px !important;}
    .row-6-row-col span{font-size: 26px !important; margin: 16px 0 0 2% !important;}
    .row-7-col-1 ul li{font-size: 14px !important;}
    .row-7-col-2-col-inner{left: 0 !important; width: 100% !important;}
    .row-10 .owl-stage-outer .owl-item{width: 11% !important;}
    .footer-row-2 ul li a{font-size: 12px !important;}
    .row-2-col-1{width: 20% !important;}
    .row-2-col-2{width: 100% !important; height: auto;}
    .row-8 .hello-2 img{height: 255px !important;}
    .row-4 p, .row-6 p{padding: 15px 6% !important;}
    .form-1{width: 82% !important;}
    .row-10 .last-one .owl-item{width: 7% !important;}
    .l-a1{font-size: 18px !important;}
    .blog-col-1, .blog-col-2, .blog-col-3, .blog-col-4, .con-col-1, .con-col-2{width: 100% !important;}
    .sp-1, .sp-2{width: 25% !important;}
    .service-detail p, .service-detail-row-2 p, .watch-anc-2{font-size: 14px !important;}
    .service-detail ul{padding: 20px 25% !important;}
    .service-detail-row-2 h2{font-size: 25px !important;}
    .service-detail-row-3 h2{font-size: 25px !important;}
    #preload{background-size: 75% !important;}
    .row-4 .owl-item{width: 400px !important;}
    .row-8 .owl-item{width: 380px !important;}
    .row-2-col-1 img{width: 80% !important;}
    .extra ul li, .service-detail ul li{font-weight: 400 !important;}
    .post-1{margin: 20px 0 0 11% !important;}
    .row-4 .owl-carousel.owl-loaded{top: 145px !important;}
    .footer-col-1, .footer-col-2{margin: 30px 0 !important; padding: 0 !important;}
    .icon-WhatsApp-Image-2022-08-15-at-22735-PM-02, .icon-new-01, .icon-WhatsApp-Image-2022-08-15-at-22735-PM-03{font-size: 50px !important;right: 30px !important;bottom: 60px !important;}
    .pop2 h2{font-size: 28px !important;}
    .sld_hd h2{font-size: 30px;}
    .main-slider .carousel-item p{font-size: 12px !important;}
    .main-slider .carousel-control-next,.main-slider .carousel-control-prev{width: 60px; height: 40px;}
    .main-slider .py-sm-3{padding-top: 0.3rem !important; padding-bottom: 0.3rem !important;}
    .main-slider .px-sm-5{padding-right: 1rem !important; padding-left: 1rem !important;}
    .qt{font-size: 14px; left: -44px;}
    .qt2{right: -24px; left: auto;}
    .pop2 h3{font-size: 12px;}
    .pop2 h2{font-size: 23px !important;}
    .margin-2{width: 90% !important; float: none !important; display: inline-block;}
}
@media screen and (max-width:360px)
{
    .row-1::before{padding: 45px 0 !important; left: -35px !important;}
    .row-1-col-2{margin: 80px 0 0 0% !important;}
    .form-1{width: 110% !important; float: right;}
    .search.active{width: 90% !important;}
    .skew-box{top: -75px !important; left: -85px !important;}
    .social{left: 80px !important;}
    .hello-3 p{font-size: 11px !important;}
    .sp-1, .sp-2{width: 30% !important;}
    .service-detail ul{padding: 20px 18% !important;}
    .service-detail-row-2 h2{font-size: 20px !important;}
    .service-detail-row-2 p{padding: 0 10% !important;}
    .service-detail p, .service-detail-row-2 p, .watch-anc-2{font-size: 12px !important;}
    .row-1 a{font-size: 11px !important;}
    .ani-box h2{font-size: 17px !important;}  
    #preload{background-size: 95% !important;}
    .sub{width: 8.5% !important;}
    .search .input input{width: 95% !important;}
    .search .clear{margin: 0 1%;}
    .row-4 .owl-item{width: 298px !important;}
    .row-8 .owl-item{width: 286px !important;}
    .counter-parent{padding: 0 !important; right: 20px !important; bottom: 35px !important; width: 50%; height: 120px;}
    .row-5-col-1 img{width: 75% !important;}
    .extra ul, .service-detail ul{padding: 0 22% !important;}
    .extra ul li, .service-detail ul li{width: 185px;}
    .row-7-col-1 ul li{width: 100% !important; padding: 5px 1% !important;}
    .footer-col-2 ul li::before{left: 15% !important;}
    .post-1 p{margin: 0 0 0 16% !important;}
    .row-3-col-2 h1, .head-1, .row-5-col-2 h2, .row-6 h2, .row-6 h1, .row-7 h2, .row-8 h2, .row-10 h2, .row-11-col-1 h2, .contact h2{font-size: 22px !important;}
    .list{text-align: left;}
    .row-4 .owl-carousel.owl-loaded{top: 185px !important;}
    .post-1{width: 90% !important; margin: 20px 0 0 7% !important;}
    .search .icon{width: 52px !important;}
    .icon-WhatsApp-Image-2022-08-15-at-22735-PM-02, .icon-new-01, .icon-WhatsApp-Image-2022-08-15-at-22735-PM-03{font-size: 40px !important; right: 10px !important; bottom: 45px !important;}
    .pop2 h2{font-size: 20px !important;}
    .pop2 h3{font-size: 12px !important;}
    .pop2 input, .pop2 select, .pop2 textarea{font-size: 11px !important;}
    .pop2 input[type="submit"]{padding: 10px 20px !important;}
    .cut{width: 20px !important; height: 20px !important; line-height: 14px !important; font-size: 15px !important;}
    .pop2{width: 90% !important;}
    .row-2-col-2 .navbar-expand-lg .navbar-nav .nav-link{font-size: 11px;}
    .row-2 .navbar-expand-lg .navbar-nav{width: 100% !important;}
    .row-2 .nav-item{width: 13%;}
    .navbar .container-fluid{padding: 0;}
    .navbar-toggler{padding: 2px 5px;}
    .sld_hd h2{font-size: 24px;}
    .main-slider .carousel-item p{font-size: 10px !important;}
    .main-slider .carousel-control-next,.main-slider .carousel-control-prev{width: 55px; height: 35px;}
    .main-slider .py-sm-3{font-size: 12px;}
    .main-slider .px-sm-5{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 1.2rem; height: 1.2rem;}
    .cut{right: -10px; top: -10px;}
    .row-3-row-col-col h3{font-size: 18px !important;}
    .row-3-row-col-col p{width: 68% !important; font-size: 12px !important;}
    .row-3-col-2 p, .row-4 p, .row-5-col-2 p, .row-6, .row-7 p, .row-11 p{font-size: 12px !important;}
    .row-5-col-2 ul li{font-size: 12px !important;}
    .row-3-row-col{height: 140px;}
    .row-3-row-col::before{border-top: 130px solid #f7f8f9;}
    .counter{font-size: 28px !important; bottom: 50px !important;}
    .counter-parent span{font-size: 16px !important;}
    .row-3-col-2 ul li, .row-5-col-2 ul li{font-size: 14px !important;}
    .row-6-row-col p{font-size: 12px !important; margin: 0;}
    .row-6-row-col{font-size: 35px !important;}
    .row-6-row-col h4{font-size: 20px !important;}
    .row-6-row{height: 305px !important;}
    .pop3 input, .pop3 select, .pop3 textarea{margin: 7px 0;}
    .green, .red{font-size: 11px;}
}
@media screen and (max-width:320px)
{
    .form-1{width: 125% !important;}
    .search.active{width: 85% !important;}
    .row-3-col-2 ul li i, .row-5-col-2 ul li i{margin: 16px 10px 0px 0px !important;}
    .row-8 .no-js .owl-carousel, .owl-carousel.owl-loaded{top: 190px !important;}
    .skew-box{top: -95px !important;}
    .ani-box h2{font-size: 15px !important;}
    .ani-box h6{font-size: 12px !important;}
    .social{left: 70px !important;}
    .row-3-col-2 h1, .head-1, .row-5-col-2 h2, .row-6 h2, .row-6 h1, .row-7 h2, .row-8 h2, .row-10 h2, .row-11-col-1 h2{font-size: 20px !important;}
    .row-3-col-2 h3, .row-4 h5, .row-5-col-2 h3, .row-6 h3, .row-7 h3, .row-8 h3, .row-10 h3{font-size: 12px !important;}
    .last-one .owl-dots span{width: 32px !important;}
    .row-1::before{width: 98% !important;}
    .service-detail-row-2 h2{font-size: 18px !important;}
    .row-8 .owl-item{width: 253px !important;}
    .row-1 a{font-size: 10px !important;}
    .search .input{left: -4px !important;}
    .search .input input{width: 100% !important;}
    .extra ul, .service-detail ul{padding: 0 18% !important;}
    .post-1 p{margin: 0 0 0 17% !important;}
    .post-1{width: 100% !important; margin: 20px 0 0 0% !important;}
    .rev-slidebg{width:20% !important;}
    .sub{height: 25px !important; width: 10.5% !important;}
    .sld_hd h2{font-size: 22px;}
    .qt{font-size: 12px;}
    .row-3-row-col-col h3{font-size: 16px !important;}
    .row-3-row-col-col p{font-size: 11px !important;}
    .row-3-col-2 p, .row-4 p, .row-5-col-2 p, .row-6, .row-7 p, .row-11 p{font-size: 11px !important;}
    .row-3-col-2 ul li, .row-5-col-2 ul li{font-size: 12px !important;}
    .row-6-col, .row-7-col-2-col{height: 350px;}
    .row-6-col span{font-size: 40px; height: 80px; width: 80px; line-height: 80px;}
    .team-anc, .row-10-col-2 a, .contact input[type="submit"], .anc-1, .pop2 input[type="submit"]{font-size: 13px; padding: 15px;}
    .row-11-col-2 form input[type="submit"]{width: 28%; font-size: 14px;}
}