@media (max-width:407px) {
    #templatemo_main_nav .navbar .nav-icon{
        margin-top: 10px;
    }
}
@media (max-width:569px) {
    #templatemo_main_nav .navbar .nav-icon{
        margin-right: 10px!important;
    }
}



@media (max-width:991px) {

    .orders{
        order: 1!important;
        flex: 0 0 auto!important;
        width: 16.6666666667%!important;
    }
    .order-main{
        order: 2!important;
        flex: 0 0 auto!important;
        width: 50%!important;
    }
    .order-detail{
        flex: 0 0 auto!important;
        width: 50%!important;
    }

    .category_name h4{
        font-size: 1.3rem!important;
    }

    .category_price span{
        font-size: 15px;
    }

    .pr_colors .pr_col_na{
        font-size: 15px;
    }
    .pr_colors span{
        font-size: 15px;
    }

    .desc-respo .desc-head{
        text-align: center;
    }
    .desc-respo{
        text-align: start;
        display: block!important;
    }
    .ma-top{
        margin-top: -6rem!important;
        height: 26rem!important;
    }

    .menu-respo{
        display: block!important;
        display: flex!important;
        margin: 0 auto!important;
    }
}

@media (max-width:767px) {
    .product_name h2{
        font-size: 1rem!important;
    }
    .orders{
        width: 26.666667%!important;
    }

    .order-detail{
        flex: 0 0 auto!important;
        width: 30%!important;
    }
    .desc-respo{
        margin-top: 25px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
    }

    .desc-respo .desc-head h4{
        font-size: 19px;
    }

    .splide{
        display: block!important;
        width: 29rem;
        padding-left: 4rem;
        margin-bottom: 20px;
    }
    .splide__slide img{
        width: 80px!important;
        height: 80px!important;
    }



}


@media (max-width:728px){
    .slider-text-container{
        width: 450px!important;

      }
}


@media (max-width:620px){
    .slider-text-container{
        width: 400px!important;

      }
}



@media (max-width:570px){
    .slider-text-container{
        width: 350px!important;

      }
}



@media (max-width:540px){
    .slider-text-container{
        width: 370px!important;
        left: 50px!important;
    }


}



@media (max-width:450px){
    .slider-text-container{
        width: 370px!important;
        left: 20px!important;
    }
}



@media (max-width:420px){

    .slider-text-container{
        width: 300px!important;
        left: 20px!important;
    }


    .slider-text-container h1{
        font-size: 17px;
    }

    .slider-text-container p{
        font-size: 13px!important;
    }
}
@media (max-width:580px){
    .menu-respo{
        flex-direction: column;
    }

    .menu-item{
        margin-bottom: 10px;
        text-align: center;
    }

    .basket-respo{
        width: 300px!important;
        left: -70px;
    }
}

@media (max-width:537px) {
    .desc-respo{
        text-align: center;
    }

    .orders{
        width: 22.666667%!important;
    }

    .order-detail{
        flex: 0 0 auto!important;
        width: 40%!important;
        padding-right: 5px!important;
    }
    .category_name h4{
        font-size: 1rem!important;
    }
}

@media (max-width:510px) {
    .ma-top{
        position: relative;
    }
    .orders{
        position: absolute;
        width: 48%!important;
        top: 21rem;
    }
    .orders .image_list{
        display: flex;
    }
    .order-detail{
        width: 50%!important;
    }
    .order-main{
        width: 50%!important;
    }
    .btn-f{
        display: flex;
        flex-direction: column;
    }
    .desc-respo .desc-head h4{
        font-size: 15px!important;
    }
    .desc-respo span{
        font-size: 13px!important;
    }
}

@media (max-width:480px) {
    .orders{
        width: 52%!important;
    }
    .order-main{
        width: 57%!important;
    }
    .order-detail{
        width: 30%!important;
    }
    .category_name h4{
        font-size: 13px!important;
    }
    .product_name h2{
        font-size: 15px;
    }
    .category_price span{
        font-size: 13px;
    }
    .pr_colors .pr_col_na{
        font-size: 13px;
    }
    .pr_colors span{
        font-size: 13px;
    }
    .order-main{
        width: 63%!important;
    }
    .orders{
        width: 60%!important;
    }
}

@media (max-width:390px) {
    .orders{
        margin-top: -27px!important;
    }

    .order-detail{
        margin-top: 34px!important;
    }
    .splide{
        display: block!important;
        width: 55%!important;
        padding-left: 0!important;
        margin-bottom: 20px!important;
        margin-top: -119px!important;
    }
    .splide__slide img{
        width: 3rem!important;
        height: 3rem!important;
    }
}

@media (max-width:364px) {
    .orders{
        width: 66%!important;
        margin-top: -35px!important;
    }
    .basket-respo{
       left: -65px;
    }
}

@media (max-width:330px) {
    .orders{
        width: 68%!important;
    }
}

@media (max-width:349px) {

    .cart-up{
        align-items: center!important;
    }
    .cart-up h4{
        font-size: 17px!important;
        margin: 0!important;
    }
    .card-close-btn i{
        padding: 4px!important;
    }
    .down-carts .label-qty{
        font-size: 15px!important;
    }
    .qty-btn button{
        padding: 0 10px!important;
    }
    .qty-btn span{
        padding: 0 10px!important;
    }
    .qty-btn input{
        height: 25px;
        padding: 2px 0px;
    }


    .splide{
        display: block!important;
        width: 55%!important;
        padding-left: 0!important;
        margin-bottom: 50px!important;
        margin-top: -119px!important;
    }

    .splide__slide img{
        width: 2rem!important;
        height: 2rem!important;
    }

}

@media (max-width:325px) {
    .cart-container{
        padding: 15px 13px!important;
    }
}

@media (max-width:300px) {
    .image_selected{
        height: 112px!important;
    }
}

@media (max-width: 390px){
    .order-detail {
        margin-top: 64px!important;
    }
}


/* normaly product style */


@media (max-width:991px) {
    .order-left-img{
        display: none!important;
    }
    .order-main-img{
        width: 40%!important;
    }

    .order-det{
        width: 60%!important;
    }
    #carusel{
        display: flex!important;
    }
    .carusel-w{
        width: 81%!important;
    }
}
@media (max-width:767px) {
    .card-body #productheadname{
        font-size: 20px!important;
    }
    .card-body #productname{
        font-size: 17px!important;
    }
    .card-body #product_price{
        font-size: 17px!important;
    }

    .card-body #product-color{
        font-size: 16px!important;
    }
    .order-main-img{
        width: 100%!important;
    }
    .order-det{
        width: 100%!important;
    }
    #card-img-cnt img{
        width: 50%!important;
    height: 8rem!important;
    }
    #card-img-cnt{
        padding-left: 8rem;
    }
    #carusel{
        margin-bottom: 15px;
    }
    .order-main-img{
        padding-top: 3rem!important;
    }
    .items-slider-container{
        margin-top: 0!important;
    }

    .items-slider-container .slider-nav .slick-slide{
        height: 98px!important;
        }

}


@media (max-width:600px){
    .product-row{
       max-width: 500px!important;
    }

    .cart-item-title{
        text-align: start!important;
    }
}


@media (max-width:575px) {
    .product-section{
        margin-left: 10px!important;
    }

}



@media (max-width:480px) {
    #card-img-cnt{
        width: 100%!important;
        padding-left: 0rem!important;
    }
    #card-img-cnt img{
        max-width: 300px;
        margin: 0 auto;
    }


    .order-det{
        height: 26rem!important;
    }




}




@media (max-width:440px){
    .cart-item-down{
        display: flex!important;
        flex-direction: column!important;
    }

    .menu-normal{
        text-align: center;
    }

    .menu-normal-item{
        margin-bottom: 10px;
    }
}



@media (max-width:380px) {
    #card-img-cnt img{
        width: 40%!important;
        height: 5rem!important;
    }
    #card-img-cnt{
        margin-bottom: 3rem!important;
    }

    .carusel-w{
        width: 73%!important;
    }

}

/* mobile slick */


@media (max-width:991px) {
    .mobile{
        display: block!important;
      }

      .draggable{
        margin-top: 0px!important;
      }

      .menu-normal{
        display: flex!important;
      }

      .menu-normal-item{
        margin-right: 10px;
      }

      .order-main-img{
        padding-top: 4rem!important;
      }
      /* .pro-up{
        height: 25rem;
      } */
      .order-det{
        padding-top: 15px!important;
      }
}

@media (max-width:379px) {
    .items-slider-container .slider-nav .slick-slide{
        height: 84px;
        }


}

@media (max-width:767px) {
    /* .pro-up{
        height: 48rem;
      } */

      .order-main-img{
        padding-top: 0rem!important;
      }
}

@media (max-width:450px){
    .slider-text-container{
        width: 250px!important;
        left: 60px!important;
    }

    .slider-text-container h1{
        font-size: 19px!important;
    }

    .slider-text-container p{
        font-size: 14px!important;
    }
}

/* @media (max-width:375px) {
    .pro-up{
        height: 42rem;
      }
} */



@media (max-width:360px){
    .slider-text-container{
        width: 200px!important;
        left: 60px!important;
    }

    .slider-text-container h1{
        font-size: 16px!important;
    }

    .slider-text-container p{
        font-size: 12px!important;
    }
}






@media (max-width:350px) {
    .items-slider-container .slider-nav .slick-slide{
        height: 67px;
    }
}



/* en son slider */

@media (max-width:1332px) {

    .sl-he{
        height: 15rem;
    }
}

@media (max-width:1199px) {
    .a-img{
        position: absolute!important;
        left: 5rem!important;
        top: 1rem!important;
      }
      #slde{
        margin-top: -15rem!important;
    }
}
/*
@media (max-width:1172px) {
    #slde{
        margin-top: -8rem;
    }
} */

@media (max-width:991px) {
    .slde-2{
        display: block!important;
        height: 5rem;
      }

      .slider-nav {
        height: 4rem;
      }
      .order-main-img{
        padding-top: 1rem!important;
      }
      .ro-he{
        height: 25rem;
      }
      .a-img{
        position: absolute!important;
        left: 0rem!important;
        top: 1rem!important;
      }
      #slde{
        margin-top: 0rem!important;
    }
    .pro-up{
        height: 25rem!important;
      }

      .items-slider-container .slider-for img{
        max-width: 100%!important;
      }
      #slde{
        margin-top: -14rem;
        margin-left: 0rem;
      }

    #order-w{
        width: 60%!important;
    }

    .card-body p{
        font-size: 15px!important;
    }
}

@media (max-width:767px) {


    .pro-up{
        height: 44.5rem!important;
      }




    #slde{
        margin-bottom: 26px;
    }
    .order-main-img{
        padding-top: 0rem!important;
    }
    .items-slider-container .slider-for img{
        max-width: 70%!important;
        left: 5rem!important;
    }
    .ro-he{
        margin-top: -2rem;
    }
    #slde{
        margin-top: -2rem!important;
    }

    #order-w{
        width: 100%!important;
    }

    .card-body{
        padding: 0!important;
    }
    .desc-head{
        margin-top: 1rem!important;
    }

}
@media (max-width:480px) {
    .pro-up{
        height: 47rem!important;
      }

      .items-slider-container .slider-for img{
        left: 3rem!important;
      }
      #slde{
        margin-top: -4rem!important;
      }
}

@media (max-width:440px) {
    .pro-up{
        height: 45rem!important;
      }
}
/* @media (max-width:360px) {

    .slick-dots{
        top: 3rem!important;
    }
} */
@media (min-width:300px) {
    .pro-up{
        height: auto!important;
      }
}




@media (max-width:370px) {

    .card{
        padding: 0!important;
        margin: 0!important;
    }
}


@media (max-width:1200px){
    .footer-down{
        /* padding: 0!important; */
        padding-top: 40px!important;
    }

}

@media (max-width:992px){

    .footer-down{
        flex-wrap: wrap;
        padding-left: 0 !important;
        text-align: center;
        justify-content: center !important;
    }

    .footer-main-info{
        width: 300px;
        /* margin-top: 40px; */
    }

}

@media (max-width:874px){

    .footer-socials{
        width: 320px;
        margin-bottom: 40px;
    }

    .footer-main-info{
        width: 250px;
    }

}


@media (max-width:575px){

    .footer-down{
        padding-left: 40px!important;
    }

    .window-up .pop-up-content-window, .window .order-form {
        padding: 0rem 1rem;
    }

}

@media (max-width:525px){

    .footer-socials{
        width: 350px;
        margin-top: 10px;
    }

    .footer-up{
        flex-direction: column!important;
        justify-content: center!important;
        align-items: center;
    }

}

@media screen and (max-width: 993px) {
    .footer-main-info-container {
        text-align: center;
        padding: 1rem 0;
        justify-content: center !important;
        flex-wrap: wrap;
    }


    .footer-main-info {
        padding: 1rem 0;
        min-width: 200px;
    }

    .footer-socials {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

}

@media (max-width: 398px) {
    .menu-normal{
        flex-wrap: wrap;
        justify-content: center;
    }
    .menu-normal-item{
        width: calc(35%);
    }
}

@media (max-width: 343px) {
    .menu-normal{
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 131px;
        margin: 0 auto;
    }
    .menu-normal-item{
        width: auto;
    }
}

@media (max-width: 576px) {
    .product-details>.product-desc{
        position:relative;
        max-height: 100px;
        overflow: hidden;
    }

    .product-details>.product-desc:after{
        content: '';
        position: absolute;
        background: linear-gradient(to top, #ffffff, #ffffff00);
        width: 100%;
        height:100%;
        display: block;
        bottom: 0;
        left: 0;
    }
}