.desktop-only {
    display: block;
}
.mobile-only {
    display: none;
}
@media (max-width: 700px) {
    .main-banner {
        background-image: url("../img/bg11_mob_min.webp");
    }
    .main-banner-newyear {
        background-image: url('../img/newyear20253.png');
    }
}
@media (max-width: 1000px) {

    .containerCharacteristics {
        columns: 1;
    }

    .relative {
        z-index: inherit;
    }
    body {
        font-size: 14px;
    }
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    .btn {
        min-width: 140px;
    }
    .row {
        --bs-gutter-x: 0;
    }
    h1 {
        font-size: 52px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 24px;
    }
    .header-line {
        background: linear-gradient(180deg, rgba(208, 24, 24, 1) 0, rgba(37, 50, 66, 1) 70%);
    }
    .header-line h3 {
        font-size: 18px;
    }
    .header-line .align-middle {
        display: block;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .header-line span.text-red {
        font-size: 36px;
        margin: 0 10px;
    }
    .header-line a {
        float: none;
        display: inline-block;
        vertical-align: super;
    }
    #mob-menu-drop .container {
        padding-top: 0;
    }
    #mob-menu-drop {
        transition: 0.15s;
        visibility: hidden;
        opacity: 0;
        display: none;
        position: absolute;
        top: 100%;
        margin-top: -1px;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #fff;
        padding: 0 10px 10px 15px;
    }
    #mob-menu-drop.open {
        visibility: visible;
        display: block;
        opacity: 1;
    }
    .close-menu-mob {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
    }
    .header-content .row {
        height: 28px;
    }
    .modal.show .modal-dialog {
        width: calc(100% - 1rem);
    }
    .search-mob .form {
        position: static;
        width: auto;
        font-weight: 600;
        margin-bottom: 20px;
        height: 40px;
    }
    #mob-menu-drop .main-menu-ul {
        text-transform: uppercase;
    }
    #mob-menu-drop .main-menu-ul li {
        margin-top: 15px;
    }
    #mob-menu-drop .main-menu-ul > li > a {
        color: #d01818;
    }
    #mob-menu-drop .main-menu-ul > li ul {
        padding-left: 10px;
    }
    #mob-menu-drop .main-menu-ul > li ul a {
        color: #253242;
    }
    #mob-menu-drop .main-menu-ul > li > ul ul {
        text-transform: none;
    }
    .search-mob .form button {
        background-position: center;
        height: 38px;
        width: 38px;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"] {
        height: 38px;
    }
    #mob-menu-drop .next-menu-ul {
        text-transform: uppercase;
        margin-top: 40px;
    }
    #mob-menu-drop .next-menu-ul > li {
        margin-bottom: 15px;
    }
    input::placeholder,
    textarea::placeholder {
        color: #a8abaf;
        opacity: 1;
    }
    .main-banner {
        padding: 0 12.5px 0 12.5px;
        background-image: url("../img/bg11_mob.webp");
    }
    .main-banner-newyear {
        background-image: url('../img/newyear20253_mobile.png');
        background-position: bottom left;
        background-size: auto;
    }
    .main-banner form {
        width: 100%;
        box-sizing: border-box;
    }
    .main-catalog .main-catalog-item {
        width: 50%;
    }
    .container {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .content-header .align-right {
        text-align: left !important;
        display: block;
        padding: 5px 0 15px 0;
    }
    .main-slider-items .tabs > li {
        margin-bottom: 15px;
    }
    .main-slider .container {
        padding: 0;
    }
    .main-slider-categories .col-sm-2 {
        width: 15%;
    }
    .main-slider-categories .col-sm-10 {
        width: 80%;
        margin-left: 5%;
    }
    .main-slider-categories .cat-banner .title p {
        line-height: 50px !important;
    }
    .main-slider-categories .cat-banner .title h5 {
        font-size: 26px !important;
    }
    .main-slider-categories .cat-banner .title {
    }
    .main-slider-categories .cat-banner .title h5 {
    }
    .main-youtube .col-6 {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }
    .main-youtube iframe {
        height: 125px;
    }
    .main-youtube h5 {
        font-size: 16px;
    }
    .footer-submenu {
        margin-bottom: 20px;
    }
    .footer-end {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .footer-end .social {
        margin-top: 10px;
        padding-top: 15px;
        border-top: 1px solid #a8abaf;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    .footer-end > div {
        margin-bottom: 10px;
    }
    .footer-end > div:first-child {
        width: 100%;
        padding-bottom: 15px;
    }
    .breadcrumbs {
        padding: 15px;
    }
    .catalog-page #filters {
        display: none;
        position: absolute;
        top: 80px;
        z-index: 6;
    }
    .catalog-page .sort .text-right {
        text-align: initial !important;
    }
    .catalog-page .icon-filter {
        position: absolute;
        right: 0;
    }
    .catalog-page .icon-filter-off {
        position: absolute;
        right: 0;
        display: none;
        z-index: 1;
    }
    .filter-wrapper {
        position: relative;
    }
    .steps .img-wrap:after {
        left: calc(50% - 17px);
    }
    .steps-animation .img-wrap:after {
        left: calc(50% - 17px);
        opacity: 1;
        top: -54px;
        transform: rotate(90deg);
    }
    .steps-animation .col-lg-3 {
        margin-bottom: 60px;
    }
    .steps .col-lg-3:first-child .img-wrap:after {
        display: none;
    }
    .steps .col-lg-3:last-child .img-wrap:after {
        display: block;
    }
    .bootom-form {
        margin: 0;
    }
    .bootom-form input {
        margin-bottom: 20px;
    }
    .catalog-page .item-main-desc {
        padding: 30px 15px;
    }
    .catalog-page .item-main-desc .elements {
        top: 15px;
        right: 15px;
    }
    .catalog-page .item-main-desc .tags span {
        margin-bottom: 8px;
        margin-right: 5px;
    }
    .catalog-page .item-main-desc h4.price {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .catalog-page .item-main-desc h3 {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .catalog-page .item-main-desc h4.price span {
        margin: 0;
        opacity: 0.5;
    }
    .catalog-page .item-main-desc .buttons .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .catalog-page .item-main-desc .status .text-right {
        text-align: inherit !important;
    }
    .catalog-page .item-desc ul.tabs li {
        width: 100%;
        border-left: 2px solid #253242;
    }
    .catalog-page .item-desc ul.tabs li a {
        display: block;
        width: 100%;
        text-align: center;
    }
    .catalog-page .item-desc ul.tabs {
        border-bottom: none;
    }
    .bootom-form .container {
        background: url("../img/Bg1.jpg") no-repeat center;
    }
    .bootom-form .container h2,
    .bootom-form .container h4 {
        text-align: center;
    }
    .bootom-form .container h4 {
        font-size: 22px;
    }
    .catalog-page .gallery .thumbnails {
        display: none;
    }
    .catalog-page .item-desc .article .table .tr {
        flex-direction: column;
        padding-bottom: 15px;
    }
    .catalog-page .item-desc .article .table .tr .td {
        width: 100%;
        padding: 15px 10px 0 10px;
    }
    .lb-nav a.lb-next {
        margin-right: 5px;
        position: absolute;
        background-size: 18px;
    }
    .lb-nav a.lb-prev {
        margin-left: 5px;
        position: absolute;
        background-size: 18px;
    }
    .mobpad {
        padding-left: 0;
        padding-right: 0;
    }
    .cart-page .cart-item > div {
        align-items: flex-start;
    }
    .cart-page .cart-item h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .cart-page .cart-item h4 {
        padding-top: 10px;
        font-size: 18px;
        margin-bottom: 20px;
        text-align: right;
    }
    .number-input,
    .number-input * {
        width: 100%;
        margin-bottom: 10px;
    }
    .bottom-form3 .radio-line .form_radio_btn {
        display: inline-block;
        margin-right: 20px;
        width: 100%;
        text-align: center;
        border-left: 2px solid;
    }
    .bottom-form3 .input-line2 input,
    .bottom-form3 .input-line3 input,
    .bottom-form3 textarea {
        width: 100%;
    }
    .about-page .banner {
        flex-direction: column;
        background: url("../img/about-bg-m.jpg") no-repeat center;
        align-items: flex-start;
        padding-left: 30px;
    }
    .about-page .banner .left {
        border-right: none;
    }
    .about-page .left-menu {
        padding: 40px 20px 30px 20px;
        margin-bottom: 40px;
    }
    .about-page .banner h1 {
        font-size: 86px;
    }
    .about-page .certs img {
        width: 90%;
        display: inline-block;
    }
    .about-page .carousel-certs > div {
        text-align: center;
    }
    .bootom-form .container {
        padding: 40px 20px;
    }
    .vacancy-page .bootom-form .row {
        padding: 0;
    }
    .input-file-btn {
        vertical-align: top;
    }
    .input-file-text {
        max-width: 70%;
        line-height: 28px;
    }
    .about-page .bootom-form2 .subtitle {
        text-align: center;
        margin-bottom: 0;
    }
    .about-page .bootom-form2 h4 {
        margin-top: 10px;
        font-size: 28px;
        text-align: left;
    }
    .about-page .bootom-form2 .mobile-only {
        margin-bottom: 20px;
    }
    .social-share {
        height: auto;
        display: block;
        margin-bottom: 30px;
    }
    .social-share li {
        display: inline-block;
    }
    .article-page .item-image {
        height: 320px;
    }
    .article-page .news-description .sub {
        margin-bottom: 0;
    }
    .search-result-page .form-result form input {
        width: 240px;
        min-width: 240px;
    }
    .search-result-page .form-result form {
        width: 100%;
    }
    .search-result-page .sort {
        margin-top: 20px;
    }
    .search-result-page .sort .sort-form label {
        margin-right: 0;
        padding-left: 20px;
    }
    .dealers-page .dealers-item {
        display: block;
    }
    .dealers-page .dealers-item .left {
        padding: 10px;
    }
    .dealers-page .dealers-item iframe {
        max-width: 100%;
    }
    .brand-desc {
        padding: 0 0 30px 0;
    }
    ul.pagination {
        margin-bottom: 30px;
    }
    .delivery-page h3 {
        margin-bottom: 60px;
    }
    .delivery-page h4 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .delivery-page br {
        display: none;
    }
    .delivery-page .wrapper {
        padding: 0 0;
        margin-bottom: 40px;
    }
    .delivery-page .around-world2 .col {
        margin-bottom: 40px;
    }
    .around-world3 p {
        margin-bottom: 20px;
    }
    .profile-page .left-menu {
        margin-bottom: 40px;
    }
    .profile-page .btn-black {
        margin-bottom: 20px;
    }
    .btn-black {
        line-height: 38px;
        height: 38px;
        padding: 0 15px 0 15px;
    }
    .btn-big {
        line-height: 38px;
        height: 38px;
    }
    .profile-page .orgs span {
        margin-left: 10px;
        font-size: 16px;
    }
    .profile-page .orgs {
        padding-left: 0;
    }
    .profile-page .orders-line .order .item-img {
        height: 220px;
        margin-bottom: 20px;
    }
}

@media(max-width: 450px) {
    .footer-end {
        display: block;
    } 
}
