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

}

@media screen and (max-width: 1258px){
    .login-top {
        display: flex;
    }
}

@media screen and (max-width: 943px){
    .mob-none{
        display: none !important;
    }
    
    .block4-detail-info .col-2{
        width: 27%;
    }
    .block4-detail-info .col-9{
        width: 50%;
    }
    
    .block-detail-phone a span {
        font-weight: 700;
    }
    
    .slider-detail .col-7{
        width: 100%;
    }
    .slider-detail .col-5{
        width: 100%;
        margin-top: 1.5rem;
    }
    .b4-d-info {
        padding: 0;
        border: none;
        margin-top: 0;
        display: grid;
    }
    .block-detail-product{
        order: 0;
    }
    .block-desc-product {
        order: 2;
        margin-bottom: 1rem;
    }
    .block4-detail-info{
        order: 3;
    }
    .block-detail-phone{
        order: 4;
        margin-bottom: 10px;
    }
    .block-map-product{
        order: 5;
    }
    .block-add-product{
        order: 6;
    }
    .block-detail-product h2 {
        margin: 0rem 0 1rem 0;
    }
    .block-detail-price, .block-detail-info, .block-detail-message{
        width: 100%;
        border: none;
        padding: 10px 0;
    }
    .block-detail-info{
       display: none;
    }
    .block-detail-message{
        display: none;
    }
    #block-4-detail .col-7{
        width: 100%;
    }
    .block4-detail-info a {
        padding: 0;
        text-align: right;
        border: none;
    }
    .block-attr-product ul {
        margin-right: auto;
    }
    .lSSlideOuter .lSPager.lSGallery{
        display: none;
    }
    .filters .d-flex {
        flex-wrap: nowrap !important;
    }
    
    .filters .col-2, .filters .col-4, .filters .col-5 {
        width: auto;
        margin-right: 10px;
    }
    .search-home img {
        left: 10px;
    }
    .search-home input {
        padding: 15px 15px 15px 55px;
    }
    #block-1 .col-12{
        width: 95%;
    }
    #block-1 .d-flex{
        justify-content: space-between;
        align-items: center;
    }
    .pk-none{
        display: block;
    }
    .mob-filter{
        text-align: right;
    }
    #block-2 .d-flex{
        justify-content: space-between !important;
        width: 100%;
        overflow: scroll;
        padding-bottom: 14px;
    }
    #block-2 .col-1{
        width: 15%;
    }
    .banner-home img {
        border-radius: 10px;
    }
    #block-4-mob-products .col-6{
        width: 48%;
        margin-bottom: 2rem;
    }
    #block-4-mob-products ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #F4F4F4;
        border-radius: 5px;
        padding: 5px;
    }
    #block-4-mob-products ul li{
        width: 50%;
    }
    #block-4-mob-products ul li button{
        width: 100%;
        border: 2px solid transparent;
        border-radius: 5px;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        letter-spacing: -0.24px;
        color: #1E293B;
    }
    #block-4-mob-products ul li .active{
        background: #FFFFFF;
        border: 2px solid #F4F4F4;
    }
    #block-5 .col-3{
        width: 48%;
    }
    #block-8-mob-fix-menu{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 10px;
        text-align: center;
    }
    #block-8-mob-fix-menu a{
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        text-align: center;
        letter-spacing: -0.24px;
        color: #515A68;
    }

    #block-8-mob-fix-menu .icon-fix{
        font-size: 25px;
    }

    #block-8-mob-fix-menu span{
        display: block;
        margin-top: 5px;
    }

    #block-8-mob-fix-menu .bg-plus-icon{
        background: var(--color-pink);
        padding: 5px;
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        top: -74%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    .icon-fix-plus-text{
        position: relative;
        top: 61%;
    }
    .active-fix-menu{
        color: var(--color-pink) !important;
    }
    .menu-filter-body{
        width: 100% !important;
        height: 100%;
        overflow: scroll;
    }
    .menu-filter-body .offcanvas-header a{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.24px;
        color: #C811AA;
    }
    .menu-filter-body .offcanvas-header h5{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.24px;
        color: #1E293B;
    }
    .canvas-filter-body button{
        background: var(--color-pink);
        border-radius: 5px;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.24px;
        color: #FFFFFF;
        padding: 1rem;
        display: block;
        width: 100%;
        margin-top: 5rem;
        border: 1px solid var(--color-pink);
    }
    .canvas-cats-body a{
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .canvas-cats-body .cat-block-image {
        margin: 0;
    }
    .canvas-cats-body span  {
        margin-left: 1rem;
    }
    .canvas-cats-body .category-block  {
        margin-bottom: 1.5rem;
    }
    .icon-cats-canvas{
        margin-left: auto;
    }
    .offcanvas.offcanvas-bottom {
        height: 65%;
    }
    #block-0-profile{
        padding-top: 1rem;
    }
    .img-profile{
        position: relative;
        display: flex;
        align-items: center;
    }
    .img-profile span{
        position: absolute;
        left: 6%;
        bottom: -5%;
        width: 10px;
        height: 10px;
        background: var(--color-pink);
        border-radius: 50%;
        display: block;
    }
    .img-profile p{
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.24px;
        color: #1E293B;
        margin-left: 10px;
        margin-bottom: 0;
    }
    .icons-profile{
        text-align: right;
    }
    .icons-profile a{
        color: #515A68;
        font-size: 30px;
        margin-left: 20px;
    }
    .icons-profile .active-profile-icons{
        color: var(--color-pink);
    }

    .b-1-profile-blocks a{
        font-weight: 400;
        font-size: 20px;
        line-height: 19px;
        letter-spacing: -0.24px;
        color: #1E293B;
        order: 1;
        flex-grow: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 2rem 0;
        border-bottom: 1px solid #BFBFBF;
    }
    .balance-profile{
        font-weight: 700;
        font-size: 20px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.24px;
        color: var(--color-pink);
        flex: none;
        order: 2;
        flex-grow: 0;
    }
    #block-5-profile{
        padding: 2rem 0 15rem 0;
    }
    .btn-add a{
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        color: var(--color-white);
        background: var(--color-pink);
        border-radius: 5px;
        border-color: var(--color-white);
        padding: 10px 2rem;
        margin: 0 auto;
        display: block;
        width: fit-content;
    }
    .pro-profile-btn{
        font-weight: 500;
        font-size: 20px;
        line-height: 19px;
        color: #C811AA;
        border: 1px solid #C811AA;
        border-radius: 5px;
        padding: 7px 1rem;
    }

    .profile-block-setting a{
        font-weight: 400;
        font-size: 20px;
        line-height: 19px;
        letter-spacing: -0.24px;
        color: #1E293B;
        flex: none;
        order: 0;
        flex-grow: 0;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #BFBFBF;
    }

    .profile-block-setting .icc-city{
        margin-left: auto;
        color: var(--color-pink);
    }
    .pro-profile-edit-2 span{
        margin-left: auto;
    }
    .pro-profile-edit-2 a{
        margin-top: 4rem;
        margin-bottom: 5rem;
        color: var(--color-pink);
        font-size: 20px;
        display: block;
        text-align: center;
    }
    .bg-light{
        background-color: #F5F5F5;
    }
    .pro-price{
        margin-bottom: 2rem;
    }
    .top-chats{
        display: flex;
        padding-top: 2rem;
        justify-content: space-between;
    }
    .top-chats h3{
        text-align: center;
        font-weight: 500;
        font-size: 25px;
        line-height: 19px;
        letter-spacing: -0.24px;
        color: #1E293B;
        margin-left: 4rem;
    }
    .top-chats a{
        text-align: right;
        display: block;
        font-size: 25px;
        color: var(--color-pink);
    }
}

@media screen and (max-width: 688px){
    #block-3-add .col-3, #block-3-add .col-9, #block-3-add .col-5{
        width: 100%;
    }
    
    #block-3-add .col-2{
        width: 50%;
    }
    
    #block-3-add .phone, .currency {
        margin-left: 0;
    }
    
    .blocks {
        padding: 10px 25px 5rem;
    }

    #block-3-add .add-image{
        width: 100%;
        margin-bottom: 4rem;
    }
    
    #block-3-add .add-image-2{
        width: 97%;
        height: 188px;
        margin: 10px auto;
    }
    
    #block-8-mob-fix-menu .bg-plus-icon {
        width: 60px;
        height: 60px;
        top: -37%;
    }
    .icon-fix-plus-text {
        left: 18%;
    }
    .body-chats .col-10{
        width: 65%;
    }
    .blocks .col-3{
        width: 48%;
    }
    #block-1 .col-12 {
        width: 90%;
    }
    #block-2 .col-1 {
        width: 24%;
    }
    .price {
        font-size: 25px;
    }
    .new-product-home h2 {
        font-size: 20px;
    }
    .new-product-home-right a {
        font-size: 13px;
    }
    .vendor-single .price {
        font-size: 22px;
        padding: 0;
    }
    .img-user-png {
        width: 65px;
        height: 65px;
    }
}

@media screen and (max-width: 560px){
    #block-2 .col-1{
        width: 34%;
    }
}