@media screen and (max-width:1059px) {
    header .header-top .panel .lang{
        display:none;
    }
    header .header-top .panel .phones + .separator{
        display: none;
    }
}
@media screen and (min-width:1020px) {
    body.active-mobile-menu{
        overflow: auto;
    }
    #mobileMenu{
        display: none;
    }
}
@media screen and (max-width:1019px) {
    header .header-top{
        display: none;
    }
    header .row-favorites-categories{
        display: none;
    }
    .search-field-wrapper{
        display:none;
    }
    header .tool-box{
        margin-left:auto;
    }
    header .tool-box a > span{
        display: none;
    }
    .catalog-btn-wrapper{
        display: none;
    }
    .hamburger-btn{
        display:block;
    }
    #catalog-menu,
    .overlay{
        display: none !important;
    }
}
@media screen and (max-width:950px) {
    .contacts{
        transform: none;
        left:20px;
    }
    .contacts:last-child{
        transform: none;
        right:20px;
        left:auto;
    }
}
@media screen and (max-width:899px) {
    #google-map{
        display:none;
    }
    .contacts-blc{
        height:auto;
        padding: 0 15px;
        max-width: 1380px;
        margin-left:auto;
        margin-right:auto;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    .contacts-blc h2.block-title{
        margin-bottom:0;
    }
    .contacts,
    .contacts:last-child{
        top:auto;
        left:auto;
        right:auto;
        width:auto;
        min-height:inherit;
        position: relative;
    }
}
@media screen and (max-width:864px) {
    .footer-content{
        flex-direction: column;
    }
    .footer-menu-wrapper{
        padding:0;
    }
    footer .logo{
        display: flex;
        justify-content: center;
        margin-bottom:20px;
    }
    footer .col-sm-4{
        text-align: center;
        padding-bottom:10px;
    }
    .footer-social{
        padding:0;
    }
}
@media screen and (max-width:767px) {
    .about__main {
        padding: 36px 35px 35px 35px;
    }
    .about__main__text {
        font-size: 23px;
    }
    .about__main__text {
        font-size: 23px;
        margin-bottom: 13px;
    }
    .about__main__num{
        font-size:65px;
    }
    .about__link {
        width: 100%;
        font-size: 16px;
    }
    .about__link::before {
        width: 279px;
        height: 116px;
        top: -12px;
        background-position: 0 29px;
        left: -8px;
        background-size: contain;
    }
    .about__pic {
        display: none;
    }
    .about {
        padding: 11px 0 40px 0;
        margin-top: 0;
        margin-bottom:40px;
    }
    .about__main {
        height: 293px;
    }
    .footer-info{
        justify-content: center;
    }

    .cat-grid {
        --auto-grid-min-size: 10rem;
    }
    
    .cart-table colgroup,
    .cart-table thead {
        display: none;
    }

    .cart-table{
        margin:0;
    }
    .cart-table,
    .cart-table tbody,
    .cart-table tfoot{
        display:block;
    }
    .cart-table tfoot tr,
    .cart-table tfoot td{
        display:block;
    }
    .cart-table tfoot td{
        padding-top:25px;
    }
    .cart-table tfoot td .btn{
        display: flex;
        justify-content:center;
        width: 100%;
    }
	
	
	.cart-table tbody tr td {
        display:block;
        padding:0;
    }
    .cart-table tbody tr td > div {
        width:100%;
    }
    
    .cart-table tbody tr{
        border-bottom: 1px solid #ddd;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        padding-bottom:30px;
        margin-bottom:30px;
        gap: 15px 10px;
        grid-auto-flow: row;
        grid-template-areas:
        "name name name name name name"
        "photo photo photo price price tool"
        "photo photo photo quantity quantity tool"
        "photo photo photo total total tool";
    }
    .cart-table tbody tr td.cell-photo{
        grid-area: photo;
        width:auto;
    }
    .cart-table tbody tr td.cell-name{
        grid-area: name;
    }
    .cart-table tbody tr td.cell-quantity{
        grid-area: quantity;
        display: flex;
        align-items: center;
    }
    .cart-table tbody tr td.cell-price{
        grid-area: price;
        display: flex;
        align-items: flex-end;
    }
    .cart-table tbody tr td.cell-total{
        grid-area: total;
        white-space: nowrap;
        position: relative;
        font-weight: 400;
        font-size: 26px;
        letter-spacing: -0.06em;
        line-height: 1;
    }
    
    .cart-table tbody tr td.cell-total::before{
        content:attr(data-text);
        position: relative;
        display: block;
        font-size: 10px;
        letter-spacing: 0.01em;
        font-weight: 700;
        line-height: 10px;
        margin-bottom: 3px;
    }
    .cart-table tbody tr td.cell-tool{
        grid-area: tool;
        text-align: right;
    }
    
    .cart-table .cell-photo .product-photo{
    	padding-right:5px;
    }
    
    .cart-table tbody tr td .product-pricing{
        display: flex;
        gap:20px;
        margin:0;
    }
    .cart-table tbody tr td .product-pricing .price{
        margin:0 !important;
    }
    .cart-table tbody tr td.cell-total{
        color:var(--gray-color);
    }
    .cart-table tbody tr td.cell-total::before{
        font-weight: normal;
    }

}
@media screen and (max-width:649px) {
    .logo img:first-child{
        width: 50px;
        height: 46px;
    }
    .logo img:last-child{
        width:100px;
        height:21px;
    }
}
@media screen and (max-width:585px) {
    .footer-menu-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .footer-menu-wrapper ul li{
        text-align: center;
    }
    .listing-container:not(.owl-carousel) {
  		--auto-grid-min-size: 10rem;
	}
	.listing-container .list-item .product-line-tool .fav-btn, 
	.listing-container .list-item .product-line-tool .cart-btn{
		width: auto;
		min-width:28px;
	}
}
@media screen and (max-width:525px) {
   
    .novelties-container .more-listings{
        justify-content: center;
    }
    h2.block-title{
        justify-content: center;
    }
}
@media screen and (max-width:439px) {
    header .header-controls .panel{

    }
    header .tool-box {
        gap: 30px;
    }
    header .tool-box .nav-user-wrapper{
        display: none;
    }
    .hamburger-btn{
        margin-left:auto;
    }
}
@media screen and (max-width:370px) {
    .tool-box a[href*="favorites"]{
        display: none;
    }
}
@media screen and (max-width:320px) {
	.listing-container:not(.owl-carousel){
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    header .tool-box{
        display: none;
    }
    .hamburger-btn{
        margin-left:auto;
    }
}