@media (max-width:1480px){.project-list .container {width: 87%;}}
@media(min-width:1200px) and (max-width:1400px){
    h1{font-size: 40px;}
    .main-slider h1::after{display: none;}
    .img-box .circle{width: 132px; height: 132px;}
    .img-box .circle.orange{top: -60px; left: -10px;}
    .img-box .circle.blue{right: -10px; bottom: -40px;}
    .welcome-block .knowledge-graph {  top: -130px;  right: 370px; }
    .welcome-block .ansers-block {  right: 230px; top: 110px; }
    .welcome-block .lisiting-block { top: -125px; right: 90px; }
    .partner-block .content h2::after{display: none;}

    .blog .content-left .content-wrap{max-width: 540px;}
    .blog .content-right .maco-log{right: 80px;}

 

    .contactus .block-img{background: none;}
    .contactus .block-img.mobile-bg{background: url(../webp/contact.webp) no-repeat;}

    .footer .address .address-box.india {margin:-94px 151px 0 0;}
    .footer .map-section {background-size: 747px; min-height: 518px;}
    .footer .address .address-box.australia {margin: 20px -318px 0 0;width: 203px;}
    .footer .address .address-box.usa {margin: 41px 0px 0 65px;width: 270px;}
    .footer .address .address-box.uktwo {margin: 0px 0px 0px 13px;width: 270px;position: relative;}

}

@media(max-width:1199px){
    /* header css here  */
    .nav-toggel{ display: block;}
    .toggle-open span.line-1{webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px);}
    .toggle-open span.line-2{opacity: 0;}
    .toggle-open span.line-3{webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px);}
    .navbar{background: #6754e2; padding: 40px 20px; position: fixed; left: 0; right: 0; width: calc(100% - 90px); height: 100%; top: 0; transform: translateX(-100%); transition: all ease 0.2s; z-index: 99; transition: all 0.5s ease-in-out; z-index: 999999;}
    .nav-open{transform: translateX(0);} 
    .header ul{flex-direction: column;}
    .header ul li a{font-size: 18px; font-weight: 500; color: #fff; display: block; padding: 10px 15px;}
    .header .header-inner{justify-content: start;}
    .header .logo{margin-right: auto;}
    .header ul li a:hover { background: #07133d; border-radius: 5px; color: #fff; }

    h1{font-size: 40px;}
    .main-slider h1::after{display: none;}
    
    /* yext css here  */
    .welcome-block .knowledge-graph {top: -130px;  right: 300px; }
    .welcome-block .ansers-block {right: 160px; top: 110px; }
    .welcome-block .lisiting-block {top: -125px; right: 20px; }
    .welcome-block .banner-img img{display: block; margin-left: auto;}
    .welcome-block .yellow-bg{left: 104px; top: 40px;}

    .partner-block .content h2::after{display: none;}
    .img-box .circle{width: 122px; height: 122px;}
    .img-box .circle.orange{top: -60px; left: 0;}
    .img-box .circle.blue{right: 0;}

    .blog .content-left .content-wrap{max-width: 460px; padding-right: 20px;}
    .blog .content-right .maco-log{right: 43px;}

    .brand .box{margin: 8px;}

    .contactus .block-img{background: none;}
    .contactus .block-img.mobile-bg{background: url(../jpg/contact-2.jpg) no-repeat; background-position: center center;}
    .contactus .block-content .content-wrap{padding: 60px 30px;}
    .contactus .block-img h2{font-size: 28px;}
    .contactus .block-img .content-wrap{padding: 200px 30px;}

    .footer .address .address-box.india {margin:-94px 151px 0 0;}
    .footer .map-section {background-size: 747px; min-height: 518px;}
    .footer .address .address-box.australia {margin: 20px -318px 0 0;width: 203px;}
    .footer .address .address-box.usa {margin: 41px 0px 0 65px;width: 270px;}
    .footer .address .address-box.uktwo {margin: 0px 0px 0px 13px;width: 270px;position: relative;}

    .footer .address{ display: none; }
            .our-projcts button.slick-arrow{width: 40px;height: 40px;left: 0;}
.our-projcts button.slick-next.slick-arrow{right: 0;}
.our-projcts .slick-prev:before, .our-projcts .slick-next:before{line-height: 7px;}
.intergrate,.intergrate {background: #ecf2f6;}

}

@media(max-width:1024px){

    .space60{padding: 40px 0}
    .contact-form{padding: 20px }
    .w-yext-bg{background-size: cover;}
    .welcome-block{flex-wrap: wrap;}
    .welcome-block .content{padding-right: 0;}
    .welcome-block .block{width: 100%;}
    .welcome-block{padding:48px 0;}
    .welcome-block .yellow-bg{left: -14px; top: 80px;}
    .welcome-block .banner-img img{margin-left: 0;}
    .welcome-block .lisiting-block{top: 0; right: 20px;}
    .welcome-block .ansers-block{right: 160px; top: 230px;}
    .welcome-block .knowledge-graph{top: 0; right: 300px;}
    .welcome-block .block-img{padding: 50px 0 20px;}

    h1{font-size: 28px;}
    h2{font-size: 28px;}
    h3{font-size: 24px;}
    h4{font-size: 18px;}
    p{font-size: 15px;}

    .service h3{max-width: 650px;}
    .partner-block .content{padding-left: 70px;}
    .partner-block .content p{padding-top: 12px;}
    .service .box{min-height: 320px;}
    .service .spin-circle{margin: 47px auto 37px;}

    .srch-solution{flex-wrap: wrap;}
    .srch-solution .block-content:nth-child(2){padding-left: 0;}
    .srch-solution h3{padding-bottom: 15px; font-size: 24px;}
    .srch-solution p{padding: 15px 0;}

    .about-block .block-content h2{font-size: 28px; padding-top: 5px;}

    .about-block{flex-wrap: wrap; }
    .about-block .block:nth-of-type(1){max-width: 48%;}
    .about-block .block:nth-of-type(2){max-width: 48%;}
    .about-block .block-content h2{line-height: 1.5}
    .about-block .block-content p:nth-of-type(1){font-size: 15px;}
    .about-block .block:nth-of-type(3){max-width: 50%; padding-left: 0; padding-top: 24px;display: none;}
    .about-block img{height: auto;}

    .intergrate{position: relative; padding:30px 0 55px 0;}
    .intergrate .title{position: initial; padding-bottom: 30px;}
    .intergrate h3{font-size: 24px; margin-bottom: 00px; max-width: 100%; font-size: inherit;}
    .intergrate h3:before{top: 19px;}
    .intergrate .owl-carousel .owl-nav .owl-prev{float: left; left: 0;}
    .intergrate .owl-carousel .owl-nav .owl-next{float: right; right: 0;}


 
.intergrate h3:before{display:none;} 
.intergrate .owl-carousel .owl-nav button.owl-prev { left: 0; }
.intergrate .owl-carousel .owl-nav { left: 0; right: 0; top: initial; height: 70px; width: auto; bottom: -65px; max-width: 89px; margin: auto; }
.intergrate .spin-circle{margin:0 auto; padding: 20px 0; left: 0; right: 0; position: relative;}


 .welcome-block .content p{font-size: 15px}
 .all_sec{padding: 130px 0 30px;}
 .htlcr_bstslt_mn ul{column-gap: 18px}
 .htlcr_bstslt_mn ul li, .htlcr_bstslt_mn ul li:nth-child(4){width: 47%;margin-bottom: 30px}
 .contactus textarea.input-text {
    max-height: 100px;}
    .contactus .form-block{margin-top: 20px}
    .contactus .btn-button{margin-top: 20px}
 .htlcr_bstslt_mn{margin-top: 10px}

    .blog .content-left{width: 100%;}
    .blog .content-right{width: 100%;}
    .blog .block-content{padding: 60px 0;}
    .blog .content-left .content-wrap{max-width: 100%; padding: 0 50px;}
    .blog .content-right .content-wrap{max-width: 100%; padding: 0 50px;}
    .blog .maco-log{right: 43px;}

    .brand{padding: 30px 0;}

    .contactus .block-img.mobile-bg{width: 100%;}
    .contactus .block-content{width: 100%;}
    .contactus .block-img .content-wrap{max-width: 100%; padding:50px;}
    .contactus .block-content .content-wrap{max-width: 100%; padding: 50px;}

    .footer-row-wrap {display: block;width: 100%;}
    .footer-col-wrap2 {width: 100%;padding: 0px 0;}
    .footer-col-wrap2 ul.ftr-logo-wrap {margin: 0;padding: 0;}
    .ftr-logo-wrap li { margin: 0; padding: 0; }
    .btm-footer .adddress-deatil li {padding-bottom: 20px;}
    .btm-footer .adddress-deatil li small, .btm-footer .adddress-deatil li span {display: block;}
    .footer_winning ul {text-align: left;padding: 0;}
    .footer_winning-btm{ display: block; }
    .main-slider .banner-number .number-count{font-size: 30px;line-height: 34px;}

    
    
    
    
}

@media (max-width:991px){



.our-projcts h3 {font-size: 25px;line-height: 36px;margin: 15px 0 10px;}
.our-projcts .right-detail img{height: 230px;}
.our-projcts p{min-height: 236px;max-height: 236px;overflow: auto;}
.our-projcts .list p,.our-projcts .hltcre_sbhd p{min-height:inherit;max-height: inherit;}
.contact-form{padding: 45px 17px}
.main-slider .banner-progress{flex-wrap: wrap;row-gap: 25px;}
.main-slider .banner-number{width: 48%;border-right: none}
.main-slider .banner-number .number-name br{display: none}
}
@media (max-width:865px){.our-projcts .slick-dots li button:before{font-size: 25px;}.our-projcts .featured-project{margin: 30px 0 100px}
    .our-projcts h3{font-size: 20px;line-height: 25px}
    .contact-form{padding: 45px 17px}

}
@media(max-width:767px){
    .main-slider .banner-block{flex-wrap: wrap;}
    .main-slider .banner-block .block{width: 100%;}


    .navbar{width: calc(100% - 70px);}
    .partner-block .content h2{background-position: 88%;}
    .partner-block{flex-wrap: wrap; text-align: center; justify-content: center;}
    .hand-img{padding-bottom: 15px;}
    .partner-block .block-img{ flex: 0 0 100%; max-width: 100%;}
    .partner-block .content{padding-left: 0; flex: 0 0 100%; max-width: 100%; margin-top: 0;}
    .about-block .block:nth-of-type(1){max-width: 100%; padding-right: 0; padding-bottom: 24px;}
    .about-block .block:nth-of-type(2){max-width: 100%;}
    .about-block .block:nth-of-type(3){max-width: 100%; }
    .about-block .block-content p:nth-of-type(2){padding-bottom: 24px;}
    .about-block .block-content p:nth-of-type(1){padding: 10px 0;}

    .contact-form{padding: 20px 20px; margin-bottom: 0;}
    .contact-form .form-rows-two {margin-bottom: 0;}
    .contact-form .form-rows-two .block{margin-bottom: 17px;}

    .blog .block-content p{font-size: 28px;}
    
        
.btm-footer .adddress-deatil { max-width: 250px; }

    .our-projcts .left-detail{padding: 40px 0;}
.our-projcts h3 {font-size: 20px;line-height: 24px;}
.our-projcts .download-flex {margin: 10px 0 0;}
.our-projcts p {font-size: 15px;} 
    .project-list .container {
    width: 100%;
}
.our-projcts .project-divide{flex-direction: column;}
    .our-projcts .left-detail {width: 100%;}
.our-projcts .right-detail {width: 100%;padding: 0 0 20px;}
.our-projcts p{max-height: 110px;min-height:110px;}
.our-projcts button.slick-arrow{top: inherit;bottom: -70px;left: 42%}
.our-projcts button.slick-next.slick-arrow{right: 42%}
.contact-form .form{margin-top: 0;}
.all_sec,.space60{padding: 30px 0;}
.htlcr_bstslt_mn ul li, .htlcr_bstslt_mn ul li:nth-child(4){width: 100%;}
.welcome-block .block-flex{flex-direction: column;row-gap: 25px}
.welcome-block .block11.content{width: 100%}
.welcome-block .block-flex .banner-right{width: 100%}   
.main-slider .banner-number{width: 24%}
.main-slider .banner-progress{margin: 0 0 25px}
.logo img{width: 310px;}
.main-slider{background-position: right;background-size: auto;}
     #onlydevnices
        {
            display:block;margin: 0 auto;padding: 13px 0;
        }
        .contact-form
        {
            display: none;
        }
        .main-slider{text-align: center;}
}

@media(max-width:600px){
    h1{font-size: 24px;}
    h3{font-size: 20px;}
    h2{font-size: 24px;}
    .header .logo a:nth-child(1) img{width: 130px;}
    .header .logo a:nth-child(2) img{width: 34px; height: 34px;}
    .header .logo a{padding-right: 5px;}

    .main-slider{padding: 40px 0;}
    .main-slider .descrp p{padding: 20px 0;}
    .btn-group .btn-button{margin: 10px 0;}

    .welcome-block{padding: 24px 0;}
    .welcome-block .btn-button{margin-top: 30px;}
    .welcome-block .yellow-bg{left: -15px; bottom: 0;  width: 219px; height: 349px;}
    .welcome-block .knowledge-graph, .welcome-block .ansers-block, .welcome-block .lisiting-block{position: initial;}
    .welcome-block .shape1{margin: 20px auto;}
    .welcome-block .knowledge-graph{margin-top: 25px;}

    .partner-block .content h2::after{display: none;}

    .img-box .circle{display: none;}
   
    .service .box{min-height: 340px;}
    .service h3{margin: 30px auto 30px;}
    .srch-solution h3{font-size: 20px;}

    .hand-img{padding: 15px 0;}
    .hand-img img{max-width: 150px;}

    .black-bg{padding: 80px 0; margin: -52px 0 0;}

    .intergrate .box{text-align: center; padding: 40px 20px;}
    .intergrate .box img{display: block; margin: 0 auto;}

    .blog .block-content{padding: 30px 0;    height: 312px;}
    .blog .content-left .content-wrap{padding: 0 20px;}
    .blog .block-content p{font-size: 20px; padding: 20px 0;}
    .blog .maco-log{position: relative; right: 0; bottom: 0;}
    .blog .content-right .maco-log{right: 0;}
    .blog .maco-log img{width: 80px;}
    .blog .content-right .content-wrap{padding: 0 20px;}

.brand .box { margin: 0; border: solid #ebf1f5; }
    .brand-block a{width: 90px; height: 90px; align-items: center;}
    .brand-block a img{max-width: 60px;}
    .brand .box:nth-of-type(3){margin-right: 0;}
    .brand .box:nth-of-type(4){margin-left: 0;}

    .contactus .contact{flex-wrap: wrap; padding: 30px 0;}
    .contactus .block-img h2{font-size: 20px;}
    .contactus .contact .text{padding-left: 0;}
    .contactus .contact .icon{width: 50px;}
    .contactus .contact .email{padding-right: 30px; padding-bottom: 30px;}
    .contactus .block-img .content-wrap{padding: 40px 20px;}
    .contactus .block-content .content-wrap{padding: 20px;}
    .contactus .contact-form{position: relative; z-index: 99;}


    .ftr-logo-wrap li{ padding: 4px;}
    .service .owl-carousel .owl-nav{left: 40%}
}
@media (max-width:570px){
    
.our-projcts .slick-dots li{width: 5px;height: 5px;}
.our-projcts .slick-dots li button{width: 5px;height: 5px;padding: 2px}
.our-projcts .slick-dots li button:before{font-size: 17px;height: 5px;width: 5px}
.our-projcts .right-detail img{height: 200px;object-fit: cover}
.our-projcts .project-list{background:#1a5eb4;}
.our-projcts .project-list1 {background-image:linear-gradient(to right, #009dbf 50% , #009dbf 50%)}
.our-projcts .project-list2 {background-image:linear-gradient(to right, #042310 50% , #042310 50%)}
.our-projcts .project-list3 {background-image:linear-gradient(to right, #1e5c85 50% , #1e5c85 50%)}
.our-projcts .project-list4 {background-image:linear-gradient(to right, #200a06 50% , #200a06 50%)}
.our-projcts .project-list5 {background-image:linear-gradient(to right, #b2915b  50% , #b2915b  50%)}
.our-projcts .project-list6 {background-image:linear-gradient(to right, #b31f21 50% , #b31f21 50%)}
.our-projcts .project-list7 {background-image:linear-gradient(to right, #28b3de 50% , #28b3de 50%)}
.our-projcts .project-list8 {background-image:linear-gradient(to right, #3e1115 50% , #3e1115 50%)}
.our-projcts .project-list9 {background-image:linear-gradient(to right, #e9272b 50% , #e9272b 50%)}
.our-projcts .project-list10 {background-image:linear-gradient(to right, #260d60 50% , #260d60   50%)}
.our-projcts .project-list11 {background-image:linear-gradient(to right, #1e5670 50% , #1e5670 50%)}
.our-projcts .project-list12 {background-image:linear-gradient(to right, #7e6a2c 50% , #7e6a2c 50%)}
.our-projcts .project-list13 {background-image:linear-gradient(to right, #0d0c79 50% , #0d0c79 50%)}
.our-projcts .project-list14 {background-image:linear-gradient(to right, #125354 50% , #125354 50%)}
.our-projcts .project-list15 {background-image:linear-gradient(to right, #2e2e2e 50% , #2e2e2e 50%)} 
.our-projcts .project-list16 {background-image:linear-gradient(to right, #2e2e2e 50% , #2e2e2e 50%)} 
.our-projcts .project-list17 {background-image:linear-gradient(to right, #664d3d 50% , #664d3d 50%)}
.our-projcts .project-list18 {background-image:linear-gradient(to right, #39365c 50% , #39365c 50%)}
.our-projcts .project-list19 {background-image:linear-gradient(to right, #704322 50% , #704322 50%)}
.our-projcts .project-list20 {background-image:linear-gradient(to right, #d91523 50% , #d91523 50%)}
.our-projcts .project-list21 {background-image:linear-gradient(to right, #005097 50% , #005097 50%)}
.our-projcts .project-list22 {background-image:linear-gradient(to right, #947a57 50% , #947a57 50%)}
.our-projcts p {font-size: 14px;}
.our-projcts h3{margin: 12px 0 8px;}  
.our-projcts .list p {font-size: 16px;margin: 3px 0 0;}
.our-projcts .project-list{min-height: 360px}
.our-projcts p{max-height: 210px;min-height:210px;}
.our-projcts button.slick-arrow{top: inherit;bottom: -70px;left: 36%}
.our-projcts button.slick-next.slick-arrow{right: 36%}
.main-slider .banner-number{width: 48%}

}