@media only screen and (max-width: 1560px) {
    .ml-60 {
        margin-left: 30px;
    }

    .header-rt-btn a {
        font-size: 15px;
    }

    .main-header ul.navbar-nav li a {
        font-size: 15px;
    }

    .container {
        padding: 0 60px;
    }

    .banner-content-box {
        padding: 0 60px
    }

    .banner-sec {
        height: auto;
        background-size: cover;
    }

    .banner-content h1 {
        font-size: 92px;
    }

    .banner-content h3 {
        font-size: 42px;
    }

    .we-content h2 {
        font-size: 42px;
        line-height: 54px;
    }

    .cta-content h2 {
        font-size: 42px;
        line-height: 58px;
    }

    .video-sec {
        height: 500px;
    }

    .footer-links ul li a {
        font-size: 15px;
    }



}

@media only screen and (max-width: 1396px) {
    .main-header ul.navbar-nav li {
        margin: 0 10px;
    }

    .appoinment-content h3 {
        font-size: 53px;
        line-height: 58px;
    }

    .footer-links ul li a {
        font-size: 13px;
    }

    .footer-copyright p {
        font-size: 14px;
    }

    .welcome-content p {
        font-size: 15px;
        line-height: 22px;
    }

    .site-btn {
        font-size: 15px;
    }

  


}

@media only screen and (max-width: 1280px) {
    .main-header ul.navbar-nav li a {
        font-size: 13px;
    }

    .header-rt-btn a {
        font-size: 14px;
        padding: 7px 15px;
    }

    .product-sec .mt-60 {
        margin-top: 10px;
    }

    span.current-user {
        font-size: 14px;
    }

    .category-content-box h3,
    .content-wrap-box h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .cta-content h2 {
        font-size: 32px;
        line-height: 38px;
    }




}

@media only screen and (max-width: 1191px) {
    .main-header ul.navbar-nav li {
        margin: 0 5px;
    }

    .main-header ul.navbar-nav li a {
        font-size: 12px;
    }

    .main-header ul.navbar-nav li a {
        font-size: 10px;
    }

    .header-rt-btn a {
        font-size: 12px;
        padding: 7px 10px;
    }

    .main-header ul.navbar-nav li a {
        font-size: 10.7px;
    }

    .banner-content h1 {
        font-size: 72px;
    }

    .banner-sec img {
        width: auto;
        object-fit: cover;
        height: 500px;
    }

    .banner-sec {
        height: 500px;
        background-size: cover;
    }

    .banner-content p {
        font-size: 15px;
        line-height: 20px;
    }

    .site-btn {
        padding: 8px 20px;
        font-size: 15px;
    }

    .video-widget-box {
        height: auto;
    }

    .footer-links ul li a {
        font-size: 14px;
    }

    .footer-copyright p {
        font-size: 15px;
    }

    .woocommerce-shop.woocommerce ul.products li.product a img {
        height: 200px;
    }

    .woocommerce-shop.woocommerce h2.woocommerce-loop-product__title {
        font-size: 16px !important;
    }

    .woocommerce-shop.woocommerce ul.products li.product .button {
        font-size: 13px !important;
    }

    .search-page-section h2 {
        font-size: 20px;
    }

    .search-page-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .page-template-template-locator .inner-banner #salon-locator-container img {
        min-height: auto;
    }


    .single.single-product .single-product-thumb {
        margin-bottom: 30px;
    }

    .single.single-product .single-product-info h2 {
        font-size: 38px;
    }

    .single.single-product h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .single.single-product h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .single.single-product .product-desc p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .single.single-product .product-btn {
        font-size: 17px;
        font-weight: 400;
        height: 55px;
    }

    .woocommerce-account .page-title h1 {
        font-size: 32px;
    }

    .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
        width: 45.75%;
    }
    .woocommerce .woof_products_wrap ul.products li.first, .woocommerce-page .woof_products_wrap ul.products li.first {
        clear: none;
    }
    .woocommerce .woof_products_wrap ul.products li.last, .woocommerce-page .woof_products_wrap ul.products li.last {
        margin: 0 3.8% 2.992em 0 !important;
    }
    .woocommerce .woof_products_wrap .woocommerce-ordering, .woocommerce-page .woof_products_wrap .woocommerce-ordering {
        float: left;
    }



}

@media only screen and (max-width: 1024px){
    .main-header ul.navbar-nav li {
        margin: 0 10px;
    }
}
@media only screen and (max-width: 992px) {

    .top-header {
        height: 100px;
    }

    .header-flex {
        flex-direction: column;
        gap: 10px;
    }

    .main-header ul.navbar-nav {
        margin-left: 0px;
        text-align: center;
    }

    .header-rt-btn a {
        justify-content: center;
        width: fit-content;
        margin: auto;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 30px;
        /* Width of the hamburger menu */
        height: 4px;
        /* Height of each line */
        background-color: #A16B59;
        /* Base color of the lines */
        position: relative;
        cursor: pointer;
    }

    /* Top line */
    .navbar-toggler-icon::before {
        content: '';
        position: absolute;
        top: -10px;
        /* Space above the middle line */
        width: 100%;
        height: 100%;
        background-color: #A16B59;
        /* Match the color of the main line */
        border-radius: 2px;
    }

    /* Bottom line */
    .navbar-toggler-icon::after {
        content: '';
        position: absolute;
        top: 10px;
        /* Space below the middle line */
        width: 100%;
        height: 100%;
        background-color: #A16B59;
        /* Match the color of the main line */
        border-radius: 2px;
    }

    .navbar-toggler {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .main-header ul.navbar-nav li a {
        font-size: 15px;
    }

    .main-header ul.navbar-nav li {
       margin: 5px 5px;
        border-bottom: 1px solid #3333333d;
/*        padding-bottom: 15px;*/
            width: 100%;
    text-align: left;
    }
    .main-header ul.navbar-nav li:last-child{
        border-bottom: 0;
    }
    .btn-close-white{
        filter: none;
    }

    .header-rt-btn a {
        font-size: 15px;
    }

    .main-header .navbar-brand img {
        max-width: 100px;
    }

    .navbar-collapse {
        display: none;
    }

    .active.navbar-collapse {
        display: block;
    }

    .welcome-content h2 {
        font-size: 42px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .seller-sec {
        padding-bottom: 50px;
    }

    .appoinment-content {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .cta-sec {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .footer-middle {
        padding-bottom: 0;
    }

    .footer-copyright p {
        text-align: center;
    }

    .footer-social {
        display: flex;
        justify-content: center;
    }

    .inner-banner img {
        height: auto;
    }

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

    .category-img-box .cat-2 {
        max-width: 100%;
        width: 100%;
        position: relative;
        object-fit: contain;
    }

    .img-wrap-box img {
        max-width: 100%;
        width: 100%;
        height: 745px;
        object-fit: contain;
        margin-bottom: 20px;
    }

    .inner-banner img {
        min-height: 150px;
    }

    .product-gallery img {
        height: 492px;
        object-fit: cover;
        width: 100%;
    }

    .newsletter-box {
        max-width: 100%;
    }

    .container {
        padding: 0 20px;
    }

    .woocommerce-shop div#woof_tax_select_product_cat_chosen {
        width: 230px !important;
    }

    /*.woocommerce-shop.woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-shop.woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }*/

    .page-template-template-locator #salon-locator-container h3 {
        font-size: 14px;
    }

    .page-template-template-locator #salon-locator-container p {
        color: #9C9492;
        font-size: 14px;
        line-height: 20px;
    }

    .page-template-template-locator .address-item {
        width: 100%;
    }

    .page-id-538 .page-title h1 {
        font-size: 32px;
    }

    .page-id-538 h3 {
        font-size: 18px;
    }

    .woocommerce-cart .page-title h1,
    .woocommerce-checkout .page-title h1 {
        font-size: 32px;
    }

    .woocommerce-cart .actions .coupon button {
        font-size: 15px;
        font-weight: 500;
    }

    .woocommerce-cart .checkout-button.button.alt.wc-forward {
        font-size: 17px;
    }

    .woocommerce-checkout .woocommerce .col2-set .col-1,
    .woocommerce-checkout .woocommerce-page .col2-set .col-1,
    .woocommerce-checkout.woocommerce .col2-set .col-2,
    .woocommerce-checkout.woocommerce-page .col2-set .col-2 {
        padding: 10px;
        margin-bottom: 10px;
    }

    .page-template-template-locator .inner-banner h2 {
        font-size: 20px;
    }











}



@media only screen and (max-width: 767px) {
    .main-header.newheader {
        padding: 10px 0px;
    }
    .we-content h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .header-right-part ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    

    .header-right-part ul li form {
        display: flex;
    }

    .banner-content-box {
        padding: 0 15px;
    }

    .main-header {
        padding: 15px 15px;
    }

    .main-header .navbar-brand img {
        max-width: 75px;
    }

    .navbar-toggler-icon {
        width: 25px;
        height: 3px;
    }

    .navbar-toggler-icon::before {
        top: -8px;
        left: 8px;
    }

    .navbar-toggler-icon::after {
        top: 8px;
        left: 8px;
    }

    .banner-content h1 {
        font-size: 48px;
        line-height: 82px;
    }

    .banner-content h3 {
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 20px;
    }

    .top-header select#lang_choice_1 {
        font-size: 15px;
    }

    .welcome-sec {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .container {
        padding: 0 15px;
    }

    .welcome-img img {
        height: 370px;
        object-fit: cover;
        width: 100%;
    }

    .footer-desc-box {
        gap: 20px;
        flex-direction: column;
    }

    .footer-copyright p {
        text-align: center;
        line-height: 22px;
        font-size: 15px;
    }

    .footer-middle {
        padding: 30px 0;
    }

    .footer-subscribe .wpcf7-spinner {
        position: absolute;
    }

    .footer-subscribe .rr-btn {
        position: relative;
        right: 0;
        top: -25px;
        border-radius: 0;
        width: 100%;
        text-align: end;
    }

    .title-heading h2 {
        font-size: 33px;
        text-align: center;
        margin-bottom: 15px;
    }

    .video-sec {
        height: auto;
    }

    .video-widget-box button {
        width: 70px;
        height: 70px;
    }

    .video-widget-box button i {
        font-size: 22px;
    }

    .form-btn {
        padding: 7px 35px;
        font-size: 16px;
    }

    .cta-content h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .appoinment-content h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .appoinment-content {
        max-width: fit-content;
        margin-left: 20px;
        margin-right: auto;
    }

    .appointment-img img {
        height: auto;
    }

    .product-sec {
        padding: 45px 0;
    }

    .product-sec .title-btn-box {
        display: flex;
        justify-content: center;
    }

    .product-sec p {
        text-align: center;
    }

    .welcome-content h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .welcome-content p {
        font-size: 15px;
        line-height: 26px;
    }

    .welcome-grid-box {
        margin-top: 50px;
        grid-template-columns: repeat(1, 1fr);
    }

    .welcome-sec .site-btn {
        padding: 8px 20px;
        font-size: 15px;
        margin: auto;
        display: block;
        width: fit-content;
    }

    .seller-sec .title-btn-box {
        display: flex;
        justify-content: center;
    }

    footer i.fab.fa-whatsapp {
        font-size: 30px !important;
    }

    .main-header {
        top: -1px;
    }

    .footer-logo {
        margin-bottom: 30px;
        max-width: 150px;
    }

    .category-content-box h3,
    .content-wrap-box h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .content-wrap-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .img-wrap-box img {
        max-width: 100%;
        width: 100%;
        height: 250px;
        object-fit: contain;
        margin-bottom: 20px;
    }

    .category-img-box .cat-2 {
        height: auto;
    }

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

    .archive .gx-5 {
        --bs-gutter-x: 0rem;
    }

    .category-content-box p {
        font-size: 15px;
        line-height: 28px;
    }

    .page-template-template-education .wt-product-detail {
        padding: 20px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .page-template-template-education .product-cart-box {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 200px;
    }

    .page-template-template-education .product-gallery {
        height: auto;
    }

    .page-template-template-education .product-gallery img {
        height: 287px;
    }
    .footer-subscribe input{
        padding-right: 24px;
    }

    .wt-product-detail h2 {
        font-size: 21px;
        line-height: 28px;
    }

    .page-template-template-education .education-sec .product-lt-width {
        width: 100%;
    }

    .page-template-template-education .education-sec {
        padding-bottom: 0px;
    }

    .product-box .img-wrapper .product-image .pro-first {
        height: auto;
        padding: 10px 10px;
    }

    #favourite-product h5.product-title a {
        font-size: 15px;
        margin-top: 15px;
    }

    #favourite-product span.price {
        font-size: 15px;
    }

    .page-template-template-about .instagram-sec {
        padding-top: 0px;
    }

    .woocommerce-shop.woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-shop.woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }

    .woocommerce-shop.woocommerce ul.products li.product a img {
        height: auto;
        min-height: auto;
    }

    .woocommerce-shop.woocommerce .woof_container_inner h4,
    .woocommerce-shop.woocommerce .page-title {
        font-size: 20px;
    }

    .page-template-template-locator #salon-locator-container {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .single.single-product .single-product-info h2 {
        font-size: 32px;
    }

    .woocommerce-checkout .woocommerce form .form-row-first,
    .woocommerce-checkout .woocommerce form .form-row-last,
    .woocommerce-checkout .woocommerce-page form .form-row-first,
    .woocommerce-checkout .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .woocommerce-account .woocommerce form .form-row-first,
    .woocommerce-account .woocommerce form .form-row-last,
    .woocommerce-account .woocommerce-page form .form-row-first,
    .woocommerce-account .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        border: 1px solid #e9e9e9;
        padding: 10px 10px;
    }

    .top-header .header-right-part form input {
        width: 70%;
    }
    .category-box{
        gap: 15px;
    }
    .single-product-info h6 {
        font-size: 18px;
    }
    .instagram-sec {
        padding-top: 10px;
    }
    .instagram-sec .title-heading {
        margin-bottom: 30px;
    }
    .content-sec {
        padding: 40px 0;
    }
    .category-content-box h4{
        margin-bottom: 10px;
    }
    .category-content-box h3{
        margin-bottom: 15px;
    }
    .cta-content{
        margin-bottom: 20px;
    }
    .cta-form .form-control {
        height: 50px;
    }
    .we-sec {
        padding: 50px 0;
    }
    .brand-slider .owl-item img {
        max-width: 123px;
    }
    .product-box .img-wrapper .product-image .pro-first {]
        height: 300px;
    }
    .single-product-info .size-box table tr label{
        text-align: left;
    }
    .single-product-info .size-box table tr{
      display: flex;
      flex-direction: column;
    }
    .offcanvas-body .align-items-center{
        align-items: start !important;
    }
    .header-rt-btn a{
        margin-left: 0;
    }

}

@media only screen and (max-width: 575px){
    .top-header {
        padding: 15px 20px;
    }    
    .banner-sec {
        height: 444px;
    }
    .banner-sec img {
        height: 444px;
    }
    .welcome-content h2 {
        font-size: 30px;
    }
    .welcome-brand-box {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .we-content {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 600px){
    /* sumit start */
    .top-header {
        height: auto;
    }
    .top-header .top-header-content span.current-user{ 
        white-space: nowrap; 
        width: 50px; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
     /* sumit end */
    .header-flex {
        flex-direction: row;}
    .header-right-part ul li.search-input{
      display: none;
    }
    .product-image a img {
    height: auto !important;
/*      height: 200px !important;*/
    }
}
@media only screen and (max-width: 575px){
    /*.main-header .navbar.navbar-expand-lg .container-fluid.p-0{position: relative;}
    .main-header .navbar.navbar-expand-lg .container-fluid.p-0 button{
        position: absolute;
        top: -5px;
        right: 20px;     }
    .main-header .navbar.navbar-expand-lg .container-fluid.p-0 .navbar-brand{
        position: absolute;
        top: -15px;
        left: 20px;     }*/
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: left;
    }
   .main-header .navbar {
      
        margin-bottom: 0!important;}
        .main-header {
            padding: 15px 0 15px 0;
        }
    
}

@media only screen and (min-width: 601px){
   
    .search-mobile{
        display: none;
    }
    .search-visible{
        display: none;
    }
}