@media (max-width:767px){
    .Sproutly-right {
        display: none;
    }
    .tech-solution {
        display: flex;
        flex-direction: column;
    }
    .tech-userprofile {
        margin: 0 auto;
        margin-right: 0;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .solution-lst{flex-direction: column;}
    .solution-button {
        width: 320px;
        max-width: 100%;
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }
    .solution-content {
        padding: 14px;
    }
    .team-profile {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .team-mg{margin-bottom: 30px;}
    .team-wrap .team-data:nth-child(2n) .team-profile {
        flex-direction: column;

    }
    button.getintouch{display: none;}
    .business-cont-lft h2{font-size: 22px;}
    .banner-list ul{flex-wrap: wrap;}
    .technologyText.bannerText h2.sub-head-title {
        font-size: 32px;
        line-height: 38px;

    }
    .header-common-btn {
        display: contents;
        justify-content: space-between;
        align-items: center;
        width: unset;
    }
    .business-sol{margin-top:30px;}
    .technologySectionInner{flex-direction:column;}
.our-process .col-sm-4 {
    border-right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 395px;
}

.tech-tool .row > div {
    width: 50%;
}

.tech-tool .row {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.tech-tool {
    margin: 0 auto;
}
.sponsor ul li {
    padding: 0px 13px;
}
.business-card .row > div {
    /* max-width: 300px; */
    margin-bottom: 10px;
}
.business-card.Sproutly-adv .row > div 
 {
    max-width: 300px;

}

.business-card .row {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}



.business-card .row > div:last-child {
    margin-bottom: 0px;
}

a.about-btn {
    position: relative;
    top: -20px;
}
.business-cont-rgt {
    width: 135px;
    display: flex;
}
    .get_quote{
         display: none;
     }
     #menu-icon{
         display: block;
       }
     .header_list {
         position: fixed;
         right: 0;
         background: rgb(248, 248, 248);
         top: 60px;
         box-shadow: -4px 6px 7px 0px #75757530;
         transform: translateX(300px);
         transition: 1s all;
         width: 300px;
         height: calc( 100vh - 60px);
         display: flex;
         flex-direction: column;
         padding: 10px 20px;
         z-index: 99;
     }
     .home-banner .header_list.expand{background: rgb(248, 248, 248) !important;}
     .header_list.expand{
 
         transform: translateX(0px);
         box-shadow: 2px 3px 4px rgb(227 227 227 / 60%);

         background-color: #262626 !important;
       }
   
       header  .container {
         padding-block: 0;
     }
 }
 @media (max-width:1200px){
     .slick-next{
        left:0; 
     }
     .slick-prev{
         right:0;
     }
         
 }
 
 @media only screen and (min-width:850px) and (max-width:1100px){
     .container {
         max-width: 900px !important;
     }
   
     .bannerText h1{ font-size:26px;}
     .bannerText p {
         font-size: 16px;
     }
     
 }


 
 @media only screen and (min-width:320px) and (max-width:479px) {
    .business-cont-lft h2{font-size: 20px !important;}
    .tech-tool .row > div {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 16px;
    }
    .tech-tool .row > div a {
        margin: 0 auto;
    }
    .banner-list ul li {
        color: #bcb4b4;
        padding-right: 10px;
        list-style-type: disc;
        margin-left: 10px;
        font-size: 14px;
        font-weight: 700;
    }
     .video-cont {
         margin-left: 7px;
     }
         .video-cont h3 {
             font-size: 13px !important;
         }
   
     h2.sub-head-title{font-size:20px;}

     .foot-lst.contact-lst{float:none;}
     .footer-wrapper .foot-lst {
         margin-top: 14px;
     }
     .container{padding:15px;}
 
     .solution-product {
         margin-bottom: 13px;
     }
     section.product, section.solutionsection, section.aboutus, .about-mission, .executive-section, .about-banner, .bannerSectionInner {
         padding: 20px 0px;
     }
     .footer-top-section {
         /* background: #0A164C; */
         padding: 20px 0px 30px 0px;
     }
 }
 @media only screen and (min-width:580px) and (max-width:767px) {
     .footer-wrapper .row > div {
         width: 50%;
     }
     .foot-lst h2{padding-bottom:8px;}
     .footer-wrapper .foot-lst{margin-top:3px !important;}
     .foot-left {
         margin-bottom: 18px;
     }
    
 }
 
 
 
 @media only screen and (min-width:768px) and (max-width:1100px) {
     .header_list li a {
         font-size: 14px;
     }
 }
 
 @media only screen and (min-width:320px) and (max-width:991px) {
     .foot-left p {
         font-size: 14px;
     }
     .foot-lst h2{font-size:17px;}
     .bannerText p {
         font-size: 16px;
     }
 
     .solution-product p {
         font-size: 14px;
     }
 
     .solution-product h4 {
         font-size: 16px;
     }
     .header_list li a{font-size:14px;}
     .video-cont h3{font-size:15px;}
 }
 @media only screen and (min-width:768px) and (max-width:1100px)
{
.header-common-btn{width:calc(100% - 156px);justify-content: center;}
button.getintouch{width:135px;}
.header_list {
    display: flex;
    gap: clamp(10px,1vw,46px);
    justify-content: center;
    align-items: center;
}
.process-product h4{font-size:20px;}
.banner-list ul li {
    color: #bcb4b4;
    padding-right: 9px;
    list-style-type: disc;
    margin-left: 14px;
    font-size: 14px;
    font-weight: 700;
}
.technologyText.bannerText h2.sub-head-title{font-size:32px;}
}
 

@media only screen and (min-width:820px) and (max-width:1100px) {
    .header_list li a {
     
        padding: 0px 5px;
    }
}
 

 
@media only screen and (min-width:864px) and (max-width:1100px) {
.busi-card-lst{padding: 16px 16px !important;}
.busi-card-lst h4{font-size: 18px !important;}
.busi-card-lst h4 span{font-size: 16px !important;}
}

@media only screen and (min-width:768px) and (max-width:863px) {
    .busi-card-lst{padding: 13px 13px !important;}
    .busi-card-lst h4{font-size: 16px !important;}
    .busi-card-lst h4 span{font-size: 14px !important;}
    }
    @media only screen and (min-width:320px) and (max-width:767px) {
        .busi-card-lst{padding: 16px 16px !important;}
        .busi-card-lst h4{font-size: 18px !important;}
        .busi-card-lst h4 span{font-size: 15px !important;}
        }
        
        @media only screen and (min-width:768px) and (max-width:1100px) {
        .team-content {
            max-width: 400px;
            width: 100%;
            margin-left: 20px;
        }
        .team-mg img {
            max-width: 450px;
            width: 100%;
        }
    }
    @media (max-width: 768px) {
        .steps {
          flex-direction: column;
          gap: 50px;
        }
  
        .big-num {
          position: absolute;
          font-size: 60px;
        }
      }
      @media only screen and (min-width:768px) and (max-width:990px) {
        .step:nth-child(3) {
            right: 4%;
            top: -77%;
        }
      }
      @media only screen and (min-width:320px) and (max-width:767px) {

      .process-section {
        background: transparent !important;
    }
    
    .step {
        left: 0px !important;
        top: 0px !important;
        position: unset !important;
    }
    
    .step .big-num {right: 0px !important;top: 0 !important;position: relative;font-size: 120px;}
    
    .timeline {
        height: unset;
    }
    
    .label p {
        margin-bottom: 0px !important;
    }
    
    .step:nth-child(1) .big-num {
        top: 5px !important;
    }
    
    .step:nth-child(2) .big-num {
        top: -17px !important;
    }
    
    .row.timeline-wrap {
        margin-bottom: 51px;
    }
    .timeline{margin-top:0px !important;}
}

@media only screen and (min-width:320px) and (max-width:479px) {
section.about-us p{margin-bottom: 0px !important;}
.about-us-mg{margin-top:-150px !important;}
}

@media only screen and (min-width:480px) and (max-width:600px) {
    section.about-us p{margin-bottom: 0px !important;}
    .about-us-mg{margin-top:-150px !important;}
    }

    @media only screen and (min-width:768px) and (max-width:990px) {
        .solution-content {
            width: 530px;
            max-width: 100%;
            margin-right: 30px;
        }
        .solution-button button{font-size:14px !important;}
        }

        @media only screen and (min-width:320px) and (max-width:767px) {
           
            .solution-button button{font-size:15px !important;}
            section.our-process.our-solutions {
                padding: 50px 0px !important;
            }
            .solution-lst .about-value-content {
                margin-bottom: 10px;
            }
            }

            @media only screen and (min-width:320px) and (max-width:1099px) {
            .bannerSectionInner{margin-top: 70px;}
            }

            @media only screen and (min-width:576px) and (max-width:767px) {
            section.solution-farm .col-sm-4.solutio-thr {
                width: 50%;
            }
        }