@media(min-width:768px) {
    .wrapper__sec__05 .wrapper__container__full {
        padding-left: calc(50% - 640px);
    }
}

@media(min-width:992px) {

    .wrapper__sec__08_row {
        margin: 0px -26px;
    }

    .wrapper__sec__08_row .sec__08__col {
        padding: 0px 26px;
    }

    .sec__11__contact__row {
        margin: 0px -10px;
    }

    .sec__11__contact__row .contact_col {
        padding: 0px 10px;
    }
}

@media(min-width:1201px) and (max-width:1330px){
    .wrapper__header__nav {
        display: flex;
        justify-content: center;
    }
    .wrapper__header__col__start {
        max-width: 296px;
        width: 100%;
        padding-right: 50px;
    }
    .wrapper__header__col__end {
        max-width: calc(100% - 900px);
        width: 100%;
        display: flex;
        justify-content: end;
    }
    
}

@media (min-width: 1200px) {
    #toggle_menu_btn {
        display: none !important;
    }

    .close_nav {
        display: none;
    }
}

@media (max-width: 1200px) {
    .site_brand_toggle .bar {
        width: 28px;
        height: 1px;
        background: var(--color__black);
        display: block;
        position: relative;
        margin: 7px 0;
        transition: all 0.5s ease;
    }

    .wrapper__header__col__center .close_nav {
        font-size: 26px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 21px;
        right: 10px;
        padding: 6px 10px;
        z-index: -9;
        opacity: 0;
        visibility: hidden;
    }

    .wrapper__header__col__end .wrapper__btn__01.wrapper__btn__blue {
        display: none;
    }

    .wrapper__header__nav nav {
        position: absolute;
        left: 0;
        width: 100%;
        top: 150px;
        padding: 0 15px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        margin: 0;
    }

    .wrapper__header__col__start {
        max-width: fit-content;
        padding: 0px;
    }

    .wrapper__header__row .wrapper__header__col__center {
        max-width: fit-content;
    }

    .wrapper__header__logo img {
        max-width: 160px;
    }

    .wrapper__header__row {
        flex-wrap: nowrap !important;
    }

    .wrapper__header__row .wrapper__header__col__end {
        max-width: fit-content;
        margin-left: auto;
    }

    .wrapper__header {
        padding: 8px 0;
    }

    header.wrapper__header {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 99;
    }

 


    body.nav-open .wrapper__header__nav nav {
        visibility: visible;
        opacity: 1;
        position: fixed;
        background: var(--color__blue);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
        transition: all 0.3s ease;
        margin: 0;
        overflow: hidden;
        padding: 0 15px;
    }

    body.nav-open .wrapper__header__col__center .close_nav {
        opacity: 1;
        z-index: 9999;
        visibility: visible;
        top: 4px;
        right: 10px;

    }

    .wrapper__header__nav nav ul {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 16px 0px;
        padding-top: 30px;
    }

    .wrapper__header__nav nav ul li a {
        color: var(--color__white);
    }

}


@media (min-width:768px) and (max-width:1024px){
    .mt__50 {
        margin-top: 25px;
    }
    .py__80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .mb__80 {
        margin-bottom: 60px;
    }
    .wrapper__service__card__col {
        max-width: calc(100% / 1);
    }
    .wrapper__service__card__row {
        gap: 30px 0px;
    }
    .wrapper__sec__03__col__left, .wrapper__sec__03__col__right {
        max-width: 50%;
    }
    .wrapper__sec__03__col__left__col {
        max-width: calc(100% / 1);
    }
    .wrapper__sec__04__row {
        gap: 50px 0px;
    }
    .wrapper__sec__04__box{
        max-width: 50%;
        width: 100%;
    }
    .wrapper__sec__05__row__left, .wrapper__sec__05__row__right{
        max-width: 100%;

    }
    .wrapper__sec__05__row__left.py__80 {
        padding: 40px;
    }
    .wrapper__sec__06__left, .wrapper__sec__06__right {
        max-width: 50%;
        width: 100%;
    }
    .wrapper__sec__06__right__inner {
        gap: 10px 30px;
    }
    .count_fs {
        font-size: 50px;
        line-height: 70.52px;
    }
    .sec__07__card:nth-child(2) {
        display: none;
    }
    .wrapper__sec__07__box__wrapper figure {
        flex: 0 0 100%;
        width: 100%;
        margin: 0px 0px 20px !important;
        height: auto;
    }
    .wrapper__sec__07__box__wrapper {
        flex-wrap: wrap;
    }
    .wrapper__sec__12__left, 
    .wrapper__sec__12__right,
     .wrapper__sec__09__left, .wrapper__sec__09__right {
        max-width: 50%;
        width: 100%;
    }
    .wrapper__sec__08_row.row {
        gap: 50px 0px;
    }
    .sample_view_wrapper .sample_btn_wrapper{
        padding: 0px;
        margin-bottom: 40px;
    }
    .wrapper__sec__11__left, .wrapper__sec__11__right {
        max-width: 50%;
        width: 100%;
    }
    .wrapper__sec__11__right {
        padding: 20px;
    }
    .sec__11__contact__row.row .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer__wrapper__row {
        gap: 20px 30px;
    }
}
/* ws-14-04-2025 */
@media(max-width:1024px){
     .wrapper__service__col__left,.wrapper__service__col__right,
     .wrapper__sec__03__col__left,
     .wrapper__sec__03__col__right{
        max-width: 100%;
    }
    .wrapper__service__row{
        row-gap: 30px;
    }
    .wrapper__sec__03__col__right__content {
        padding-top: 30px;
    }
    .wrapper__sec__04__box{
        padding-right: 15px;
        padding-left: 15px;
    }
    .wrapper__sec__04__row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .wrapper__sec__06__left, .wrapper__sec__06__right{
        max-width: 100%;
    }
    .wrapper__sec__06__right__inner{
        justify-content: center;
        gap: 10px 60px;
    }
    .wrapper__sec__07_row {
        margin-left: -15px;
        margin-right: -15px;
        row-gap: 30px;
    }
    .sec__07__card{
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer__wrapper__row {
        column-gap: 0;
    }
    .footer_links_wrapper {
        max-width: 50% !important;
        padding: 0 !important;
    }
    .wrapper__sec__01 {
        padding: 40px 0 40px;
        background-position: 62% center;
    }

}
/* we-14-04-2025 */

@media(max-width:767px) {

    /* heading start */
    h1 {
        font-size: 40px;
        font-weight: 700;
        line-height: 58.09px;
        color: var(--color__black);
    }

    h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 44.47px;
        color: var(--color__black);
    }

    h3 {
        font-size: 28px;
        font-weight: 700;
        line-height: 46.3px;
        color: var(--color__black);
    }

    h4 {
        font-size: 26px;
        font-weight: 700;
        line-height: 43.58px;
        color: var(--color__black);
    }

    h5 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        color: var(--color__black);
    }

    h6 {
        font-size: 20px;
        font-weight: 600;
        line-height: 32.38px;
        color: var(--color__black);
    }

    p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        color: var(--color__black);
    }

    /* heading End */

    /* padding */
    .py__80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .py__50 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* margin  */
    /* margin bottom */

    .mb__10 {
        margin-bottom: 8px;
    }

    .mb__12 {
        margin-bottom: 10px;
    }

    .mb__14 {
        margin-bottom: 10px;
    }

    .mb__16 {
        margin-bottom: 14px;
    }

    .mb__18 {
        margin-bottom: 16px;
    }

    .mb__20 {
        margin-bottom: 16px;
    }

    .mb__22 {
        margin-bottom: 16px;
    }

    .mb__24 {
        margin-bottom: 20px;
    }

    .mb__26 {
        margin-bottom: 20px;
    }

    .mb__28 {
        margin-bottom: 20px;
    }

    .mb__30 {
        margin-bottom: 20px;
    }

    .mb__32 {
        margin-bottom: 22px;
    }

    .mb__34 {
        margin-bottom: 22px;
    }

    .mb__36 {
        margin-bottom: 24px;
    }

    .mb__38 {
        margin-bottom: 24px;
    }

    .mb__40 {
        margin-bottom: 20px;
    }

    .mb__42 {
        margin-bottom: 20px;
    }

    .mb__44 {
        margin-bottom: 22px;
    }

    .mb__46 {
        margin-bottom: 22px;
    }

    .mb__48 {
        margin-bottom: 23px;
    }

    .mb__50 {
        margin-bottom: 25px;
    }

    .mr__10 {
        margin-right: 10px;
    }

    .wrapper__btn__01 {
        padding: 10px 25px;
    }

    .mb__80 {
        margin-bottom: 40px;
    }

    .mt__50 {
        margin-top: 25px;
    }

    /* page css start*/

    .wrapper__sec__card {
        max-width: 100%;
        padding:25px 20px;
    }

    /* page css end*/
 

    .wrapper__sec__card__btn,
    .wrapper__sec__card__or,
    .wrapper__sec__card__mail {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .wrapper__sec__card__mail a {
        display: block;
        word-break: break-all;
    }

    .wrapper__sec__card p.mb__10.font__600 .wrapper__btn__02 {
        display: inline-block;
    }

    .wrapper__service__col__left,
    .wrapper__service__col__right,
    .wrapper__sec__03__col__left,
    .wrapper__sec__03__col__right {
        padding: 0px;
        max-width: 100%;
    }

    .wrapper__service__card__col,
    .wrapper__sec__03__col__left__col {
        max-width: calc(100% / 1);
    }

    .wrapper__service__card__row {
        gap: 25px 0px;
    }

    .wrapper__service__col__left {
        margin-bottom: 30px;
    }

    .wrapper__sec__04__row {
        gap: 30px 0px;
    }

    .wrapper__sec__04__box {
        max-width: 100%;
    }

    .wrapper__sec__05__row__right {
        order: -1;
        max-width: 100%;
    }

    .wrapper__sec__05__row__left {
        padding-left: 40px;
    }

    .wrapper__sec__05__row__left .gary_box_wrapper {
        flex-wrap: wrap;
    }

    .gary_box_wrapper .gary_box_wrapper_inner {
        max-width: 100%;
    }

    .gary_box_wrapper::before {
        opacity: 0;
    }

    .wrapper__sec__06__left,
    .wrapper__sec__06__right,
    .wrapper__sec__09__left,
    .wrapper__sec__09__right,
    .wrapper__sec__12__left,
    .wrapper__sec__12__right {
        padding: 0px;
        max-width: 100%;
    }

    .wrapper__sec__06__right__inner {
        gap: 30px 20px;
        justify-content: center;
    }

    .count_fs {
        font-size: 45px;
        line-height: 54.52px;
    }
    .counter_box {
        text-align: center;}
    

    .wrapper__sec__07__box__wrapper {
        flex-wrap: wrap;
    }

    .wrapper__sec__07__box__wrapper figure {
        flex: 0 0 100%;
        width: 100%;
        margin: 0px 0px 20px !important;
        height: auto;
    }

    .wrapper__sec__07__box.m-col {
        display: none;
    }

    .wrapper__sec__08_row.row {
        gap: 50px 0px;
    }

    .sample_view_wrapper .sample_btn_wrapper {
        padding: 0px;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .wrapper__sec__11__left {
        display: none;
    }

    .wrapper__sec__11__right {
        max-width: 100%;
        width: 100%;
        padding: 40px 15px;
    }

    .sec__11__contact__row.row .contact_col {
        margin-bottom: 30px;
    }

    .wrapper__sec__12__left {
        padding-bottom: 40px;
    }

    .common_faq_wrapper .collapse-box {
        padding: 16px 16px;
    }

    .collapse_box_title .title {
        max-width: 270px;
    }

    .collapse_box_title .title {
        font-size: 18px;
        line-height: 22px;
    }

    .footer__wrapper__row {
        gap: 30px 0px;
    }

    .footer_links_wrapper.links_1,
    .footer_links_wrapper.links_2,
    .footer_links_wrapper.links_3,
    .footer_links_wrapper.links_4 {
        max-width: 100%;
        width: 100%;
    }

    /* ws - 14-04-2025  */
    .sec__07__card {
        max-width: calc(100% / 1);}
        .footer_links_wrapper {
            max-width: 100% !important;
        }
    .wrapper__sec__03__col__left__col__card__content .text__23 {
        font-size: 50px;
    }
    .wrapper__sec__03__col__left__col__card__content .text__years {
    font-weight: 700;
    font-size: 22px;}
    .wrapper__sec__04__box_inner figure img {
        width: 40px;
        height: 40px;}

        .wrapper__sec__05__row__left {
            padding-left: 20px;
            padding-right: 20px;
        }
        .gary_box_wrapper_inner:first-child {
            border-bottom: 1px solid #757575;
        }
        .wrapper__sec__09__row {
            row-gap: 30px;
        }
        .wrapper__sec__11__inner {
            padding-left: 15px;
            padding-right: 15px;
        }
        .sec__11__contact__row {
            row-gap: 0;
        }
        .form_input .form-control {
            padding: 16px 30px;
            height: 50px;}
      
    /* we - 14-04-2025  */
     

}

@media (max-width: 576px) {
    .wrapper__sec__01 {
        background-position: 58% center;
    }
    .counter_box {
        min-width: 68px;
    }
}