@media screen and (min-width:1920px){

}
@media (min-width:1600px) and (max-width:1920px){
	

}
@media (min-width:1440px) and (max-width:1600px){

}
@media (min-width:1280px) and (max-width:1440px){
    .header-logo>a>img {
        height: 35px;
    }
    .header-search>form {
        display: flex;
        border: 1px solid #C4C4C4;
        background-color: white;
        width: 93%;
        height: 46px;
        align-items: center;
        border-radius: 10px;
    }
    .header-search > form > input.form-control {
        border: none;
        box-shadow: none;
        width: calc(100% - 46px);
        height: 44px;
        display: flex;
        border-radius: 10px;
        background:transparent;
    }
    .cart-inside>ul>li>.cart-pro-info {
        display: flex;
        width: 50%;
        flex-direction: column;
    }
    .cart-inside>ul>li>.cartp-pro-price {
        display: flex;
        flex-direction: column;
        width: 35%;
        align-items: flex-end;
        justify-content: flex-start;
    }
}
@media (min-width:1024px) and (max-width:1281px){

}
@media (min-width:768px) and (max-width:1024px){
	
}
@media (max-width:768px){
    .header ul.top-menu {
        display: flex;
        width: 100%;
        margin: 10px 0px;
        padding: 0px;
        list-style: none;
        justify-content: center;
    }
	ul.top-social {
        display: flex;
        justify-content: center;
        list-style: none;
        margin: 6px 0px;
        padding: 0px;
    }
    .header-logo{
        display:none;
    }
    ul.user-menu {
        display: flex;
        width: 100%;
        list-style: none;
        margin: 7px 0px 0px;
        padding: 0px;
        align-items: center;
        justify-content: center;
    }
    .navbar-brand {
        display: flex;
        padding-left:10px;
    }
    .navbar-brand>img{
        height:35px;
    }
    .navbar-toggler{
        margin-top:6px;
        margin-right:10px;
    }
    .mobile-none{
        display:none;
    }
    .navbar .dropdown:hover .dropdown-menu {
        margin-top: 0;
        width: 100%;
    }
    ul.navbar-nav>li.nav-item:first-child>.nav-link {
        padding-left: 15px;
    }
    .navbar .dropdown:hover .dropdown-menu{
        display: none;
    }
    .navbar .dropdown .dropdown-menu.show{
        display:block;
    }
    .intro-left{
        margin-bottom:20px;
    }
    .intro-right>.row>div{
        margin-bottom:10px;
    }
    .intro-left>.tags {
        position: absolute;
        right: 12px;
        background-color: white;
        display: flex;
        height: 31px;
        width: fit-content;
        border-left: 1px solid #D50B1C;
        border-top: 1px solid #D50B1C;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 0px;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        align-items: center;
        bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
    }
    a.intro-cat>.tags {
        position: absolute;
        right: 0px;
        background-color: white;
        display: flex;
        height: 40px;
        width: fit-content;
        border-left: 1px solid #D50B1C;
        border-top: 1px solid #D50B1C;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 10px;
        color: #333;
        font-size: 12px;
        font-weight: 600;
        align-items: center;
        bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .subs-text {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    .footer-logo-area {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .footer-contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    a.product-box>.product-img {
        display: flex;
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        position: relative;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        overflow: hidden;
    }
    a.product-box>.product-info>.product-info-top>h6 {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        margin: 0px;
    }
    .user-menu .dropdown-menu.cart-menu {
        min-width: 290px;
        width: auto;
        max-width: 365px;
    }
    .user-menu .cart-menu .empty-list {
        white-space: normal; 
        padding: 1rem;
        text-align: center;
        display: block;
    }
    .user-menu .cart-menu .cart-title {
        white-space: normal;
        word-break: break-word;
    }
    .header-search>form>button.btn.btn-search{
        border:none;
        width:24px;
    }
    .header-search>form>input.form-control {
        border: none;
        box-shadow: none;
        width: calc(100% - 32px);
        height: 44px;
        display: flex;
        padding-top: 0px;
        padding-bottom: 0px;
        align-items: center;
    }
    .header-search>form>input.form-control::placeholder{
        font-size:14px;
    }
    ul.user-menu>li {
        display: flex;
        margin-right: 5px;
    }
    .category-toggle {
        display: block;
        background: none;
        margin-top:0px;
        display: flex;
        height:30px;
        width: 30px;
        font-size:14px;
        color:#D50B1C;
        border-color: #D50B1C;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0px;
        top: -6px;
    }
    ul.category-list {
        margin-top: 10px;
        overflow: hidden;
        max-height: 0;
        transition: all .4s;
    }
    ul.category-list.open {
        max-height: 1000px;
        transition: all .4s;
    }
    .ads.ads-1>a {
        display: flex;
        width: 100%;
        height: 405px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .ads.ads-2>a {
        display: flex;
        width: 100%;
        height: 170px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .product-title {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
    }
    .product-right-side {
        padding-right: 15px;
    }
    .button-area>a.btn.sablon-btn>svg {
        fill: #333;
        height: 30px;
        margin-right: 5px;
        transition: all .4s;
    }
    .button-area {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .button-area>a.btn.sablon-btn {
        display: flex;
        height: 46px;
        width: 100%;
        border: 1px solid #C4C4C4;
        border-radius: 10px;
        color: #333;
        font-size: 14px;
        font-weight: 600;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        transition: all .4s;
        padding-top: 7px;
        margin-bottom:10px;
    }
    .total-area {
        display: flex;
        width: 100%;
        margin-left: 2%;
        font-size: 16px;
        color: #333;
        font-weight: 400;
        align-items: center;
        justify-content: center;
    }
    .total-area>.total {
        font-size: 18px;
        font-weight: 700;
        color: #D50B1C;
        margin-left: 5px;
        display: flex;
        align-items: flex-end;
    }
    .total-area>.total>span {
        font-size: 14px;
        line-height: 25px;
    }
    .cart-inside>ul {
        display: flex;
        width: 100%;
        padding: 10px;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, .16);
        list-style: none;
        border-radius: 10px;
        background-color: white;
        flex-direction: column;
    }
    .cart-inside>ul>li>.cartimg {
        display: flex;
        width: 25%;
        margin-right: 15px;
    }
    .cart-inside-right{
        display: flex;
        flex-direction: column;
        width:calc( 75% - 15px );
    }
    .cart-inside>ul>li>.cart-pro-info {
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-shrink: 0;
    }
    .cart-inside>ul>li ul.cartbtn-list{
        display: flex;
        width:100%;
        justify-content: flex-end;
        padding: 0px;
        margin-bottom:10px;
    }
    .cart-inside>ul>li ul.cartbtn-list>li{
        display: flex;
        width:fit-content;
        margin-left:12px;
    }
    .cart-inside>ul>li ul.cartbtn-list>li:first-child{
    margin-left:0px;
    }
    .cart-inside>ul>li ul.cartbtn-list>li>a{
        text-decoration: none;
        color:#333;
        font-size:12px;
        display: flex;
        align-items: center;
        transition: all .4s;
    }
    .cart-inside>ul>li ul.cartbtn-list>li>a>img{
        height:12px;
        margin-right:5px;
    }
    .cart-inside>ul>li ul.cartbtn-list>li>a:hover{
        color:#D50B1C;
        transition: all .4s;
    }
    .cart-inside>ul>li .cart-pro-info{
        display: flex;
        width:100%;
        flex-direction: column;
    }
    .cart-inside>ul>li .cart-pro-info>.cart-pro-title{
        display: flex;
        text-decoration: none;
        width:100%;
        font-size:14px;
        font-weight: 600;
        color:#333;
        transition: all .4s;
    }
    .cart-inside>ul>li .cart-pro-info>.cart-pro-title:hover{
        color:#D50B1C;
        transition: all .4s;
    }
    .cart-inside>ul>li .cart-pro-info>.cart-pro-spec{
        font-size:13px;
        font-weight: 500;
        color:#888888;
    }
    .cart-inside>ul>li .cartp-pro-price{
        display: flex;
        flex-direction: column;
        width:100%;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top:10px;
    }
    
    .cart-inside>ul>li .cartp-pro-price>.piece-price{
        font-size:18px;
        font-weight: 600;
        color:#333;
    }
    ul.dropdown-menu>li.user-info{
        min-width: 200px;
        font-size:16px;
        font-weight: 700;
        color:black;
        padding-left:15px;
        padding-right:10px;
        border-bottom:1px solid #D50B1C;
        margin-bottom:10px;
    }
    ul.variation>li {
        display: flex;
        width: 33%;
        aspect-ratio: 1 / 1;
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px;
    }
    ul.variation>li>a.active>.variation-title {
        display: flex;
        width: 100%;
        height: 30%;
        align-items: center;
        justify-content: center;
        background-color: white;
        font-size: 14px;
        font-weight: 600;
        color: #D50B1C;
        text-align: center;
    }
    a.product-box>.product-info>.product-info-bottom>.product-price-area>.product-price {
        display: flex;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        color: #D50B1C;
        line-height: 17px;
        width: 100%;
        flex-shrink: 0;
        flex-wrap: wrap;
    }
    a.product-box>.product-info>.product-info-bottom>.min-order {
        display: flex;
        width: 100%;
        justify-content: space-between;
        background-color: #F7F7F7;
        border-radius: 8px;
        height: 40px;
        align-items: center;
        padding: 5px;
    }
    .product {
        padding: 5px;
        position: relative;
    }
    a.product-box>.product-info>.product-info-bottom>.min-order>.min-order-title {
        display: flex;
        font-size: 13px;
        font-weight: 500;
        color: #333;
    }
}