/* for mobile  header */
@media (max-width:1599px) {
.hero-img img{    width: 47%;}
}


@media(max-width:1399px) {

    .hero-content{padding-right: 0;}
    h1 {font-size: 30px;}
    h2 {        font-size: 23px;    }
    h3 {        font-size: 19px;    }
    .employee-sec .inner-banner-content p {        font-size: 18px;    }
    .case-study-content p,.case-study-content ul li,.case-study-content ol li {        font-size: 17px;    }

    }
    @media(max-width:1299px) {

    .hero-img img { width: 50%; }
    }
    @media(min-width:1200px) and (max-width:1300px) {

    }
    @media (max-width:1199px) {
.hero-img img { width: 55%; }
    }
    @media(max-width:991px){
      header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;}
      .topbar { width:100%; position:relative;z-index: 999;padding: 15px 0;}
      .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
      .topbar .logo img{width: 180px;}


      .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
      .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
      .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: #000;}


      .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;background-color: #fbfaff;padding: 6px 0;}
      .topbar.sticky .logo img{width: 120px;}
      .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
      .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
          margin-right: 20px;  line-height: 1;}
      .topbar ul.top_right_contents li:last-child {margin-right: 0;}
      .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
      .topbar ul.top_right_contents li a i {font-size: 26px;}
      .topbar ul.top_right_contents li a i.user { font-size: 34px;}
      .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
      .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
      .menu_toggler {margin:15px 0 0;}
      .menu_toggler .icons {font-size:26px; color:#212121}
      .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
      .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
      .menu_close {text-align: start;padding:5px 20px 0 0;margin-bottom: 20px;}
      .menu_close img {width: 20px;filter: invert(1);}
      .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--secondary); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
      .mobile_menu_wrap .form-control{width: 80%;}
      .mobile_menu_wrap.menu_show {right:0;}
      .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
      .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
      .mobile_menu_wrap ul.main_menu li{color: #fff;}
      .main_menu li.active a{color:var(--text-color);font-weight: bold;}
      .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
      .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
      .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 0px;width: 100%; color: #fff ;}
      .mobile_menu_wrap ul li.hassub { position: relative;width: 100%;display: inline-block;}
      .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;width: 100%;text-align: end;}
      .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px; background:var(--secondary); margin:0; transition: all linear 0.3s; padding:48px 0px 100px 16px; overflow: auto; z-index: 9; visibility:hidden;}
      .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
      .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #868585;left: 0;}
      .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 0;padding-left: 15px;}
      .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
    /* .hero-img{flex-grow: 1;position: relative;min-height:unset;} */
    /* .hero-img img{    position: absolute; left: 0;  width: calc(100% + (50vw - 390px) + 8px); max-width: none;right: unset;  object-fit: cover; top: 0;} */
    .container-fluid{padding: 0 16px !important;max-width: 100% !important;}
    .hero-content ul li{width: 100%;gap: 10px;}
    .hero-section{padding: 60px 0;}
    .hero-content .kicker p{font-size: 20px;}
    .hero-content ul {margin-bottom: 0;padding-right: 50vw;}
    .product-card a img{height: unset;aspect-ratio: 1/.5;margin-bottom: 0;filter: unset;}
    .product-card .product-content{padding: 9px 10px !important;}
/*     .product-card .product-content .product-btn{text-align: right;} */
    .product-btn a{margin-right: 16px;}
    .product-card{border-radius: 8px;border: 1px solid #0000001A;}
    .product-card p{display: none;}
    .timeline-sec{display: none;}
    .product-card.product-card-sm p{display: none;}
    .Article-sec .product-card .product-content{min-height: unset;padding-inline: 10px !important;}
    /* .kind-sec .row{gap: 40px;} */
    .kind-sec .kind-card{margin-bottom: 40px;}
    .kind-sec .col-lg-4:nth-last-child(1) .kind-card{margin-bottom:0;}
    .employee-sec .inner-banner-content {margin-top: 20px;}
    .employee-sec .employee-list {
        border-left: 0;
        border-bottom: 2px solid #ae93ff;
        display: flex;
        align-items: center;
        width: fit-content;
        gap: 10px;
}
.employee-sec .employee-list li.active::before {content: "";position: absolute;left: 0;height: 2px;width: 100%;background-color: var(--primary);bottom: -2px;}
.employee-sec .employee-list li a{margin-bottom: 8px !important;padding: 0;}
.employee-sec .employee-list {border-bottom: none;flex-wrap: wrap;gap:5px  16px;}
.employee-sec .employee-list li::before{display: none;}
.employee-sec .employee-list li a {margin-bottom: 0 !important;}
.employee-sec .inner-banner-content {
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    min-height: unset;
    z-index: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.case-study-content ol li{font-size: 16px;}
     }
    @media (max-width:768px) {
    .hero-content h1{font-size: 28px;}
    /* .hero-img img{  width: calc(100% + (50vw - 320px) + 8px); top: -40px;} */

    .hero-content { padding-right: 0px; }
    .employee-sec .inner-banner-content {
        box-shadow:none;
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        min-height:unset;
        z-index: 1;
        border-top-left-radius:0;
        border-top-right-radius:0;
    }
    .inner-banner .inner-banner-img img {
        height: auto;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 21px;
    }
    h4{
        font-size: 16px;
    }
    .employee-sec .employee-list li a {

        font-size: 16px;
    }
    .acount-info span {

        font-size: 16px;
    }
    .product-heading p{display: none;}
    footer{padding-top: 60px;}
    .footer-bar p {
    font-size: 14px;
}
.Article-sec .product-card.product-card-sm h4{display: block;height: auto;}
.product-sec .product-heading h2{margin-bottom: 30px;}
.mobile-hide{display: none;}
.kind-sec .product-heading{margin-bottom: 12px;}
    }
    @media (max-width:667px) {
        .hero-img img {width: 44%; }
        .hero-content ul{padding-right: 0;}
    }
    @media (max-width:580px) {
    /* .hero-img img {  width: calc(100% + (50vw - 280px) + 8px); } */
    .hero-content ul li p{font-size: 16px;}
    .hero-content ul li .hero-list-img{min-width: 30px; max-width: 30px; height: 30px;padding: 8px;}
    section{padding: 30px 0;}
    }
    @media (max-width:575px) {
        /* .hero-img img {width: calc(100% + (50vw - 240px) + 8px);} */
        .hero-section{padding: 40px 0 16px;}

       .case-study-content p,.case-study-content ul li ,.case-study-content ol li {
        font-size: 16px;
        line-height: 24px;
    }
    .employee-sec .inner-banner-content p {
        font-size: 16px;
        line-height: 24px;
    }
    p {font-size: 16px; line-height: 24.98px; }

}
    @media (max-width:525px) {
        .hero-content .kicker{margin-bottom: 16px;}
        .hero-content h1{font-size: 20px;font-weight: 400;}
        .product-sec{padding-top: 0;}
    }
    @media (max-width:500px) {

    }
    @media (max-width:480px) {
    .hero-content h1{font-size: 16px;}
     /* .hero-img img{  width: calc(100% + (50vw - 220px) + 8px);} */
    }
    @media (max-width:450px) {
     section{padding: 20px 0;}
    h2{font-size: 24px;line-height: 1.2;}

    }
    @media (max-width:414px) {


     #testiminial .kind-card p{font-size: 16px;line-height: 1.5;}
    }
    @media (max-width:400px) {

    }
    @media (max-width:375px) {

    }
    @media (max-width:360px) {

    }




    @media (min-width:1600px) {
        header .container-fluid , .container-fluid.fluid-control {
            max-width: 97%;
        }
    

        .container-fluid {
            max-width: 92.6%;
        }
        /* .container-control{    max-width: 1505px;} */
    }
    @media (max-width:1599px) {
        header .container-fluid , .container-fluid.fluid-control {
            max-width: 97%;
        }
        .container-fluid {
            max-width: 98.8%;
        }
        .container-fluid.container-control{max-width: 95.5%;}
    }