@media screen and (max-width: 1399px) {
    .mstInPage__wrapper {
        margin: 2% auto;
    }
}
@media screen and (max-width: 1199px) {
    footer .block.newsletter .form.subscribe > .actions, footer .block.newsletter .form.subscribe > .actions button{
        display: block;
        width: 100%;
        border-radius: 0px 0px 10px 10px !important;
        margin: 0px;
    }
    footer .block.newsletter input{
        border-radius: 5px 5px 0px 0px;
    }
    .page-products .products-grid .product-item {
        width: calc((100% - 4%)/3);
    }
    .page-products .products-grid .product-item:nth-child(4n + 1){
        margin-left: 1%;
    }
    .product-container .product-view-left, .product-container .product-view-right{
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    #expert span.contactspan {
        display: none;
    }
    body.catalog-product-view .page-title-wrapper h1{
        font-size: 32px;
        line-height: 36px;
    }
    .product-container h2, .simulateh2{
        font-size: 22px;
        line-height: 26px;
    }
    #productdescriptiondf h3, .simulateh2{
        font-size: 18px;
        line-height: 22px;
    }
}



@media screen and (max-width: 1024px) {
    .page-products .products-grid .product-item {
        width: calc((100% - 4%)/2);
    }
    .page-layout-2columns-left .column.main {
        width: 69.166667%;
    }
    .page-layout-2columns-left .sidebar-main {
        width: 30.833333%;
    }
    .burger-menu-content ul li {
        display: block;
        -webkit-line-clamp: unset;
    }
    .burger-menu-content ul li > a > span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        min-width: 0;
    }
}

@media screen and (max-width: 991px) {
    body.catalog-product-view .product-info-main {
        min-height: 400px;
        box-shadow: none;
    }
    .catalog-product-view #maincontent{
        overflow-x: hidden;
    }
    #productbuy, #product_addtocart_form_sticky{
        padding: 0px !important;
        margin-left: -15px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        clear: both;
        margin-top: 20px;
    }
    #cartmobile .product-info-main{
        padding-left: 13px;
        padding-right: 13px;
    }
    body.catalog-product-view #productbuy .product-info-main{
        padding-left: 15px;
        padding-right: 15px;
    }
    .bundlepack-content-wrapper .amrelated-plus {
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: -41px;
        text-align: center;
    }
    .bundlepack-content-wrapper .amrelated-equal {
        display: none;
    }
    .boxreviews .sxreview, .boxreviews .dxreview{
        width: 100%;
    }
    .boxreviews{
        display: block !important;
    }
    .product-container .product-view-left, .product-container .product-view-right{
        width: 100%;
    }
}

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

}

@media screen and (max-width: 969px) {
    #expert{
        padding-left: 55px;
    }
    #expert picture {
        margin-left: -67px;
        margin-top: -6px;
    }
    #expert img{
        width: 60px;
    }
    .sticky-header #fixmenu{
        margin-bottom: 99px;
    }
    #categorybread h1{
        font-size: 38px;
        line-height: 46px;
        letter-spacing: -1.54px;
    }
    #ms-header-menu {
        display: none;
    }
    #logoblock ul li{
        font-size: 12px;
    }
    #ms-header-center .iconright svg, #ms-header-center .togglemenusx svg {
        width: 25px;
    }
    #dxmenuheader ul li{
        font-size: 14px;
    }
    .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before {
        width: 27px;
        height: 30px;
    }
    #ms-header-center .block-search input {
        padding: 5px 50px 5px 20px;
    }
    .block-search .action.search:before {
        font-size: 17px;
        line-height: 33px;
    }
    #ms-header-center .iconright a.icontop {
        margin-right: 2px;
    }
    .logocenter svg {
        max-width: 200px;
    }
    #logoblock ul, #dxmenuheader ul{
        margin-top: 0px !important;
    }
    #dxmenuheader{
        margin-top: -10px;
        height: 23px;
    }
    #ms-header-center{
        padding-top: 1px !important;
        padding-bottom: 9px !important;
    }
}

@media screen and (min-width: 769px) {
    .sidebar-main .filter-options{
        max-height: 1000px;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 768px) {
    .carouselistwrapper:before, .carouselistwrapper:after{
        display: none;
    }
    .filter.active .filter-options-title{
        padding-bottom: 10px;
    }
    .filter.active .filter-options-content .am-ranges .items.-am-multiselect .item [class*='am-filter-item']{
        padding-top: 1px;
    }
    .filter.active .filter-options-item{
        padding-bottom: 15px;
    }
    .amshopby-filter-current.filter-current{
        background: unset;
        padding: unset;
        border-radius: unset;
        border: unset;
        margin: inherit;
    }
    .sticky-header-filter #filteractive {
        left: 9px;
        margin-top: 6px;
    }
    #filteractive{
        width: 15px;
        height: 15px;
        background: var(--primary-color);
        position: absolute;
        left: 5px;
        border-radius: 50%;
        margin-top: -5px;
        color: white;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        display: block;
    }
    .filter .filter-title, .block.filter .filter-actions, .amshopby-filter-current.filter-current{
        display: none;
    }
    .filter.active .filter-title{
        display: block;
        border-bottom: 1px solid #ccc;
        height: 48px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 2;
    }
    .filter.active .filter-title strong:after{
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 27px;
        color: #000!important;
        content: "\f00d";
        font-family: "font awesome 6 pro";
        font-weight: 600;
        line-height: inherit;
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        speak: none;
        text-align: center;
    }
    .filter.active .filter-title strong {
        box-shadow: none;
        background: none;
        border: 0;
        color: transparent;
        left: auto;
        right: 3px;
        top: 10px;
        display: inline-block;
        text-decoration: none;
    }
    .filter.active {
        position: relative;
        visibility: visible;
        z-index: 99;
    }
    body.filter-active .page-wrapper {
        height: 0;
        margin-top: -999999em;
        visibility: hidden;
    }
    .page-products .sorter{
        width: 48%;
        text-align: right;
        border: solid 1px;
        border-radius: 5px;
        padding: 8px 0px;
        margin-top: -7px;
        margin-right: 1%;
    }
    .filtertitle {
        border-radius: 5px;
        padding: 7px 0px;
        margin-top: -7px;
        margin-left: 2%;
        border: solid 1px;
    }
    .sticky-header-filter #filtertitledf.filtertitle i, .sticky-header-filter .filtertitle span{
        color: white;
    }
    .sticky-header-filter #filtertitledf.filtertitle{
        justify-content: center;
        margin-left: 0px;
        border-radius: 0px 0px 5px 5px;
        background: var(--base-color);
    }
    .sticky-header .page-with-filter .columns .sidebar-main{
        top: 86px;
    }
    .sticky-header-filter .page-with-filter .columns .sidebar-main{
        max-width: 100%;
        top: 86px;
        background: white;
    }
    html .filter.active .filter-options {
        display: block !important;
        position: fixed;
        top: 35px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: scroll;
        background: #fff !important;
        z-index: 99;
        max-width: 100%;
        padding: 0px 30px 10px;
    }

    .filter-options .filter-options-item:first-child{
        padding-top: 0px;
    }
    .page-layout-1column .filter-options-item {
        border-bottom: 1px solid #ccc;
    }
    .page-products .columns{
        padding-top: 0px;
    }
    #filtertitledf .iconfilter{
        padding-left: 10px;
        cursor: pointer;
    }
    .filter-active.page-with-filter .columns .sidebar-main{
        max-width: 100%;
    }
    .page-with-filter .columns .sidebar-main{
        z-index: 9;
        max-width: 49%;
    }

    #showhide-filter{
        display: none !important;
    }
    .sticky-header #fixmenu{
        margin-bottom: 82px;
    }
    .page-with-filter #maincontent{
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-products .products-grid .product-item {
        width: calc((100% - 3%)/2);
    }
    .page-header{
        margin-bottom: 0px;
    }
    .catalog-category-view .breadcrumbs {
        padding-bottom: 12px;
        padding-top: 12px;
        display: block;
    }
    #appstore {
        margin-top: -5px;
    }
    footer .footer-title:after{
        display: block;
        position: absolute;
        content: "\f107";
        font-family: "Font Awesome 6 Pro";
        right: 20px;
        top: 10px;
        font-size: 22px;
        font-weight: 300;
    }
    footer .openedtoggle .footer-title:after{
        transform: rotateZ(180deg);
        transition: all 200ms ease;
    }
    #firstfooter .sxfooter{
        order:2;width: 100%;
    }
    #firstfooter .dxfooter{
        order:1;width: 100%;
    }
    #firstfooter {
        padding-top: 5px;
    }
    footer .col-md-6, #language{
        padding-bottom: 5px !important;
        width: 100%;
    }
    .sxfooter, .dxfooter{
        padding: 0px;
        border: none !important;
        width: 100%;
    }
    footer .notoggled{
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .toggled.openedtoggle{
        display: block;
        padding: 15px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        transition: all 500ms ease;
    }
    footer .newsletterfooter p, footer #appstore p, #footerpayment.openedtoggle{
        margin-top: 10px;
    }
    #appstore a{
        margin-top: 5px;
        font-size: 12px;
        line-height: 16px;
        padding: 5px 21px 6px 40px;
    }
    #appstore a i {
        left: 10px;
        top: 10px;
        font-size: 25px;
    }
    #secondfooter {
        padding-bottom: 10px;
    }
    #copyright p{
        font-size: 10px;
        margin-bottom: 9px !important;
        text-align: center;
    }
    footer .footer-title {
        padding: 10px 15px;
        font-size: 14px;
        background: #fff;
        margin: 0 !important;
        cursor: pointer;
        display: block;
        text-decoration: none;
        position: relative;
    }
    span.footer-title i {
        margin-left: 0px;
        font-size: 16px;
    }
    #ms-header-center .togglemenusx svg{
        width: 30px;
        margin-left: -3px;
    }
    #mst-searchautocomplete-in-page .mstInPage__header{
        flex-direction: initial;
    }
    #appstore .footer-title:after,.newsletterfooter .footer-title:after, #copyright p br,#ms-header-center .iconright .texticon, #ms-header-center .togglemenusx .texticon, .minicartname, footer .toggled{
        display: none;
    }
    .minicart-wrapper{
        margin-top: 0px;
    }
    #dxmenuheader ul li{
        font-size: 12px;
    }
    #dxmenuheader i{
        font-size: 15px;
    }

    #ms-header-center .iconright a.icontop, #ms-header-center .togglemenusx #hambmenu{
        width: 34px;
    }
    #ms-header-center .iconright a.action:not(.actions-toolbar a.action){
        width: 41px;
    }
    .minicart-wrapper .action.showcart .counter.qty {
        line-height: 17px;
        min-width: 17px;
        padding: 0 1px;
        margin-top: -9px;
        right: 3px;
        font-size: 8px;
    }
    #dxmenuheader {
        margin-top: -3px;
    }
    .block-search input{
        position: static;
        margin: 0px;
    }
    .block-search .label:before{
        position: absolute;
        font-size: 17px;
        line-height: 30px;
        color: var(--base-color);
        margin-right: 9px;
    }
    .block-search .label {
        text-decoration: none;
        display: inline-block;
        float: right;
        position: absolute;
        right: 36px;
    }
    #ms-header-center .block-search input {
        padding: 3px 50px 3px 20px;
        font-size: 14px;
    }
    #sxlogoheader, #dxlogoheader {
        height: 20px;
    }
    #search_mini_form .field.search{
        position: relative;
    }
    .block-search .control{
        border: none;
        margin: 0px;
        padding: 0px;
    }
    .hightline:before {
        height: 20%;
        left: 10px;
    }
}

@media (max-width: 640px) {
    .page-products .products-grid .product-item:hover .product-item-inner {
        position: absolute;
        width: 100%;
        z-index: 3;
        padding-bottom: 10px;
        background: white;
    }
}

@media screen and (max-width: 599px) {
    .hightline {
        font-size: 25px;
    }
    #expert{
        min-width: auto;
        margin-right: -15px;
        border-radius: 0px;
        padding-right: 0px;
    }
    .helpexpert i{
        font-size: 22px;
    }
    .helpexpert{
        margin-left: -67px;
        margin-top: -6px;
        display: block !important;
        border-radius: 50%;
        border: solid 2px;
        padding: 5px;
        background: white;
        box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
        width: 60px;
        height: 60px;
        line-height: 18px;
        font-size: 12px;
    }
    .labelinlisting {
        display: flex;
    }
    .product-item .product-image-wrapper .product-image-photo{
        padding: 20px;
    }
    .product-item .price-box .price {
        font-size: 20px;
    }
    .product-item-name .productnamegrid{
        font-size: 14px;
    }
    .product-item-name .producth2{
        font-size: 12px;
        line-height: 18px;
        height: 38px;
    }
    .product-item-name .onelineh2 {
        height: 16px;
    }
    #categorybread h1 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -0.75px;
    }
    .list.product-item .product-item-details {
        width: calc(100% - 130px);
        margin-bottom: 20px;
    }
    .products-list .product-item-photo {
        max-width: 130px;
    }
    .imgbrand {
        width: 55px;
    }
    #sxlogoheader,#dxlogoheader, #dxmenuheader, #langicon, #expert span, #expert picture {
        display: none !important;
    }
    html .togglemenusx #hambmenu {
        width: auto !important;
        margin-right: 0px !important;
        margin-right: 0px !important;
    }
    .texticonmenu {
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.11px;
        margin-left: 5px;
        font-weight: 600;
    }
    #ms-icon-topdx{
        position: absolute;
        top: -33px;
        right: 0px;
    }
    #ms-icon-topdx{
        width: 50%;
    }
    .togglemenusx{
        width: 40%;
    }
    .searchcenter{
        width: 60%;
    }
    .logocenter{
        width: 50%;
        text-align: left !important;
    }
    .hide-mobile, #main-gallery-images.owl-carousel .owl-nav{
        display: none !important;
    }
    #maincontent .product-container{
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    body:not(.catalog-category-view):not(.ambrand-index-index) .page-wrapper > .breadcrumbs {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 8px;
        margin-bottom: 13px;
    }
    .catalog-product-view .breadcrumbs .items .item:not(.home){
        padding: 3px 12px;
    }
    .catalog-product-view .breadcrumbs .items .item.home a{
        line-height: 18px;
    }
    .product-view-left .product-main-info-top-left{
        padding-bottom: 5px !important;
    }
    body.catalog-product-view .product-main-brand .product-reviews-summary {
        position: absolute;
        right: 5px;
        margin-top: -25px;
        background: white;
        padding-left: 6px;
    }
    body.catalog-product-view .product-main-h2{
        max-width: calc(100% - 105px);
    }
    #main-gallery-images.owl-carousel .owl-item img{
        max-width: 250px;
    }
    .catalog-product-view .breadcrumbs .items .item:first-child::after {
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
    }
    .product-view-left .product-main-brand{
        padding: 0px 3px;
    }
    body.catalog-product-view .page-title-wrapper h1{
        font-size: 24px;
        line-height: 28px;
        margin-left: 2px;
    }
    body.catalog-product-view .product-view-labels{
        top: -6px !important;
    }
    .product-container .product-view-labels .labelist{
        margin-left: -2px;
    }

}
