@media screen and (max-width: 1200px) {
    
    .header-4 .main-menu .sub-megamenu { width: 1110px; margin-left: -606px;}

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

    .header-4 .main-menu .menu > li > a { padding: 30px 14px;}
    .header-4 .main-menu .sub-megamenu { width: 928px; margin-left: -473px; padding: 20px;}

}
@media screen and (max-width: 768px) {
    .navigation-mobile-container { display: block; }
    .btn-mobile .button-mobile { vertical-align: middle; font-size: 32px;}
    .mob-search { position: absolute; top: 8px; right: 0;}
    .mob-basket { position: absolute; top: 8px; right: 40px;}
    .mobile-logo { text-align: center; padding: 10px 0;}
    .btm-space { margin-bottom:15px;}
    .tabs-filter-style-1 .tab { text-transform: none; padding: 0 12px; height: 34px; line-height: 34px;}
    section.about-block .about-text { padding: 3.6rem 2rem 3rem 0;}
    section.about-block::before { width: 60%; left: -47%;}
    .about-text h2 { margin-bottom: 10px;}
    .about-text p { font-size: 14px; line-height: 24px;}
}
@media screen and (max-width: 615px) {
    
    .tabs-filter-style-1 .tab { margin-bottom: 5px;}
    
}
@media screen and (max-width: 480px) {
    
    table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
    table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
    table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none;}
    table.ShopCart thead { display: none; }	
    .CartInfo tbody .btn-success { float:right;}
    .CartInfo tbody .productd div { float:left;}
    section.featured .fp-title h2 { font-size: 18px;}
     section.about-block::before { width: 56%; left: -62%;}
    section.about-block .about-text { padding: 0 0 3rem 0;}
    .social-media, .ship { margin-top: 20px;}
    .mb-15 { margin-bottom: 15px;}
	
}
@media screen and (max-width: 395px) {
    
    table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
    table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
    table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none; color:#222;}
    table.ShopCart thead { display: none; }	
    .CartInfo tbody .btn-success { float:right;}
    .CartInfo tbody .productd div { float:left;}
    
}
@media screen and (max-width: 360px) {

    section.about-block::before { width: 56%; left: -65%;}

}