:root {
    --btn-back-color: #a31521;
    --green-txt-color: #4e6f47;
    --pink-color: #f5e7e7;
    --light-pink: #f5e7e799;
    --box-shadow: 1px 1px 5px #ccc;
}

@media screen and (max-width: 1650px) {
}

@media screen and (max-width: 1480px) {

}

@media screen and (max-width: 1200px) {
    .blog-section .blog-item .blog-info{
        width: 250px;
        height: 170px;
    }
    .blog-section .blog-item img{
        width: 200px;
        height: 150px;
    }
    /* .patterns > .row,
    .blog-section .blog-items{
        flex-wrap: nowrap;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-bottom: 20px;
    } */
    .patterns > .row{
        height: 300px;
        flex-wrap: nowrap;
        overflow-x: auto !important;
    }
    .gallery-section .categories{
        /* overflow: hidden; */
        justify-content: flex-start;
    }
    .gallery-section .patterns .pattern-item{
        margin: 10px;
    }
    .gallery-section .patterns img{
        width: 200px;
        height: 200px;
    }
    .gallery-section .patterns .text-box{
        position: absolute;
        top: 110% !important;
        height: max-content;
        width: 100%;
    }
    .gallery-section .pattern-item:hover .text-box{
        background-color: transparent !important;
    }
    .effect-bubba .text-box::before,
    .effect-bubba .text-box::after {
        content: none !important;
    }
    .gallery-section .patterns .text-box span{
        color: #444;
        font-size: 12px;
        opacity: 1;
    }
    .blog-section .blog-item{
        /* margin: auto 15px; */
    }
    /* .product-section .patterns-slider .owl-next{
        left: -5%;
    }
    .product-section .patterns-slider .owl-prev{
        right: -5%;
    } */
    .types .fabricSelect{
        margin-bottom: 5px;
    }
    .types .icon{
        display: none;
    }
    .about-nilshan .row > div:first-child{
        bottom: -150px;
    }

    .product-section .product-image img {
        width: 310px;
        height: 280px;
    }
}

@media screen and (max-width: 992px) {
    .mobile-hidden{
        display: none !important;
    }
    .mobile-view{
        display: block;
    }
    .cloth-types .tiny-images-slider{
        transform: rotate(0deg);
    }
    .blog-section .blog-item .blog-info{
        width: 200px;
    }
    header{
        position: relative;
        margin-bottom: 0;
    }
    header + div {
         margin-top: 0px !important;
    }
    .header-row .desktop-menu{
        display: none;
    }
    .header-row .desktop-menu li{
        margin: 20px 5px;
    }
    header .menu-icon{
        display: block;
        padding: 0;
    }
    .header-row .menu-box{
        padding-block: 5px;
    }
    .header-row{
        position: relative;
        height: 70px;
    }
    .header-user-name,
    .header-login-icon{
        display: none;
    }
    .header-row .menu-box{
        position: absolute;
        margin-right: 35vw;
    }
    .header-row .menu-box > img{
        width: 50px;
        right: 50%;
    }
    .header-row .search-box form{
        display: none;
    }
    .header-row .search-btn{
        display: block;
        cursor: pointer;
    }
    .header-row .search-box > svg{
        margin-right: 15px;
    }
    .header-row .search-box .cart-link{
        margin-right: 15px;
    }
    .header-row .search-btn{
        margin-right: 10px;
    }
    .index-banner-slider img{
        height: 50vh;
    }
    .prod-categories .container{
        justify-content: flex-start;
        overflow-x: auto;
        padding-block: 20px 10px;
        margin-bottom: 10px;
    }
    .prod-categories .container > .cat-item{
        margin: auto 10px;
        min-width: 110px;
        height: 110px;
        padding: 10px;
    }

    .blog-section .blog-item img{
        width: 150px;
        height: 110px;
    }
    .prod-categories .container > .cat-item .text-box{
        margin-top: 5px;
    }
    .prod-filters{
        display: none;
    }
    :is(.prod-row, .top-seller, .newest-clothes) img {
        width: 160px;
        min-width: 160px;
        height: 160px;
        min-height: 160px;
    }
    .prod-content .sort-links{
        display: none;
    }
    .mobile-buttons{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 5%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        /* padding-block: 15px; */
        box-shadow: 1px 1px 5px #ccc;
    }
    .mobile-buttons div{
        cursor: pointer;
    }
    .mobile-buttons span{
        color: #444444d9;
    }
    .prod-categories .show-more{
        display: none;
    }
    .prod-categories .not-show{
        display: flex;
    }
    .mobile-filter li span{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .mobile-filter li label{
        margin: 0 10px;
    }
    .mobile-filter li input{
        accent-color: #548ba9;
    }
    .under-const{
        flex-direction: column;
    }
    .under-const {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        min-height: 70vh;
    }
    .under-const .logo-box{
        position: relative;
        right: 0;
        top: 40px;
        margin-bottom: 20%;
        padding-top: 15px;
    }

    .blog-item{
        background-size: 200px;
    }
    .blog-item img {
        width: 600px;
        max-width: 600px;
    }

    .product-section .price-box .total-price{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .product-section .price-box .total-price > *:not(:last-child){
        margin-bottom: 5px;
    }

    .prod-categories .cat-item .text-box span{
        max-width: 80px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product-section .product-image img{
        width: 340px;
        height: 300px;
        margin: auto auto 10px;
        cursor: auto;
    }

    .product-section .tags{
        max-width: 100%;
        margin: auto;
    }

    :is(.product-modal .colors, .product-modal .sizes) > span:hover{
        color: #444 !important;
    }
    :is(.product-modal .colors, .product-modal .sizes , .product-modal .items) > span.active{
        color: #fff !important;
        background-color: var(--btn-back-color) !important;
    }

    .product-modal{
        display: none;
        position: fixed;
        bottom: 0;
        background-color: #fff;
        z-index: 1051;
        width: 100% !important;
    }
    .product-modal.show{
        display: block;
    }
    .product-modal .items{
        padding-block: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 250px;
    }
    .product-modal .items .input-meters {
        width: 100%;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-modal .items > span,
    .product-modal .items .input-meters  > input{
        min-width: 135px;
        max-width: 160px;
        padding: 10px 20px;
        border-radius: 15px;
        border: 1px solid var(--btn-back-color);
        margin: 5px;
        cursor: pointer;
        font-size: 12px;
        position: relative;
        overflow: hidden !important;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background: transparent!important;
        text-align: center;
    }
    .product-modal .items > span{
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: initial;
        white-space: nowrap;
    }
    :is(.cloth-selection , .cloth-meter-choose) .choosen{
        display: inline;
    }
    .product-section .type-btn,
    .product-section .meter-btn{
        display: none;
    }
    .product-section .title-box{
        flex-direction: row;
        margin-bottom: 10px;
    }
    .product-section .title{
        margin-block: 20px;
    }
    .product-section .product-image{
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }
    .sort-modal .modal-dialog{
        width: 100% !important;
        max-width: 100% !important;
    }
    .sort-modal .modal-dialog li{
        margin-bottom: 10px;
    }
    .sort-modal .modal-dialog a{
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        display: flex;
        align-items: center;
    }
    .sort-modal .modal-dialog a svg{
        margin-left: 5px;
    }

    .profile-section{
        padding-block: 0 88px;
    }
    .profile-section .container > .row{
        margin: 0 auto;
    }
    .profile-section .order-title{
        margin-bottom: 10px !important;
    }

    .profile-section .back-link{
        display: block !important;
    }
    .profile-order-img-box{
        position: relative;
        overflow: hidden;
        min-width: 80px;
        border-radius: 10px;
    }
    .profile-section .order-detail-vipText{
        position: absolute;
        transform: rotate(-50deg);
        left: -25px;
        top: 5px;
        width: 100%;
        text-align: center;
    }
/* cart page */
    .cart-page .items{
        padding: 0;
    }
    .cart-page .items .item{
        border: 1px solid #C79EA3;
        border-radius: 10px;
        padding-top: 10px;
        margin-top: 6px;
    }
    .cart-page .item-spec{
        padding-block: 0 5px;
    }
    .cart-page .item-spec > div{
        width: 100%;
    }
    .cart-page .item-spec,
    .cart-page .item-spec .prod-details{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .cart-page .item-spec .prod-details > *{
        color: #545454;
        font-size: 13px;
        margin-bottom: 0.4rem;
    }
    .cart-page .title-box{
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .cart-page .item-spec .del-item{
        display: flex;
        justify-content: flex-end;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .cart-page  .del-item .del{
        color: #bb6057;
        cursor: pointer;
    }
    .cart-page .basket-box{
        padding: 0;
    }
    .cart-page .basket-box > div{
        width: 100%;
        margin: 20px 0 0 0;
        border-radius: 10px;
    }
    .footer-content{
        margin-block: 20px;
        text-align: center;
    }
    .cart-page .item img {
        width: 150px;
        max-width: 150px;
        height: 150px;
        max-height: 150px;
    }
    .cart-page .meters-edit-input input{
        height: 25px;
    }
    .cart-page .meters-edit-input svg{
        margin-right: 10px;
    }
    .about-nilshan .row{
        height: max-content;
        padding-block: 90px;
    }
    .about-nilshan .row > div:last-child,
    .about-nilshan .row > div:first-child{
        position: absolute;
    }
    .about-nilshan .row > div:first-child {
        bottom: -60px;
        display: flex;
    }
    .about-nilshan img{
        width: 150px;
        height: 120px;
    }
    .about-nilshan p{
        max-height: unset;
        overflow: unset;
    }

    .check-page-items-col{
        padding: 0;
    }
    .check-page form button{
        align-self: flex-end;
        margin-inline: 0 !important;
    }

/* contact page */
    .links .row{
        align-items: center;
        padding-block: 10px;
    }
    .links .row > div{
        display: flex;
        align-items: center;
    }
    .links .row > div:nth-child(1),
    .links .row > div:nth-child(2){
        margin-bottom: 40px;
    }
    .links a{
        /* margin-bottom: 10px; */
    }

}

@media screen and (max-width: 769px) {
    .index-banner-slider img{
        height: 40vh;
    }
    .cloth-types .main-image{
        width: 230px;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item{
        height: 250px;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item img{
        width: 120px;
    }
    .gallery-section .categories{
        justify-content: flex-start;
    }
    .gallery-section .categories span{
        /* padding: 5px;
        min-width: 80px; */
    }
    .gallery-section .categories span:not(:last-child)::after{
        left: -13px;
    }
    .gallery-section .patterns .text-box span{
        font-size: .8rem;
        font-weight: 400;
    }

    .gallery-section .patterns img{
        width: 150px;
        height: 150px;
    }
    .blog-section .blog-item{
        /* margin: auto 15px; */
    }
    .blog-section .blog-item img{
        width: 120px;
        height: 90px;
    }
    .blog-section .blog-item .blog-info{
        width: 150px;
    }
    .blog-section .blog-item .blog-info .title{
        font-size: 14px !important;
        -webkit-line-clamp: 6;
        line-clamp: 6;
        height: 110px;
    }

    .patterns-slider > span:first-child{
        display: none;
    }
    .product-section{
        padding-block-end: 0;
    }
    .product-section .container{
        padding: 0;
    }
    .prod-info{
        overflow: hidden;
    }
    .product-section .info-items{
        border: 2px solid #a9c5d3;
        border-radius: 10px;
        padding: 20px 10px;
        margin:0 0 15px;
        position:  relative;
    }
    .product-section .pattern-color-choose{
        margin-top: 15px;
    }
    .product-section .info-items > div{
        display: none;
    }
    .product-section .default-item{
        position: absolute;
        left: 10px;
        top: 35%;
    }
    .product-section .default-item svg{
        margin-right: 10px;
    }
    .product-section .price-box{
        width: auto;
        height: auto;
        margin: 0 auto;
        padding: 0 5px 0 0;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        align-items: flex-start;
    }
    .product-section .price-box > *{
        margin: 10px 0;
    }
    .product-section .price-box .unit-price{
        margin-top: -60px;
        margin-right: 110px;
        border-radius: 10px;
        position: absolute;
        left: 0;
    }
    .product-section .price-box .total-price{
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 35px;
    }
    .product-section .price-box .addToCart{
        align-self: flex-end;
        font-size: 12px;
        float: left;
    }
    .product-section .patterns-slider img{
        border-radius: 10px;
    }
    .prod-row .not-found img{
        width: 400px;
        height: 250px;
    }
    .product-section .patterns-slider .item {
        /* width: 130px !important; */
    }

    :is(.colors, .sizes) > .active{
        background-color: #fff !important;
        color: #444;
    }

    footer{
        background-position: center top, top right;
        background-size: 200px , cover;
    }
    .prod-spec-section .specification > div.active{
        padding-right: 0;
    }
    .msg-reg form{
        max-width: 100%;
    }
    .msg-reg form > div{
        flex-direction: column;
        align-items: flex-start;
        padding-right: 5px;
    }
    .msg-reg form .uname,
    .msg-reg form .email{
        margin-bottom: 10px;
        width: 100%;
    }
    .msg-reg form input ,
    .msg-reg form textarea{
        width: 95%;
    }
    /* CONTACT */
    .connect-form .img-box{
        padding-top: 40px;
    }
    .connect-form .img-box img{
        width: 450px;
    }
    .links a{
        width: 150px;
        height: 140px;
    }
    .links svg{
        top: 15px;
    }
    .links span{
        font-weight: 400;
        font-size: 14px;
    }
    :is(.prod-row, .top-seller, .newest-clothes) .allShine.mobile-mode{
        display: flex;
    }
    :is(.prod-row, .top-seller, .newest-clothes) .allShine.desktop-mode{
        display: none;
    }
    .blog-item{
        background-size: 150px;
    }
    .blog-item img {
        width: 400px;
        max-width: 400px;
        max-height: 300px;
    }


    .cloth-selection{
        flex-direction: column;
    }
    .cloth-meter-choose{
        margin: 0;
    }
    .product-section .meters,
    .product-section .types:not(.tags){
        position: absolute;
        top: 0;
        left: 0;
    }
    .product-section .title-text{
        min-width: 150px;
        max-width: 150px;
        display: inline-flex;
    }
    :is(.product-section .meters, .product-section .types) span{
        text-align: center;
        max-width: 105px;
        margin-top: 3px;
    }
    :is(.meters-modal, .cloth-type-modal) .items{
        overflow-y: auto;
        margin-top: 70px;
        position: relative;
        top: 0;
        right: 0;
        justify-content: center;
        min-height: auto;
    }
    .cloth-type-modal .items > span{
        margin-top: 5px;
    }
    .cloth-type-modal .icon{
        display: none;
    }
    .meters-modal .title{
        top: 15px;
    }
    .meters-modal .input-meters{
        flex-direction: column;
    }
    .meters-modal .input-meters > span{
        margin-right: -5px;
        margin-top: 10px;
    }
    .meters-modal .inputMeters{
        margin: 10px 5px 10px 0;
        font-size: 12px;
        text-align: center;
    }
    .cart-modal{
        /* inset: 10%; */
        height: 500px;
        max-width: 90%;
    }
    .cart-modal .content{
        padding-block: 10px 0;
    }
    .cart-modal img {
        width: 130px;
        max-width: 130px;
        height: 120px;
        max-height: 120px;
        margin-bottom: 10px;
    }
    .cart-modal .left-side{
        margin-top: 10px;
    }
    .cart-modal .right-side{
        flex-direction: column;
        align-items: center;
    }
    #cartModal .name{
        margin-bottom: 10px;
    }
    .cart-modal .details{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }
    .cart-modal .details *{
        text-align: center;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: initial;
        white-space: nowrap;
    }

    .cart-modal.vip{
        inset: 0;
        max-width: 95%;
        height: 600px;
    }
    .cart-modal.vip .vip-form{
        height: 100%;
        width: 100%;
    }
    .cart-modal.vip .content{
        padding-block: 0;
    }
    .cart-modal.vip .lined-props{
        flex-direction: column;
        max-width: 100%;
    }
    .cart-modal.vip .lined-props > *{
        max-width: 100%;
    }
    .cart-modal.vip .orderBtn{
        top: 95%;
        left: auto;
        right: 25%;
        padding: 5px;
    }
    .cart-modal.vip .right-side{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 430px;
    }
    .cart-modal.vip .drop-zone{
        height: 150px;
        margin-bottom: 10px;
    }


    .about-nilshan .row > div:last-child{
        top: -50px;
    }
    .about-nilshan .row > div:first-child{
        bottom: -50px;
    }
    .about-nilshan img{
        height: 110px;
        object-fit: cover;
    }

    .profile-section .orderDetail,
    .profile-section .prof-details,
    .profile-section .myOrders{
        padding-left: 15px !important;
    }
    .profile-section .favourite-items{
        padding-bottom: 1rem;
    }
    .profile-section .fav-items,
    .profile-section .fav-history{
        padding-inline: 0 !important;
    }
    .profile-section .fav-item{
        margin-bottom: 0;
    }
    .profile-section .fav-item .details{
        position: relative;
        bottom: 2px;
    }
/* PROFILE PAGE */
    .profile-section .container{
        /* max-width: 100% !important; */
        /* padding: 45px 0 0 0; */
    }
    .profile-section > .container > .row > div > div{
        font-size: 12px !important;
    }
    .profile-section .container > .row > .col-3 > div{
        background-color: transparent;
    }
    .profile-section .container > .row > .orderDetail > .title{
        text-align: right;
        margin-bottom: 22px !important;
    }
    .profile-section .container > .row > .orderDetail > .title svg{
        color: #b5b6b3;
        margin: auto 10px;
    }
    .profile-section .container > .row .user-details,
    .profile-section .container > .row .list{
        background: #fff;
        border-radius: 10px;
        margin: 10px auto;
    }
    .profile-section .user-details > div{
        margin: auto 15px;
        padding-top: 0px;
    }
    .profile-section .user-details > div:first-child{
        padding-bottom: 5px;
    }
    .profile-section .container > .row .list > div{
        border: none;
    }
    .profile-section .container > .row .list > div > div{
        width: 100%;
    }
    .profile-section .container > .row .list > div > div:not(:last-child){
        padding-bottom: 10px;
    }
    .profile-section .container > .row .list a{
        width: 100%;
        display: flex;
        align-items: center;
        padding-block: 10px;
    }
    .profile-section .container > .row .list a > svg:last-child{
        display: none;
        /* margin-left: 20px;
        position: absolute;
        left: 0; */
    }
    .profile-section .container > .row .list > div span{
        /* font-size: 14px; */
    }
    .profile-section .container > .row .list .exit{
        display: none;
    }
    .profile-section .user-details > .buttons{
        display: flex;
        flex-direction: column !important;
    }
    .profile-section .user-details > .buttons > a{
        border: 1px solid var(--link-color);
        color: var(--link-color) !important;
        padding: 5px;
        border-radius: 10px;
        margin: 20px 5px;
    }
    .profile-section .history{
        padding: 10px 5px 0 0;
    }
    .profile-section .history > div{
        overflow-x: auto;
        overflow-y: hidden;
        display: block ruby;
    }
    .profile-section .history > div > div{
        padding-bottom: 10px !important;
    }
    .profile-section .history > div > div:not(:last-child){
        margin: 0 0 3px 5px;
    }
    .profile-section .history > div > div:last-child{
        display: none;
    }
    .profile-section .orders .objects{
        /* border-bottom: 0 !important; */
    }
    .profile-section .orders .details > div > a{
        /* left: 30px; */
    }
    :is(.profile-section .orders .processing , .profile-section .orders .sending) .details > div > a{
        top: -20px;
    }
    .profile-section .order-details{
        border-bottom: none;
        padding: 0 20px;
    }
    .profile-section .order-objects{
        max-width: 100%;
        border: none;
        border-radius: 0;
    }
    .profile-section .orderDetail > div{
        background: transparent !important;
    }
    .profile-section .orderDetail > div > div{
        /* background: #fff !important; */
    }
    .profile-section .orderDetail .titles{
        margin: 0;
        padding: 10px;
    }
    /* .profile-section .orderDetail > div{
        border: none !important;
    } */
    .profile-section .history .order-btn.active::after{
        top: 95%;
    }
    .cloth-types .tiny-images-slider{
        height: max-content;
    }
    .cloth-types .tiny-images-slider .swiper-wrapper{
        margin-block: 15px;
    }
    .tiny-images-slider .cloth-types .cloth-item{
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 576px) {
    h1,h2,h3{
        font-size: 1.2rem !important;
    }
    h4,h5,h6{
        font-size: .8rem !important;
    }
    a, p, span , label{
        font-size: 11px !important;
    }
    .container{
        padding-left: 0;
        padding-right: 0;
        width: 95% !important;
    }
    .index-banner-slider img{
        height: 25vh;
    }
    .index-banner-slider .swiper-button-next,
    .index-banner-slider .swiper-button-prev{
        width: 25px;
        height: 25px;
    }
    :is(.index-banner-slider .swiper-button-next,.index-banner-slider .swiper-button-prev)::after{
        font-size: .6em;
    }
    .slider__img{
        width: 15rem !important;
    }
    .slider__btns{
        width: auto;
    }
    .slider__title,
    .slider__category{
        font-size: .8em;
    }
    .slider__btn-buy{
        padding:.5rem 1.2rem;
    }
    .slider{
        min-height: 440px !important;
    }
    .inner-container{
        position: relative;
        min-height: 380px !important;
    }
    .slider__wrraper,
    .slider__content{
        height: 380px;
    }
    .slider__context{
        bottom: 5%;
    }
    h3.slider__category,
    .slider__title{
        font-size: .8rem !important;
    }
    .slider__footer{
        position: absolute;
        bottom: 24px;
        right: 0;
        left: 0;
        margin-bottom: 0;
    }
    :is(.top-seller, .newest-clothes) .swiper-button-prev,
    :is(.top-seller, .newest-clothes) .swiper-button-next{
        display: none;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item{
        height: 180px;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item img{
        width: 90px;
        top: 10px;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item .text-box{
        bottom: 0;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item .text-box span {
        padding: 5px 10px;
    }
    :is(.patterns-slider, .order-slider) .swiper-button-prev,
    :is(.patterns-slider, .order-slider) .swiper-button-next{
        display: none;
    }
    /* .product-section .patterns-slider .owl-nav{
        top : 35%;
    } */
    .product-modal .items .input-meters{
        flex-direction: column;
    }
    .top-seller::before{
        background-size: 130px;
        height: 17%;
    }
    .new-types{
        padding-top: 30px;
    }
    .cloth-types{
        padding-block: 0;
    }
    .top-seller .items > div{
        /* padding-inline: 5px; */
        margin-bottom: 10px;
    }
    .cloth-types .row > .tiny-images-slider{
        padding-top: 0;
        margin-top: 0;
    }
    :is(.top-seller, .newest-clothes) .top-sell-item .text-box h6{
        font-size: 12px !important;
    }
    .owl-prev, .owl-next{
        width: 30px !important;
        height: 30px !important;
    }
    .owl-prev{
        right: -3% !important;
    }
    .owl-next{
        left: -3% !important;
    }
    :is(.owl-prev, .owl-next) svg{
        font-size: 1em;
    }

    .header-row .menu-box img{
        /* right: 45%; */
    }
    .header-row .search-box{
        gap: 0;
    }
    .header-row .search-box .login-link{
        border: 0;
        padding-inline: 5px;
    }
    .header-row .search-box svg{
        width: 20px !important;
        height: auto !important;
    }
    .gallery-section{
        margin-top: 25px;
        padding-bottom: 200px;
    }
    .gallery-section .patterns .pattern-item{
        margin: 20px;
        touch-action: pan-x;
    }
    /* .gallery-section .categories .owl-nav {
        top: 30%;
    } */
    .gallery-section .patterns .pattern-item{
        margin: 10px;
        overflow: visible;
    }
    .gallery-section .patterns .pattern-item .text-box{
        top: 90% !important;
    }
    .gallery-section .patterns img{
        width: 110px;
        height: 110px;
    }
    .patterns .row{
        height: 200px;
    }
    .product-section .patterns-slider .item{
        /* width: 130px !important; */
    }
    .product-section .patterns-slider img{
        /* min-width: 85px;
        max-width: 85px; */
        /* min-height: 85px;
        max-height: 85px; */
        /* width: 110px; */
    }
    .product-section .price-box .unit-price{
        margin-right: 160px;
        min-width: max-content;
    }
    .product-section .title-text{
        min-width: 100px;
        max-width: 100px;
    }

    .colors, .sizes, .meters{
        justify-content: center;
    }
    .prod-row .not-found img{
        width: 300px;
        height: 200px;
    }
    :is(.prod-row, .top-seller, .newest-clothes) .allShine{
        height: 165px;
        min-height: 165px;
    }
    /* :is(.prod-row, .top-seller, .newest-clothes) img{
        width: 185px;
        height: 165px;
        min-width: 185px;
        min-height: 165px;
    } */
    :is(.gallery-section,
        .top-seller,
        .cloth-types,
        .blog-section,
        .newest-clothes)
        h4.title{
            font-size: 1em !important;
    }
    .effect-bubba:hover .text-box::before, .effect-bubba:hover .text-box::after{
        opacity: 0;
    }
    .patterns > .row,
    .blog-section .blog-items{
        padding: 10px;
        justify-content: flex-start;
    }
    .blog-section .blog-item{
        /* margin: auto 0; */
    }
    .blog-section .blog-item .blog-info p{
        padding-inline: 5px;
        height: 250px;
        max-height: 250px !important;
    }
    .blog-section .blog-item .blog-info .title{
        font-size: 14px !important;
    }
    .blog-section .blog-item img{
        /* width: 150px;
        height: 100px; */
    }
    .blog-section .blog-item .blog-info{
        width: 100%;
        align-items: center;
    }
    .blog-section .blog-info .title{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 130px;
        font-size: .8rem !important;
        display: block;
    }
    .blog-section .blog-info a{
        align-self: center !important;
        padding: 5px 10px !important;
    }
    .blog-section .blog-info p{
        max-height: 68px !important;
    }



    footer .container{
        flex-direction: column;
    }
    footer .lists{
        margin-right: 5%;
    }
    footer .footer-content{
        max-width: 90%;
        margin: 20px auto;
    }
    footer .copyright span, footer .copyright a{
        font-size: 12px !important;
    }


    .about-nilshan .row {
        /* height: 260px;
        padding-block: 40px; */
    }
    .about-nilshan img{
        /* height: 80px; */
        width: 120px;
    }



    /* CONTACT */
    .connect-form .img-box img{
        width: 350px;
    }
    .connect-form .vertical-flex input,
    .connect-form .vertical-flex textarea{
        max-width: 100%;
    }
    .connect-form form > div:last-child{
        text-align: left;
    }
    .links .row > div{
        padding: 0;
    }
    .links a{
        width: 130px;
        height: 120px;
    }
    .links span{
        bottom: 10px;
    }
    .cart-page{
        padding-block: 15px 150px;
    }
    .cart-page .items{
        padding: 0;
    }
    .cart-page .img-box{
        justify-content: flex-start;
        align-items: flex-start;
    }
    .cart-page .item img {
        width: 90px;
        max-width: 90px;
        height: 90px;
        max-height: 90px;
    }
    .cart-page .item-spec{
        padding-block-start: 0;
    }
    .cart-page .basket-box{
        /* height: 150px; */
    }
    .cart-page .basket-box span{
        font-size: .9rem !important;
    }
    .cart-page .del-item{
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: unset;
    }
    .cart-page .basket-box > div{
        padding: 10px 0;
    }
    .cart-page .del-item .price{
        align-self: flex-start;
    }
    .cart-page .remove-button{
        /* position: absolute;
        top: 20px;
        left: 20px; */
    }
    :is(.cart-page, .check-page) .mobile-sum{
        display: flex;
        right: 0;
    }
    .cart-page .basket-box a{
        display: none;
    }
    .cart-page .shop-btn{
        background-color: var(--btn-back-color);
        padding: 15px;
        width: 90%;
        margin: auto;
        color: #fff;
        text-align: center;
        border-radius: 10px;
        display: inline-block;
    }
    :is(.cart-page , .check-page) .mobile-sum .price-col{
        align-items: center;
    }
    .cart-page .basket-box > div{
        height: auto;
    }
    .not-found .row{
        padding-block: 0 150px;
    }

    .not-found .backToProduct{
        padding: 10px;
    }
    .cart-box .not-found img{
        margin-block: 40px 0;
    }

    .cart-modal.vip .lined-props{
        align-items: flex-start;
    }
    .cart-modal.vip .details{
        grid-template-columns: 1fr;
    }
    .checkout-link,
    .check-page form button{
        background-color: var(--btn-back-color);
        padding: 15px !important;
        width: 100% !important;
        margin: auto 3% !important;
        color: #fff !important;
        text-align: center;
        border-radius: 10px;
        display: block;
    }
    .check-page form button{
        width: 80% !important;
    }
    .check-page .basket-box{
        height: 370px;
        border: none;
        display: none;
    }
    .check-page .title-checkout-address-box{
        margin-bottom: 0;
    }

    /* .check-page .order-slider a{
        max-height: 140px;
        height: 140px;
    } */
    .check-page .basket-box a{
        width: 95%;
    }
    .check-page .basket-box > div{
        padding: 10px 5px;
    }
    .check-page .mobile-off-form{
        /* display: flex; */
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        background-color: #fff;
        box-shadow: var(--box-shadow);
        margin: 10px auto;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 10px 15px;
        position: relative;
        width: 100% !important;
    }
    .check-page .mobile-off-form > *{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .check-page form input[type="text"]{
        max-height: 40px;
        height: 40px;
    }
    .check-page #address-item select{
        margin-bottom: 0 !important;
    }
    .check-page span,
    .check-page #address-item input,
    .check-page #address-item textarea,
    .check-page #address-item select{
        font-size: 12px !important;
    }
    .check-page .col-12{
        padding: 0 5px !important;
    }
    .check-page .post-detail{
        max-width: 130px;
    }
    .check-page .content{
        margin-bottom: 30px;
    }
    .check-page .item-spec .del-item{
        position: absolute;
        left: 5px;
    }

    .blog-page.blog-item{
        background-size: 150px;
    }
    .blog-item img {
        max-width: 350px;
        max-height: 280px;
    }
    .blog-item .text *{
        font-size: 12px !important;
        line-height: 25px;
    }
    .other-posts img{
        max-width: 330px;
    }
    .other-posts .text-box > * {
        margin-block:0 10px;
    }
    .other-posts a{
        width: 100%;
        text-align: center;
        margin-top: 10px !important;
    }
    .prod-row span.title{
        top: 20px;
        right: 35%;
    }
    :is(.prod-row, .top-seller, .newest-clothes) span.like{
        bottom: 15px;
        right: 40%;
        width: 25px;
        height: 25px;
    }
    .msg-reg button{
        width: auto;
    }
    .cart-modal .details *{
        text-align: right;
    }
    .cart-modal.vip .lined-props > *{
        margin-inline: 0;
    }
    .cart-modal .details .price,
    .cart-modal .details .name{
        font-size: 14px !important;
    }
    .cart-modal.vip .orderBtn{
        right: auto;
    }




/* login*/
    .EntranceBox {
        width: 400px;
    }
    .afterEntry {
        min-width: auto;
    }

/* PROFILE PAGE */
    .profile-section{
        padding-block: 0 88px;
    }
    .profile-section .container{
        padding: 0;
    }
    .profile-section .container > .row > .orderDetail{
        padding: 0 10px !important;
    }
    .profile-section .container .mainList{
        padding: 0 !important;
    }
    .profile-section .myOrders{
        padding: 0 !important;
    }
    .profile-section .order-title{
        margin-bottom: 10px !important;
    }
    .profile-section .container > .row > .orderDetail .order-details,
    .profile-section .container > .row > .orderDetail .order-objects{
        border-radius: 10px;
        padding: 0;
    }
    .profile-section .order-objects{
        margin-bottom: 0;
    }

    .profile-section .content {
        border-left: 0;
    }
    .profile-section .info {
        max-width: 100%;
    }
    .profile-section .top-tabs {
        justify-content: center;
        align-items: center;
        margin-right: auto;
    }
    .profile-section .top-tabs>span {
        text-align: center;
        padding: 10px;
    }
    .profile-section .container > .row{
        margin: auto auto 50px auto;
    }
    .profile-section .order-objects .item > div:nth-child(2) > div{
        margin: 5px auto;
    }
    .profile-section .order-objects .item > div:nth-child(2) > div:first-child{
        margin-bottom: 0;
    }
    .profile-section .order-objects .item > div:nth-child(2) > div:last-child{
       position: relative;
    }
    :is(.profile-section .orders , .profile-section .favourites) .objects{
        padding-right: 10px;
    }
    :is(.profile-section .orders , .profile-section .favourites) .details > div > *{
        margin: auto 1px;
    }
    .profile-section .orders,
    .profile-section .favourites{
        margin: 0 10px;
    }
    .profile-section .orders .details > div{
        /* justify-content: space-around; */
        padding-right: 2px;
    }
    .profile-section .orders .details > div > span,
    .profile-section .orders .details > div > div{
        margin: 10px 0 10px 10px !important;
        min-width: max-content;
    }
    .profile-section .container > .row > .prof-details > h6{
        padding-block: 10px 5px;
    }
    :is(.profile-section .orders , .profile-section .favourites) .item .title svg{
        width: 18px;
    }
    .profile-section .comment-text{
        padding-block: 15px 0;
    }
    :is(.profile-section .orders , .profile-section .favourites) .item .details > div{
        height: 60px;
        align-items: flex-start;
    }
    :is(.profile-section .orders , .profile-section .favourites) .details .sum-price{
        position: absolute;
        bottom: 0;
    }

    .photo-links {
        margin-block: 3em;
    }
    .profile-section .history > div{
        overflow-x: auto;
    }
    .profile-section .history > div > div{
        min-width: 120px;
    }
    .profile-section .history > div div.active span.num{
        width: 25px;
        height: 25px;
    }
    .profile-section .comment-item{
        padding-right: 0 !important;
    }
    .profile-section .comment-item .status{
        /* width: 100px;
        max-width: 100px; */
        top: 18px;
        right: 71px;
        width: max-content;
        padding: 5px 10px;
        font-size: 11px;
    }
    .profile-section .comment-item .status.confirmed {
         background-color: transparent;
        color: #06721fbd;
    }
    .profile-section .comment-item .status.denied {
        background-color: transparent;
        color: var(--btn-back-color);;

    }
    .profile-section .comment-item .status.waiting {
        background-color: transparent;
        color: #F18F01;

    }
    .profile-section .comment-item .date::after{
        width: 65vw;
    }
    .profile-section .comment-item .img-box > div{
        margin-top: 20px;
    }
    .profile-section .container > .row .user-details,
    .profile-section .container > .row .list{
        margin: 0 auto;
    }
    .profile-section .user-details > div:first-child {
        padding-block: 5px;
    }
    .profile-section .container > .row .list > div > div:not(:last-child){
        padding-bottom: 0;
    }
    .profile-section .container > .row .list > div span,
    .profile-section .user-info > span{
        font-size: 11px !important;
    }
    .profile-section .container > .row .list > div svg{
        width: 20px;
        height: 20px;
    }
    .profile-section .container > .row > .prof-details > div{
        padding-inline: 0;
    }
    .profile-section .fav-item > div{
        height: 155px;
        padding-inline: 5px !important;
    }
    .profile-section .favourite-items img{
        width: 110px;
        max-width: 110px;
        height: 95px;
        max-height: 95px;
    }
    .not-found img{
        width: 300px !important;
        max-width: 300px !important;
        height: 225px !important;
        max-height: 225px !important;
        margin-top: 0;
    }
    .profile-section .fav-item .view-more{
        /* min-width: 100px;
        padding: 5px;
        border-radius: 5px; */
        display: none !important;
    }
    .profile-section .fav-item .remove{
        padding: 7px;
        border-radius: 5px;
        width: 110px;
        justify-content: space-evenly;
    }
    .profile-section .fav-item .remove svg{
        width: 15px;
        height: 15px;
    }
    :is(.profile-section .orders , .profile-section .favourites) .item .title{
        /* margin-right: 10px; */
    }
    .profile-section .order-objects{
        margin: 0 auto;
    }
    .profile-section .reciever,
    .profile-section .prices{
        padding-block: 15px;
    }
    .profile-section .prices{
        justify-content: space-between;
    }
    .profile-section .order-objects .dates{
        margin-right: 25px;
    }
    .profile-section .order-objects .item{
        padding: 10px;
    }
    .profile-section .reciever > div{
        justify-content: space-between;
        margin-block: 10px;
    }
    .profile-section .cmt-row{
        border: 0 !important;
        padding: 0 !important;
    }
    .specification .comments{
        text-align: center;
    }
    .comment-no-login{
        width: 320px;
    }

    .page-address{
        width: 100% !important;
    }

    .features .row{
        flex-direction: column;
    }
    .features .row > div{
        margin-bottom: 20px;
    }

    .order-review-page .orderDetail img{
        width: 180px;
        height: 180px;
    }
}
@media screen and (max-width:450px) {
    .blog-section .blog-item img{
        width: 100%;
        height: 200px;
    }
    /* CONTACT */
    .connect-form .img-box img{
        width: 300px;
    }
    .links svg{
        width: 30px;
        top: 5px;
    }
    .links a {
        width: 90px;
        height: 90px;
    }
}
@media screen and (max-width: 414px) {
    .product-section .price-box .unit-price{
        margin-right: 110px;
    }
    .prod-row .allShine {
        height: 135px;
        /*min-height: 135px;*/
    }
    .prods{
        padding: 0;
    }
    :is(.prod-row, .top-seller, .newest-clothes) img{
        /* width: 130px;
        height: 125px; */
        min-width: 130px;
        min-height: 125px;
    }
    .cart-modal .details *{
        font-size: 12px;
    }
    .cart-modal img {
        width: 100px;
        max-width: 100px;
        height: 90px;
        max-height: 90px;
    }
    .profile-section .fav-item .view-more{
        min-width: 90px;
    }
    .profile-section .comment-text{
        padding-right: 25%;
    }
    .EntranceBox{
        width: 350px;
    }
}
@media screen and (max-width:360px) {
    :is(.colors, .sizes, .meters) > span,
    :is(.colors, .sizes, .meters) > input{
        max-width: 145px;
    }
    .blog-item img {
        max-width: 330px;
        max-height: 300px;
    }
    .product-section .price-box .unit-price{
        margin-right: 90px;
    }
    .profile-section .fav-item > div{
        height: 150px;
    }
    .profile-section .favourite-items img{
        width: 110px;
        max-width: 110px;
        height: 90px;
        max-height: 90px;
    }
    .profile-section .fav-item .view-more{
        min-width: 75px;
    }
    .EntranceBox {
        width: 300px;
    }
    .comment-no-login{
        width: 270px;
    }

    .product-section .product-image img{
        width: 300px;
        height: 280px;
    }
    .about-nilshan .row > div:first-child{
        bottom: -70px;
    }
}

@media screen and (max-width:340px) {
    :is(.colors, .sizes, .meters , .types:not(.tags)) > span,
    :is(.colors, .sizes, .meters , .types:not(.tags)) > input{
        min-width: 115px;
        max-width: 115px;
    }
    .index-banner-slider img{
        height: 20vh;
    }
    .address-bar .row{
        padding-right: 0;
    }
    .blog-item img {
        max-width: 280px;
        max-height: 240px;
    }
    .other-posts img{
        max-width: 340px;
    }
    .other-posts img{
        max-width: 300px;
    }
    .product-section .price-box .addToCart{
        padding: 10px 20px;
    }
    .prod-row .allShine{
        min-width: 125px;
    }
    .prod-row img {
        /* width: 110px;
        height: 110px; */
    }
    .product-section .title-text{
        min-width: 90px;
        max-width: 90px;
    }
    .cart-modal .details{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .cart-modal .details *{
        width: 100%;
        text-align: right;
    }
    .product-section .patterns-slider img{
        /* width: 110px; */
    }
    /* .about-nilshan .row > div:first-child{
        bottom: -40px;
    } */
}
@media screen and (max-width: 320px) {
    a, h6, p, span, label {
        font-size: 11px !important;
    }
    .product-section .price-box .unit-price{
        margin-right: 90px;
    }
    .cart-modal img {
        width: 100px;
        max-width: 100px;
        height: 90px;
        max-height: 90px;
    }
    .check-page .post-type{
        margin: auto;
    }
    .check-page .post-detail{
        max-width: 80px;
        text-align: center;
    }
}
/* INDEX TOP SLIDER */
@media (min-width: 490px) {
    .slider__img {
      width: 29rem;
    }
    .slider__context {
      font-size: 1.8rem;
    }
    .slider__index {
      visibility: visible;
    }
    .slider__price {
      font-size: 0.4em;
    }
    .slider__footer {
      font-size: 0.98rem;
      margin-bottom: 2.2em;
    }
  }

  @media (min-width: 830px) {
    .slider__img {
        width: 700px;
        height: 400px;
        margin: 15px -250px 50px 0;
        border-radius: 20px;
    }
    .slider__context {
      font-size: 2rem;
      margin-bottom: 1.15em;
    }
    .slider__footer {
      margin-bottom: 2.8em;
    }
    .mega-menu.show{
        display: flex;
    }
  }