@media (max-width: 1600px) {
    .products {
        height: 99%;
      
    }
    section.banner {           
        height: 614px;            
    }
    .products-inner {
        width: 197px;
        height: 199px;
    }
}

@media (max-width: 1440px) {

    .products {
        height: 100%;
      
    }
    section.banner {   
        height: 614px;
    
    }
    .products-inner {
        width: 204px;
        height: 199px;
    }
    section.banner .carousel-inner {
        padding: 9rem 0 15rem 7rem;
    }    
    section.cart-banner.shop-banner {    
        height: 377px;
    }
}



@media (max-width: 1366px) {
.products {
    height: 100%;
 
}
section.banner {   
    height: 614px;
}
.products-inner {
    width: 204px;
    height: 199px;
}
section.banner .carousel-inner {
    padding: 9rem 0 15rem 7rem;
}    
}



@media (max-width: 1280px) {
.products {
    height: 100%;

}
section.cart-banner.shop-banner {    
    height: 320px;
}
}
@media (max-width: 1024px) {

.products {
    height: 100%;

}
.products-inner {
    width: 154px;
    height: 153px;
}
.banner-content h1 {
    font-size: clamp(3px, 5vw, 39px);
}
.banner-content h5 {
font-size: clamp(7px, 3vw, 14px);
}
.banner-content p {
    font-size: clamp(12px, 8vw, 10px);
}
section.banner {
    height: 474px;
}
section.banner .carousel-inner {
    padding: 6rem 0px 14rem 4rem;
}
.footer-logo img {
    /* max-width: 181px; */
    /* max-height: 270px; */
}
section.my-cart .row.bdrr .col h5 {
    font-size: 16px;
}
.product-sec p {
    font-size: 13px;
}
.shipping {
    padding: 30px;
    margin: 30px 0;
}
.shipping-right {
    margin: 25px 0 0 0;
}
.product-sec img {
    width: 100px !important;
}
.product-sec h5 {
    font-size: 12px !important;
    height: 71px;
    overflow: scroll;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    /* width: 107px; */
    scrollbar-width: 0px !important;
    /* padding: 10px 0; */
}

.logo img {
    width: 160px !important;
}
}


@media only screen and (min-width:768px) and (max-width: 991px) {
    .single-product .container, .container-md, .container-sm {
        max-width: 800px;
    }
    section.single-product .px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .single-product span.font-weight-bold {
        margin: 0 0 10px;
        text-align: start;
    }
    .flexxx h4 {
      
        font-size: 18px;
        
    }
    .size-table-row {
        font-size: 15px !important;
    }
    .quantity button span {
        font-size: 16px !important;
    }
    .logo img {
        width: 150px !important;
        height:40px;
    }
}
@media (max-width: 800px) {
    button.close-search {
    position: absolute;
    z-index: 2;
    top: -4px;
    right: 50px;
}
section.banner {
    height: 394px;
}
.product-sec img {
    width: 50px !important;
    object-fit: contain;
    /* height: 73px; */
}
.price-sec h4 {
    font-size: 16px;
}
.qty-sec div label {
    font-size: 17px;
}
.qty-sec div button {
    font-size: 20px;
}
.total-sec h5 {
    font-size: 16px;
}
.shipping-left label {
    font-size:14px !important;
}
.products {
    height: 99%;

}
.products-inner {
    width: 136px;
    height: 126px;
}
.banner-content h1 {
    font-size: 24px;
}
.banner-content h5 {
    font-size: 11px;
}
.banner-content p {
    font-size: 10px;
}

section.banner .carousel-inner {
    padding: 4rem 0px 14rem 4rem;
}
.banner-content a {
    width: 174px;
    height: 35px;
    font-size: clamp(10px, 0vw, 1px);
}

/* footer */
.footer-logo img {
    /* max-width: 181px; */
    /* max-height: 270px; */
}
}
@media (max-width: 768px) {
    .single-product span.font-weight-bold {
       
        font-size: 16px;
       
        margin: 0 0 20px;
     
    }
section.banner {
    height: 394px;
}
section.cart-banner.shop-banner {
    height: 208px;
}
.single-product .slider.slider-for img {
    padding: 0 40px;
}
section.single-product .card {
    margin-bottom: 40px;
}
.cart-banner-text.aos-init.aos-animate h4 {
    font-size: 30px;
}

.cart-banner-text.aos-init.aos-animate h1 {
    font-size: 36px;
}
section.trending-shoes.shop-latest .trending-shoes-card {
    height: 650px;
    
}
section.trending-shoes.shop-latest .trending-shoes-card img {
    height: 100%;
}
section.trending-shoes.shop-latest .trending-shoes-inner h5 {
    text-align: center;
}
section.trending-shoes.shop-latest .trending-shoes-inner h6 {
    text-align: center;
}
.trending-shoes-card {
    margin: 0 0 0px;
}
.trending-shoes-inner a {
    margin: 0 0 10px 0;
}
h5.aos-init.aos-animate {
    height: 50px;
}
.products {
    height: 99%;
}
.products-inner {
    width: 136px;
    height: 126px;
}
header .canvas-button{
    display: inline-block !important;
    color: #33318a;
    font-size:32px;

}
header .positionar{
    display: none;
}
header .col-md-5{
    display: none;
}
header .content-end{
    display: flex;
    justify-content: end;
}
.banner-content h1 {
    font-size: 24px;
}
.banner-content h5 {
    font-size: 11px;
}
.banner-content p {
    font-size: 10px;
}

section.banner .carousel-inner {
    padding: 5rem 0px 0rem 1rem;
}
.banner-content a {
    width: 174px;
    height: 35px;
    font-size: clamp(10px, 0vw, 1px);
}
section.cart-banner {
    height: 160px !important;
}
}
@media (max-width: 575px){
    section.single-product .card {
        margin: 40px 20px;
    }
    
    .single-product .slider.slider-for img {
        /* width: 520px; */
    }
            .offcanvas-body .input-search.active {
    right: -55px !important;
    display: block !important;
}
.input-search input {
    width: 260px !important;
    height: 30px !important;
    padding: 20px !important;
 
}
.size-table-row {
    font-size: 20px;
    border: 1px solid #80808099;
    transition: all 0.9s;
    margin: 10px;
    width: auto;
    padding: 0px 10px;
    width: 160px !important;
    justify-content: center !important;
}
button.close-search {
    position: absolute;
    z-index: 2 !important;
    top: -4px !important;
    right: 90px !important;
}
}
@media (max-width: 568px) {
section.banner {
    height: 394px;
}
section.cart-banner.shop-banner {
    height: 145px;
}
section.girl.two {
    padding: 50px 0;
    background-size: 100% 100%;
}
.products {
    height: 99%;

}
.products-inner {
    width: 66px;
    height: 66px;
}
.banner-content h1 {
    font-size: 24px;
}
.banner-content h5 {
    font-size: 11px;
}
.banner-content p {
    font-size: 10px;
}
.products-inner {
    width: 100px;
    height: 100px;
}
section.banner {
    height: 320px;
}
section.banner .carousel-inner {
    padding: 2rem 0px 0rem 2rem;
}
.banner-content a {
    width: 174px;
    height: 35px;
    font-size: clamp(10px, 0vw, 1px);
}
.categories-card img {
    height: 278px !important;
    margin-top: 30px !important;
  
}
section.girl {
    padding: 60px 0;
}
.trending-shoes-title {
    display: block;
    padding: 0px 30px;
    margin: 16px auto;
    background-color: #fff;
}
    .trending-shoes-title h3 {
   text-align:center;
}
section.girl.three {
    background-image: url(../images/50-sale.png);
    width: 100%;
    padding: 50px 0;
}
section.trending-shoes.shop-latest .trending-shoes-card {
    height: 480px;
}
.trending-shoes-inner a {
    margin: 0px 0 -8px 0;
}
.products {
    display: none;
}
.banner-content p {
    width: 40%;
}
.userway_buttons_wrapper {
    top: 100px !important;
    right: 0px !important;
}
.trending-shoes-card {
    margin: 20px 0 0  0;
}
.p-ratings i {
    font-size: 16px;
}
.cart-banner-text.aos-init.aos-animate h4 {
    font-size: 20px;
}
.cart-banner-text.aos-init.aos-animate h1 {
    font-size: 30px;
}
.quantity-meter {
    width: 100%;
}
.quantity button {
    width: 100%;
}
table#sizeTable tbody{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    
}
#selectionContext0 tr {
    display: flex !important;
      justify-content: center !important;
}
 .size-table-row {
    padding: 0;
    display: flex !important;
}
.descriptionn  table tr td {
    padding: 10px !important;
    font-size: 13px;
}
.shipping-left label {
    font-size: 12px !important;
}
.product-sec {
    display: flex;
    align-items: flex-start;
    gap: 0 5px;
}
.quantity-counter {
    gap: 0 15px;
}
.qty-sec  button.fs-6 {
    width: 70px;
    padding: 3px 8px;
    font-size: 13px !important;
}
}


@media (max-width: 414px) {
section.banner {
    /* height: 180px; */
}
}
@media (max-width: 375px) {
.products {
    height: 100%;
}
.products-inner {
    width: 90px;
    height: 90px;
}
section.banner {
    height: 270px;
}
.banner-content h1 {
    font-size: 18px;
}
.banner-content h5 {
    font-size: 10px;
}
.banner-content p {
    /* font-size: 8px; */
}
section.banner .carousel-inner {
    padding: 2rem 0px 11rem 1rem;
}
.banner-content a {
    width: 81px;
    height: 20px;
    font-size: clamp(5px, 0vw, 1px);
}
.product-sec p {
    font-size: 11px;
}
.product-sec h5 {
    font-size: 11px !important;
}
.price-sec h4 {
    font-size: 13px;
}
.total-sec h5 {
    font-size: 13px;
}
section.my-cart .row.bdrr .col h5 {
    font-size: 13px;
}
section.my-cart .row.bdrr .col {
    padding: 5px;
}
.products {
    display: none;
}
.p-ratings i {
    font-size: 11px;
}
.single-product .slider.slider-nav img {
    width: 90%;
}
.login-form {
    padding: 21px;
}
section.cart-banner.shop-banner {
    height: 120px;
}
}
@media (max-width: 360px) {}

@media (max-width: 320px) {
    .quantity button {
        width: 223px;
    }
    .trending-shoes-card a img {
    display: block;
    max-height: 350px !important;
    object-fit: cover;

}

.trending-shoes-card {
    
    height: 350px;
    
}
    .single-product .slider.slider-for img {
        width: 264px;
        height: 290px;
    }

    .slider.slider-for.slick-initialized.slick-slider {
        height: 320px;
    }
    
   
}