@charset "utf-8";
/*--------------media query css------------------*/	

@media (max-width:1800px) {



}

@media (max-width:1700px) {

   
    .service-tab-title-wrap{
        padding-left: 20px;
    }

    .resp-tabs-list li{
        font-size: 18px;
    }

    .resp-tabs-list li i{
        font-size: 18px;
        top: 4px;
    }



}

@media (max-width:1400px) {



    .menu-main{
        top: 23px;
        right: 20px;
        padding-top: 90px !important;
    }

    .menu-list > ul > li{
        margin: 0 0 25px;
    }

    .menu-list > ul{
        padding: 0 0 30px;
    }

    .site-header .main{
        padding: 0 20px;
    }

    .logo , .home .logo{
        width: 300px;
    }

    

    .site-header{
        padding: 10px 0;
    }

    .home-banner-sec-wrap{
        padding: 25px 0;
    }

    .home-banner-video{
        border-radius: 60px 8px 8px 8px;
    }

    .home-banner-sec{
        border-radius: 60px 8px 8px 8px;
    }

    .home-banner-sec-wrap{
        margin: 0 0 10px;
    }

    .center-content-sec{
        padding: 0 0 50px;
    }

    .circle-line-img-wrap{
        width: 80px;
    height: 80px;
    padding: 5px;
    }

    .circle-line-img{
        padding: 12px;
    }

    .circle-line-img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .circle-line-main{
        margin: 0 0 50px;
    }

    .title-top-center{
        padding: 0 0 30px;
    }

    .title-top-center.icon-boxes-top{
        padding: 0 0 30px;
    }


    .icon-boxes-section{
        padding: 0 0 50px;
    }


    .design-circle-img-wrap{
        border-width: 10px;
        margin-top: -30px;
    }

    .design-circle-img{
        border-width: 5px;
    }

    .design-circle-img1-wrap{
        width: 170px;
        height: 170px;
        padding: 5px;
        bottom: -100px;
        left: 20px;
    }

    .design-circle-img1{
        border-width: 3px;
    }


   

    .design-circle-img3-wrap{
        width: 120px;
        height: 120px;        
        padding: 5px;        
        right: -70px;
        top: -40px;        
    }

    .design-circle-img3{
        border-width: 2px;
    }


    .accreditations-sec{
        padding: 0 0 30px;
    }

    .casestudy-cpt-sec{
        margin: 0 0 80px;
    }

    .service-tab-img-right.service-content{
        padding: 60px 90px 72px 30px;
    }
    

    .service-content{
        padding: 63px 30px 72px 90px;
    }

    .service-tab-img-right-wrap .service-tab-nav-wrap{
        padding: 0 90px 0 30px
    }
    .service-tab-nav-wrap{
        padding: 0 30px 0 90px;
    }

    .service-tab-list{
        padding: 30px 30px 7px 30px;
    }

    .resp-tabs-list li {
        font-size: 16px;
    }

    .resp-tabs-list li i {
        font-size: 14px;
        top: 4px;
    }

    .service-tab-title-wrap {
        padding-left: 15px;
    }

    .services-sec{
        margin: 0 0 50px;
    }

    .service-tab-content-col {
        width: 31%;
    }

    .inner-team-slide-item{
        padding-top: 30px;
    }

    .team-sec{
        padding: 0 0 50px;
    }

    .contact-form-box{
        padding: 30px 15px;
    }

    .contact-sec{
        padding: 0 0 50px;
    }

    .foo-disc{
        padding: 15px 0;
    }

    .inner-hero-banner-right-icn{
        width: 70px;
        height: 70px;
        padding: 5px;
        left: -35px;
    }

    .inner-hero-banner-right-icn-inner{
        border-width: 2px;
    }

    .grid-sec {
        padding-top: 70px;
    }

    .grid-row-item {
        padding: 0 0 70px;
    }

    .grid-circle-small-img{
        left: -15px;
    }

    .grid-circle-small-img{
        border-width: 4px;
        max-width: 150px;
        max-height: 150px;
    }

    .grid-circle-large-img{
        max-width: 450px;
        padding-bottom: 426px;
    }

    .accordion-section{
        padding: 0 0 70px;
    }

    .whyus-sec-wrap .circle-line-main{
        top: -40px;
    }

    /* .accordion-section .circle-line-main {
        margin-top: -43px;
    } */

    .why-us-grid-section{
      
        padding: 70px 0;
    }

    .whyus-grid-img img{
    
    max-height: 80px;
    }

    .whyus-grid-img{
        min-height: 80px;
    }

    .whyus-grid-col{
        width: 20%;
    }

    .icon-boxes-list{
        padding: 0 40px;
    }

    .icon-boxes-slider .slick-arrow.slick-prev{
        left: 0;
    }

    .icon-boxes-slider .slick-arrow.slick-next{
        right: 0;
    }

    .slick-arrow.circle-slider-arrow{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .accordion-section.circle-main-section {
        padding: 70px 0;
        }


        .cs-next-preview{
            width: 120px;
            height: 120px;
            border-width: 4px;
            right: 50px;
        }

        .cs-next-wrapper{
            min-width: 320px;
            padding: 11px 20px;
        }

        .popup-slider-link {
            width: 80px;
            height: 80px;
            padding: 4px;
            right: 126px;
             top: -78px;
        }

        .casestudy-nav{
            padding-left: 46px;
        }


        .intro-box-left-box.arrow-list ul{
            padding: 0;
            margin: 0 0 40px;
        }

        .cs-label{
            letter-spacing: 1px;
        }



        .collaboration-sec{
            padding: 0 0 80px;
        }

        .team-sec-bg-bottom{
            padding-bottom: 26%;
        }


        .contact-detail-sec{
            margin: 0 0 80px;
        }


        .manufactures-sec{
            padding: 40px 0 50px;
          }

          .manufactures-top.title-top-center h2{
            margin: 0 0 25px;
          }

          .resources-top.title-top-center{
            padding: 0 0 30px;
          }

          .resources-sec {
            padding: 30px 0 90px;
        }

        .resource-list-main .load-more-btn{
            padding-top: 30px;
        }

        .resource-list-content-col{
            padding: 10px;
        }

        
.linkedin-social-bottom{
   
    padding-top: 40px;
  }
  
  
  .inner-hero-banner-sec-wrap + .linkedin-sec{
    padding-top: 30px;
  }

  .home-banner-sec{
    min-height: calc(100vh - 200px);
  }



}

@media (max-width:1200px) {


    .menu-icon{
        height: 40px;
    }

    .menu-box{
        width: 30px;
    }

    .menu-txt{
        padding: 0 10px;
        font-size: 14px;
    }

    .header-menu-col{
        padding-left: 0;
        padding-top: 10px;
    }

        .logo , .home .logo {
        width: 200px;
    }

    .site-header {
        padding: 5px 0;
    }

    .home-banner-sec-wrap {
        padding: 15px 0;
    }

    .home-banner-video {
        border-radius: 40px 8px 8px 8px;
    }

    .home-banner-sec{
        border-radius: 40px 8px 8px 8px;
        border-right-width: 30px;
        border-bottom-width: 10px;
        /* min-height: calc(100vh - 10px); */
    }

    .menu-main{
        top: 15px;
        padding-right: 30px !important;
    }

    .menu-main:before{
        width: 30px;
    }

    .arrow{
        right: -30px;
        width: 30px;
    }

    .menu-list > ul{
        font-size: 16px;
    }

    .design-circle-link{
        width: 30px;
        right: -30px;
        font-size: 20px;
    }

    .design-circle-box{
        border-right-width: 30px;
        border-bottom-width: 10px;
    }

    .casestudy-cpt-col{
        width: 50%;
    }

    .tab-service-single-link{
        width: 30px;
        font-size: 20px;
    }

    .service-tab-img-right.service-content {
        padding: 50px 45px 70px 15px;
    }
    .service-content{
        padding: 50px 15px 70px 45px;
    }

    .service-tab-img-col{
        width: 60%;
    }

    .service-tab-content-col{
        width: 40%;
    }


    .service-tab-list{
        padding: 30px 15px 7px 15px;
    }

    .resp-tabs-list li{
        width: 25%;
    }

    .design-circle-img3-wrap {
        width: 90px;
        height: 90px;
        padding: 3px;
        right: -14px;
        top: -50px;
    }   

    .tab-nav{
        font-size: 14px;
        letter-spacing: 1px;
    }

    .next-tab-nav i{
        margin-left: 5px;
    }

    .prev-tab-nav i{
        margin-right: 5px;
    }

    .service-tab-img-right-wrap .service-tab-nav-wrap{
        padding: 0 40px 0 15px;
    }

    .service-tab-nav-wrap{
        padding: 0 15px 0 40px;
    }

    .arrow-link{
        font-size:  14px;
        letter-spacing: 1px;
    }

    .arrow-link i{
        margin-left: 6px;
        position: relative;
        top: 2px;
    }

    .design-circle-content .arrow-link{
        margin-top: 0;
    }

    .contact-bg-box{
        border-right-width: 30px;
        border-bottom-width: 10px;
        padding-left: 30px;
    }
    
    .logo .scroll-logo{
        width: 60px;
        height: auto;
    }

    .site-header.follow .logo{
        min-height: 60px;
    }
    .header-logo-dropdown-col{
        margin-left: 20px;
    }

    .site-header.follow .header-logo-dropdown-col{
        margin-left: -25px;
    }

    .inner-hero-banner-sec-wrap {
        padding: 15px 0;
    }


    .inner-hero-banner-sec{
        border-radius: 40px 8px 0 0;
    }

    .inner-hero-banner-right-col{
        border-right-width: 30px;
    }

    .grid-row-item {
        padding: 0 0 40px;
    }

    .texture-overlay-grid-col .grid-img-box:after{
        width: calc(100% + 30px);
        height: calc(100% + 38px);
    }

    .accordion-title{
        font-size: 18px;
        padding: 10px 40px 10px 16px;    
    }

    .accordion-content{
        padding: 0 16px 16px;
    }

    .faq-link-btn {
        margin-top: 10px !important;
    }

    .casestudy-nav{
        padding-left: 46px;
        position: absolute;
        bottom: 65px;
        max-width: 366px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .casestudy-single-slider-main-sec{
        padding-bottom: 140px;
    }

    .intro-box-left-box{
        padding: 20px;
    }

    .mfp-figure figure{
        padding: 20px;
    }

    .mfp-image-holder .mfp-close{
        width: 40px;
    height: 40px;
    line-height: 40px;
    }


    .contact-info-sm-col{
        width: 50%;
    }


    .contact-box{
        max-width: 550px;
    }


    .contact-box-inner .btn{
        margin-top: 30px;
    }

    .contact-box-inner .arrow-list ul{
        padding: 0;
    }

    .manufactures-col{
        margin: 0 0 40px;
    }

    .resource-left-label{
        width: 100%;
        display: block;
    }



}

@media (max-width:991px) {



    .icon-box-col{
        width: 50%;
    }

    .design-circle-img-col{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 400px;
    }


    .design-circle-content-col{
        width: 100%;
    }

    .design-circle-content{
        font-size: 14px;
    }

    .design-circle-img1-wrap{
        width: 150px;
        height: 150px;
        bottom: -90px;
    }

    .design-circle-main{
        padding-left: 0;
    }

    .design-circle-content{
        padding: 0 0 60px;
    }

    .service-tab-content-col{
        width: 100%;
    }

    .service-tab-img-col{
        width: 100%;
        margin: 0 0 30px;
    }

    .resp-tabs-list li {
        width: 33.333%;
    }

    .contact-content-col{
        width: 100%;
    }

    .contact-form-col{
        width: 100%;
    }

    .contact-form-box{
        border-top: 8px solid var(--color-light-blue);
        border-radius: 8px 8px 0 0;
    }

    .foo-col{
        width: 50%;
    }

    .foo-col.foo-get-touch-col{
        order: 1;
    }

    .foo-col.foo-quick-links-col{
        order: 2;
    }

    .foo-col.foo-services-col{
        order: 3;
    }

    .foo-col.foo-sectors-col{
        order: 4;
    }

    .inner-hero-banner-content h5{
        letter-spacing: 4px;
    }

    .inner-hero-banner-right-col{
        width: 100%;
    }
    

    .inner-hero-banner-col{
        width: 100%;
        padding-right: 15px;
        margin-bottom: 70px;
    }


    .inner-hero-banner-right-col{
        position: relative;
        height: auto;
    }
    .contact-banner-sec .inner-hero-banner-sec .main{
        position: relative;
        transform: none;
        top: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact-banner-sec .inner-hero-banner-sec{
        padding-top: 100px;
    }


    .inner-hero-banner-sec{
        position: relative;
        padding: 100px 0 0;
    }
    
    .inner-hero-banner-sec:before{
        content: "";
        width: 30px;
        background: var(--color-light-blue);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;

    }

    .inner-hero-banner-right-icn {           
        left: 0;
        top: -35px;
        transform: none;
        bottom: auto;
        right: 0;
        margin: 0 auto;
    }

    .grid-col-6{
        width: 100%;
    }

    .grid-text-col.grid-col-6{
        width: 100%;
    }

    .img-right-grid-item .grid-img-col{
        order: 1;
    }

    .img-right-grid-item .grid-text-col{
        order: 2;
    }

    .grid-col{
        margin-bottom: 50px;
    }

    .grid-circle-img-main {
        position: relative;
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }

    .accordion-title {
        font-size: 16px;
    }

    .whyus-grid-col {
        width: 25%;
    }

    .inner-hero-banner-right-form{
        padding: 70px 15px 50px;
    }

    .contact-box{
        max-width: 500px;
        padding: 30px;
    }


    .manufactures-col{
        width: 50%;
    }


    .resource-filter-left-col{
        width: 100%;
    }

    .resource-filter-right-col{
        width: 100%;
    }

    .resource-list-col{
        width: 50%;
    }


    .contact-detail-sec .main{
        width: 100%;
    }

    





    


    

}


@media (max-width:767px) {


    .logo , .home .logo {
        width: 150px;
    }

    .home-banner-sec {
        border-radius: 30px 8px 8px 8px;
    }

    .icon-box-col {
        width: 100%;
    }

    .design-circle-img3-wrap {
        width: 70px;
        height: 70px;
        padding: 3px;
        right: -21px;
        top: -50px;
    }

    .design-circle-img1-wrap {
        width: 100px;
        height: 100px;
        bottom: -40px;
        padding: 3px;
    }

    .casestudy-cpt-col{
        width: 100%;
    }

    .tab-nav {
        font-size: 12px;
        letter-spacing: 0px;
    }

    h2.resp-accordion{
        display: block;
        background: var(--color-light-blue);
        color: var(--color-white);
        padding: 10px 40px 10px 15px;
        border-radius: 8px;
        margin: 0 0 16px;
        position: relative;
        font-size: 20px;
    }

    h2.resp-accordion i{
        position: absolute;
        right: 12px;
        top: 12px;
        color: var(--color-white);
    }

    h2.resp-accordion .service-tab-title-wrap{
        padding: 0;
        position: static;
    }

    .service-content{
        margin: 0 0 20px;
        background: linear-gradient(180deg, #1B1464 0%, #07023B 101.88%);
        border-radius: 8px;
    }

    .resp-tabs-container{
        background: transparent;
    }

    .service-tab-img-right .tab-service-single-link{
        border-radius: 0 8px 8px 0;
    }

    .tab-service-single-link{
        border-radius: 8px 0 0 8px;
    }

    .service-tab-title-wrap:hover{
        color: var(--color-white);
    }

    .service-tab-list{
        display: none;
    }

    .service-tab-nav-wrap{
        display: none;
    }

    .team-img-wrap {
        width: 100px;
        height: 100px;
        border-width: 4px;
    }

    .team-content h5{
        font-size: 16px;
    }

    .team-img{
        border-width: 2px;
    }

    .team-img img{
        max-width: 100px;
        width: 100%;
        max-height: 110px;
        bottom: 3px;
    }

    .contact-form .gform-theme--foundation .gfield.form-col2, .gform-theme--foundation .gfield.form-col2{
        width: 100% !important;
    }

    .foo-col{
        width: 100%;
        text-align: center;
    }


    .foo-logo{
        margin: 0 auto 30px;
    }

    .foo-disc-left-col{
        width: 100%;
        margin: 0 0 10px;
    }
    .foo-disc-right-col{
        width: 100%;
        text-align: center;
    }

    .foo-disc{
        text-align: center;
    }



    .inner-hero-banner-content h5 {
        letter-spacing: 2px;
    }


    .breadcrumbs-content ul li{
        font-size: 14px;
    }

    .texture-overlay-grid-col .grid-img-box:after {
        width: calc(100% + 18px);
        height: calc(100% + 24px);
    }


    .whyus-grid-col {
        width: 50%;
    }

    
  
    .intro-box-left-box{
        padding: 20px 10px;
    }

    .cs-next-preview {
        width: 90px;
        height: 90px;
        border-width: 4px;
        right: 42px;
    }

    .casestudy-nav{
        max-width: 320px;
    }


    .cs-next-wrapper{
        min-width: 270px;
    }

    .popup-slider-link {
        width: 70px;
        height: 70px;
        padding: 4px;
        right: 84px;
        top: -60px;
        font-size: 22px;
    }

    .contact-box{
        padding: 20px;
    }


    .manufactures-col{
        width: 100%;
    }


    .resource-left-select-list{
        width: 100%;
        display: block;
    }

    select.resource-selectbox{
        width: 100%;
        display: block;
        margin: 0 0 24px;
        background-position: 98% center;
    }

    .resource-list-col {
        width: 100%;
    }

    .contact-bg-box{
        padding-left: 0;
    }
    

    .header-logo-dropdown-content{
        margin-top: 10px;
    }



}


@media (max-width:640px) {
    .contact-info-sm-col{
        width: 100%;
    }


}


@media (max-width:480px) {
   

    .grid-circle-large-img {
        max-width: 450px;
        padding-bottom: 96%;
        border-width: 6px;
    }

    .grid-circle-large-img img{
        padding: 4px;
    }

    .grid-circle-small-img {
        border-width: 3px;
        max-width: 100px;
        max-height: 100px;
    }

    
}