/* 1199 */
@media(max-width:1199px) {

    .main-nav {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .account-link {
        display: none;
    }

    .abt_product-card {
        min-height: 310px;
    }

    .abt_product-bottom {
        gap: 10px;
    }

    .abt_product-image {
        flex-basis: 45%;
    }


}

@media (max-width: 991px) {

    .ct_feature_card,
    .ct_service_box,
    .pt_shipping_sidebar {
        border: 0px;
    }

    .ct_grid_5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .pt_main_img img {
        height: 300px;
    }

    .pt_border_right {
        border-right: none;
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .pt_shipping_content {
        padding-left: 0;
    }

    .abt_choose_img img {
        height: 400px;
    }

    .verda_pack_image img {
        height: 300px;
    }

    .abt_content {
        padding-left: 0;
    }

    .abt_image-wrap {
        max-width: 450px;
    }

    .abt_main-image {
        height: 340px;
    }

    .abt_branding-left {
        left: -15px;
    }

    .abt_branding-right {
        right: -15px;
    }

    .abt_branding-image {
        width: 125px;
        height: 165px;
    }

    .abt_branding-content {
        max-width: 500px;
        padding: 0 100px;
    }

    .abt_feature-item {
        padding: 4px 15px;
        gap: 9px;
    }

    .abt_feature-icon {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
    }

    .abt_feature-item {
        width: 50%;
        padding: 10px 20px;
    }

    .abt_features-wrapper {
        flex-wrap: wrap;
    }

    .abt_feature-item:nth-child(2) {
        border-right: 0;
    }

    .abt_feature-item:nth-child(-n+2) {
        border-bottom: 1px solid #d9d3c8;
    }

    .abt_material-content {
        max-width: 68%;
    }


    .abt_material-image img {
        width: 160px;
        height: 135px;
    }
}


@media(max-width:767px) {
    .ct_top_bar_inner {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .abt_branding-left,
    .abt_branding-right {
        opacity: .35;
    }

    .abt_branding-left {
        left: -30px;
    }

    .abt_branding-right {
        right: -30px;
    }

    .abt_branding-content {
        max-width: 100%;
        padding: 0 35px;
    }

    h2 {
        font-size: 24px !important;
    }

    .er_section_heading,
    .er_success_title {
        font-size: 24px;
    }

    .vs_standard_box .col-md-3+.col-md-3 {
        border: 0px;
    }

    .vs_modal .modal-body {
        padding-inline: 30px;
    }

    .ct_top_bar_right {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .ct_about_img_main {
        text-align: center;
        margin-inline: auto;
    }

    .ct_about_img_main>img {
        height: 400px;
        margin-inline: auto;
    }

    .ct_grid_5 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ct_flex_col_767 {
        flex-direction: column;
    }



    .ct_rel_slider .owl-nav .owl-prev,
    .ct_rel_slider .owl-nav .owl-next {
        display: none;
    }

    .ct_banner_content h1 {
        font-size: 35px;
    }



    .ct_rel_title,
    .pt_product_info h2,
    .et_otp_title,
    .ct_section_title {
        font-size: 24px;
    }

    .pt_quality_note {
        flex-direction: column;
    }

    /* .why-images {
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        } */

    .abt_product-card {
        min-height: auto;
        padding: 20px;
    }

    .abt_product-bottom {
        align-items: center;
    }

    .abt_product-image {
        flex-basis: 45%;
    }

    .abt_product-list li,
    .abt_product-list li strong,
    .abt_product-list li span,
    .abt_product-list-group>strong {
        font-size: 14px;
    }

}

@media(max-width:575px) {

    .top-bar .d-flex {
        flex-direction: column;
        gap: 5px;
    }

    .mobile-menu {
        width: 280px;
    }

    .ct_btn_orange,
    .ct_btn_outline {
        width: 100%;
    }

    .ct_banner_btn_group {
        justify-content: center;
    }

    .ct_banner_content {
        left: 0px;
    }

    .ct_cta_btn_group,
    .pt_order_header {
        flex-direction: column;
        gap: 15px;
    }

    .ct_grid_5 {
        grid-template-columns: repeat(1, 1fr);
    }

    .ct_flex_col_575 {
        flex-direction: column;
    }

    .ct_search_box,
    .ct_sort_box,
    .pt_qty input {
        width: 100%;
    }

    .ct_w_100_575 {
        width: 100%;
    }

    .why-images {
        padding: 10px;
    }

    .er_order_actions {
        flex-direction: column;

    }

    .er_order_actions a {
        width: 100%;
    }

    .er_order_detail {
        grid-template-columns: 105px 34px 1fr;
    }

    .abt_image-wrap {
        max-width: calc(100% - 25px);
        margin-left: 0;
    }

    .abt_main-image {
        height: 300px;
    }

    .abt_leaf-badge {
        right: -25px;
        bottom: 15px;
        width: 75px;
        height: 75px;
    }

    .abt_branding-box {
        min-height: 330px;
    }

    .abt_branding-content {
        padding: 0 25px;
    }

    .abt_branding-left,
    .abt_branding-right {
        opacity: .2;
    }

    .abt_feature-item {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #d9d3c8 !important;
        padding: 12px 25px;
    }

    .abt_feature-item:last-child {
        border-bottom: 0 !important;
    }

    .abt_material-card {
        padding: 20px 18px;
    }

    .abt_material-content {
        max-width: 100%;
    }


    .abt_material-image img {
        width: 160px;
        height: 125px;
        opacity: 0.5;
    }

    .abt_product-bottom {
        flex-direction: column;
        align-items: stretch;
    }

    .abt_product-image {
        width: 100%;
    }

    .abt_product-list,
    .abt_product-list-groups {
        width: 100%;
    }
}

/* ==========================================================================
   TRESSED UP SALON RESPONSIVE OVERRIDES
   ========================================================================== */
@media (max-width: 991px) {
    .main-nav {
        display: none !important;
    }

    .menu-toggle {
        display: block !important;
    }

    .header-actions .ct_btn_book {
        display: none !important;
    }

    .mobile-menu .ct_btn_book {
        display: block !important;
        width: 100%;
        text-align: center;
        padding: 12px 20px;
        font-size: 13px;
        font-weight: 600;
        margin-left: 0 !important;
    }

    .ct_hero_title {
        font-size: 40px;
    }

    .ct_section_title {
        font-size: 32px;
    }

    .ct_stat_col {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-block: 15px;
    }

    .ct_stat_col:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .ct_service_box {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-block: 15px;
    }

    .ct_service_section .col-lg-3:last-child .ct_service_box {
        border-bottom: none;
    }
}

@media (max-width: 767px) {

    /* Top Bar Mobile */
    .ct_top_bar {
        padding: 6px 0;
        font-size: 11px;
    }

    .ct_top_bar_inner {
        flex-direction: column;
        gap: 3px;
        text-align: center;
    }

    .ct_top_bar_left,
    .ct_top_bar_right {
        font-size: 11px;
        justify-content: center;
    }

    .ct_top_bar_right .ct_order_tracker {
        font-size: 11px;
    }

    /* Header Bar Mobile */
    .site-header {
        padding: 8px 0;
    }

    .header-inner {
        flex-wrap: nowrap;
        gap: 6px;
        align-items: center;
    }

    .logo img {
        max-width: 135px !important;
        max-height: 42px;
    }

    .menu-toggle {
        display: block !important;
        font-size: 20px;
        color: #2D2D2D;
        background: transparent;
        border: none;
        padding: 0 2px;
        line-height: 1;
    }

    .header-actions {
        gap: 6px !important;
        flex-shrink: 0;
        align-items: center;
    }

    .header-icon-btn.cart-icon span {
        width: 14px;
        height: 14px;
        font-size: 8px;
        top: -3px;
        right: -3px;
    }

    /* Hero Banner Mobile */
    .ct_hero_section {
        padding: 60px 0 50px;
        min-height: 420px;
        text-align: center;
        background-position: center;
    }

    .ct_hero_content {
        margin: 0 auto;
    }

    .ct_hero_title {
        font-size: 28px !important;
        line-height: 1.2;
    }

    .ct_hero_desc {
        font-size: 13px !important;
        margin-bottom: 25px;
    }

    .ct_hero_btns {
        justify-content: center;
    }


    .ct_section_title {
        font-size: 24px !important;
    }

    .ct_about_text {
        font-size: 13px;
    }

    .ct_ba_card {
        height: 260px;
    }

    .ct_solution_card {
        height: 340px;
    }

    .ct_product_img {
        height: 230px;
    }

    .ct_footer {
        padding-top: 50px;
    }
}

@media (max-width: 575px) {
    .ct_stat_col {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ct_stat_col:last-child {
        border-bottom: none;
    }

    .ct_stat_item h3 {
        font-size: 38px;
    }

    .ct_stat_item p {
        font-size: 10px;
    }

    .ct_hero_btns {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .ct_btn_primary,
    .ct_btn_secondary {
        width: 100%;
        padding: 12px 20px;
        font-size: 11px;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .et_auth_header_tabs {
        gap: 30px;
    }

    .et_auth_tab_item {
        font-size: 26px;
    }
}

@media (max-width: 440px) {
    .logo img {
        max-width: 115px !important;
    }
}