/* Large desktops and laptops */
@media screen and (max-width: 1024px) {
    header .menu ul li {
        margin-right: 7px;
    }
    header .menu ul li a {
        font-size: 14px;
    }
    header .phone {
        font-size: 14px;
    }
    header .icons a {
        font-size: 16px;
    }
    header .icons .basket .total-price {
        font-size: 15px;
    }
    .owl-nav {
        display: none;
    }
    .main .content-block .row {
        margin: 0;
    }
    .about img {
        padding-right: 0px;
    }
    .about h2 {
        margin: 0 0 20px 0;
    }
    .about button {
        margin: 0 0 0px 0;
    }
    
    .pluss .plus-block {
        padding-right: 20px;
        margin-bottom: 35px;
    }
    .pluss .plus-block p {
        font-size: 11px;
    }
    
    .footer .footer-menu ul li {
        padding: 0;
    }
    .footer .footer-menu ul li a {
        font-size: 12px;
    }
    
    .blockx .msearch2 #mse2_filters {
        width: 100%;
    }
    .blockx .tovar-block a img {
        width: 100%;
    }
    .blockx-other .tovar-block .prices button {
        padding: 12px 10px;
    }
}


/* Landscape phones and portrait tablets */
@media screen and (max-width: 426px) {
    h2 {
        font-size: 28px;
    }
    .bot-panel {
        display: block;
        position: fixed;
        bottom: 0;
        background: #121f6c;
        width: 100%;
        z-index: 999;
    }
    .bot-panel a.gis {
        background: #000;
        color: #fff;
        text-decoration: none;
        padding: 8px 10px;
    }
    .bot-panel a.gis span {
        display: inline-block;
        width: 74%;
    }
    .bot-panel a.gis img {
        display: inline-block;
        width: 24%;
        vertical-align: sub;
    }
    .bot-panel a.phone {
        width: 25%;
        padding: 10px;
        text-align: center;
        font-size: 26px;
        color: #fff;
    }
    .bot-panel a {
        float: left;
    }
    .bot-panel a.book {
        width: 50%;
        background: #000;
        font-weight: 100;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        padding: 17px 0;
        text-align: center;
        font-weight: 700;
        text-decoration: none;
    }
    
    .header {
        padding: 10px 0;
        height: 60px;
        position: fixed;
        width: 100%;
        background: #fff;
        box-shadow: 0px -3px 6px #000;
        z-index: 9999;
    }
    .header .logo img {
        height: 40px;
    }
    .header .menu {
        display: none;
    }
    .header .phone {
        display: none;
    }
    .header .smm {
        padding: 1px 0;
        display: none;
    }
    .header .smm ul li {
        margin: 0 3px;
    }
    .header .smm ul li:nth-child(2),
    .header .smm ul li:nth-child(3) {
        /*display: none;*/
    }
    .header .callback {
        display: none;
    }
    .header .mob-akk .icons,
    .header .mob-akk {
        display: block;   
    }
    .header .icons a {
        font-size: 24px;
    }
    .header .icon-srch {
        display: block;
        text-align: right;
        font-size: 22px;
        color: #000;
        padding: 6px 0;
        border: none;
        background: none;
    }
    .search-block {
        padding: 75px 0 15px;
    }
    .search-block .input-group .input-group-append button {
        padding: 7px 23px;
        margin: 0px 0px 0 20px;
    }
    .header .icons {
        text-align: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 14px 0;
    }
    .header .hc-nav-trigger.hc-nav-1 {
        right: 15px;
        top: 18px;
        display: block !important;
    }
    .header .hc-nav-trigger.hc-nav-1 span,
    .header .hc-nav-trigger span::before, 
    .header .hc-nav-trigger span::after {
        background: #000;
    }
    .menu {
        display: none;
    }
    #main-nav {
        display: none;
    }
    .crumbs {
        padding: 75px 0 20px;
    }
    .slider {
        padding: 85px 0 30px;
        text-align: center;
    }
    .slider .block-text {
        padding: 0;
    }
    .slider .block-text .title {
        margin-top: 30px;
        font-size: 22px;
    }
    .slider .block-text a {
        margin-right: 15px;
        display: inline-block;
        padding: 10px 15px;
    }
    .plus .plus-block {
        padding: 0;
    }
    .plus .plus-block img {
        width: 75%;
    }
    .plus .plus-block p {
        font-size: 16px;
    }
    .catalog .catalog-block a p {
        font-size: 15px;
        height: auto;
    }
    .services .accordion {
        padding: 0 !important; 
    }
    .services .accordion .accordion-item .accordion-collapse .accordion-body table tr td:first-child {
            width: 59% !important;
        }
    .services .accordion .accordion-item .accordion-collapse .accordion-body table tr td:last-child {
        width: 40%!important;
        text-align: right;
        font-weight: 600;
    }
    .main .content-block a p {
        font-size: 13px;
    }
    .main .content-block a img {
        height: 50vh;
    }
    
    .main .content-block .text-main {
        position: relative;
        height: 100vh;
        top: 0;
        padding-top: 200px;
    }
    .main .content-block .text-main h1 {
        font-size: 40px;
        margin-bottom: 25px
    }
    .main .content-block .text-main h5 {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .main .content-block .text-main .dopik {
        width: 100%;
        font-size: 14px;
    }
    .main .mouse {
        display: none;
    }
    .main .content-block .text-main .add {
        bottom: 150px;
        font-size: 16px;
        margin: 0;
        position: absolute;
    }
    .otziv .otzivy-block a .title {
        height: auto;
    }
    
    .contacts {
        display: none;
    }
    
    .about .mob img {
        display: none;
    }
    .about .desk-img {
        display: block;
        width: 100%;
        padding: 0;
    }
    .about .text-block {
        padding: 0;
    }
    .about button {
        margin: 10px 0 25px;
        font-size: 13px;
    }
    .about button i {
        font-size: 30px;
    }
    
    
    .services .tab-content {
        border: 0;
        padding: 0;
    }
    .services .nav {
        display: flex;
        padding-bottom: 10px;
        margin: 0 auto 30px;
        overflow-x: auto;
        width: auto;
        flex-wrap: initial;
    }
    .services .nav::-webkit-scrollbar {
        width: 24px; /* ширина для вертикального скролла */
        height: 4px; /* высота для горизонтального скролла */
        background-color: #c8c8c8;
    }
    /* ползунок скроллбара */
    .services .nav::-webkit-scrollbar-thumb {
        background-color: #2e2e2e;
        border-radius: 0;
        box-shadow: inset 1px 1px 4px #2e2e2e;
    }
    .services .tab-content .zapis {
        margin-bottom: 30px;
    }
    .services .nav li {
        display: inline-block;
        width: auto !important;
        padding: 0 0 0 22px !important;
        margin-right: 15px;
        margin-bottom: 0 !important;
        font-size: 18px;
    }
    .services .nav li:first-child {
        padding: 0 !important;
    }
    .services .nav li button {
        white-space: nowrap;
    }
    .services .tab-content ul li span:first-child {
        width: 73%;
    }
    .services .tab-content img {
        padding: 0;
        margin-top: 30px;
    }
    
    
    .plus {
        padding: 50px 0 20px;
    }
    .plus .plus-block {
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    .masters ul {
        display: flex;
        padding-bottom: 10px;
        margin: 0 auto;
        overflow-x: auto;
        width: auto;
        flex-wrap: initial;
    }
    .masters ul::-webkit-scrollbar {
        width: 24px; /* ширина для вертикального скролла */
        height: 4px; /* высота для горизонтального скролла */
        background-color: #c8c8c8;
    }
    
    /* ползунок скроллбара */
    .masters ul::-webkit-scrollbar-thumb {
        background-color: #2e2e2e;
        border-radius: 0;
        box-shadow: inset 1px 1px 4px #2e2e2e;
    }
    .masters ul li {
        display: inline-block;
        width: auto !important;
        padding: 0 0 0 22px !important;
        margin-right: 15px;
        font-size: 18px;
    }
    .masters ul li button {
        white-space: nowrap;
    }
    .masters .owl-theme .owl-dots {
        display: block;
    }
    .masters .owl-theme .owl-dots {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .masters .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        background: transparent;
        border: none;
    }
    .masters .owl-theme .owl-dots .owl-dot span {
        width: 14px;
        height: 14px;
        margin: 5px 5px;
        background: transparent;
        border: 1px solid #2d2d2d;
        border-radius: 50%;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }
    .masters .owl-theme .owl-dots .owl-dot.active span, 
    .masters .owl-theme .owl-dots .owl-dot:hover span {
        background: #2d2d2d;
    }
    
    
    .instagram-block p {
        width: 65%;
    }
    .instagram-block a {
        font-size: 40px;
        vertical-align: initial;
    }
    .instagram-block .owl-theme .owl-dots {
        display: block;
    }
    .instagram-block .owl-theme .owl-dots {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .instagram-block .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        background: transparent;
        border: none;
    }
    .instagram-block .owl-theme .owl-dots .owl-dot span {
        width: 14px;
        height: 14px;
        margin: 5px 5px;
        background: transparent;
        border: 1px solid #2d2d2d;
        border-radius: 50%;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }
    .instagram-block .owl-theme .owl-dots .owl-dot.active span, 
    .instagram-block .owl-theme .owl-dots .owl-dot:hover span {
        background: #2d2d2d;
    }
    
    
    .contacts .mob-row {
        padding: 0;
    }
    .contacts .map {
        margin-top: 40px;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    
    
    .footer {
        padding: 20px 0 20px 0 !important;
        text-align: center !important;
    }
    .footer .smm,
    .footer .contact p,
    .footer ul {
        display: none;
    }
    .footer .copyright p {
        font-size: 12px;
    }
    .footer .logo .podzagolovok {
        font-size: 10px;
    }
    .copyrights {
        padding: 20px 0 80px;
    }
    
    body {
        overflow-x: hidden !important;
    }
    
    .hc-offcanvas-nav .nav-container .nav-wrapper ul .nav-close {
        display: none;
    }
    .hc-nav-1 .nav-container .cont {
        border-bottom: 0;
        margin-bottom: 20px;
    }
    .hc-nav-1 .nav-container .mob-phone {
        border-bottom: 0;
    }
    .hc-nav-1 .nav-container .mob-phone i {
        margin-right: 5px;
    }
    .hc-nav-1 .nav-container .mob-whatsapp {
        border-bottom: 0;
    }
    .hc-nav-1 .nav-container .mob-whatsapp i {
        margin-right: 5px;
    }
    .hc-nav-1 .nav-container .mob-2gis {
        border-bottom: 0;
    }
    
    .blockx-other .owl-theme .owl-dots {
        display: block;
    }
    .blockx-other .owl-theme .owl-dots {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .blockx-other .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        background: transparent;
        border: none;
    }
    .blockx-other .owl-theme .owl-dots .owl-dot span {
        width: 14px;
        height: 14px;
        margin: 5px 5px;
        background: transparent;
        border: 1px solid #2d2d2d;
        border-radius: 50%;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }
    .blockx-other .owl-theme .owl-dots .owl-dot.active span, 
    .blockx-other .owl-theme .owl-dots .owl-dot:hover span {
        background: #2d2d2d;
    }
    
    
    .blockx .sidebar .qnt-holder .le-quantity {
        width: 132px;
        margin-right: 10px;
    }
    .blockx .sidebar .qnt-holder .knopka {
        width: 175px;
    }
    .blockx-models .col-md-2 {
        width: 50%;
    }
    .blockx .callback {
        margin-bottom: 20px;
    }
    .blockx .link-block ul {
        columns: 2;
    }
    .blockx .text-block {
        margin-top: 30px;
    }
    .blockx iframe {
        width: 100% !important;
        height: auto !important;
    }
    .blockx img {
        width: 100%;
    }
    .blockx h1 {
        font-size: 30px;
    }
    .blockx .map {
        margin-top: 30px;
    }
    .blockx .ec-message {
        padding: 0 15px 0px 15px;
    }
    .blockx .project-block {
        width: 50%;
    }
    .blockx .project-block .catalog-block a p {
        font-size: 12px;
    }
    .blockx .photo-block .col-md-2 {
        width: 50% !important;
        margin-bottom: 20px;
    }
    .blockx .video-about button {
        font-size: 19px;
    }
    .about img {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    
    .blockx .tovar-block a img {
        width: 100%;
    }
    .blockx .tovar-block a .title {
        font-size: 11px;
    }
    
    .blockx .but {
        display: block;
        width: 100%;
        background: #212529;
        color: #fff;
        height: 48px;
        border: none;
        border-radius: 0px;
        outline: none;
        margin-bottom: 20px;
    }
    .blockx .but i {
        margin-right: 10px;
    }
    .blockx .msearch2 #mse2_filters {
        width: 100%;
    }
    .blockx .sidebar-s {
        display: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .blockx #msCart table tbody tr td {
        padding: 0 5px;
    }
    .cabinet .settings a {
        display: block;
        margin-bottom: 15px;
    }
    .cabinet .history-buy table tbody tr td {
        padding: 11px 10px;
    }
    .blockx .log-form {
        width: 100%;
    }
    .blockx .ec-form .form-group .form-control {
        width: 100%;
    }
    .blockx .gis-mob {
        display: block;
        margin-bottom: 25px;
    }
    .blockx .gis-mob a {
        color: #000;
        text-decoration: none;
    }
    .blockx .gis-mob a img {
        height: 35px;
        display: inline-block;
        width: 24%;
        vertical-align: sub;
        margin-right: 15px;
    }
    .blockx .gis-mob a span {
        display: inline-block;
        width: 70%;
    }
    .blockx .tovar-block .title {
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .toggle {
        display: block !important; 
    }
    .header-top {
        display: none;
    }
    .header .lang {
        display: none;
    }
    header {
        padding: 10px 0;
        height: 60px;
    }
    header .logo a {
        z-index: 999;
        position: absolute;
    }
    header .logo img {
        height: 40px;
    }
    header .menu {
        display: none;
    }
    header .phone {
        display: none;
    }
    header .mob-akk .icons,
    header .mob-akk {
        display: block;   
    }
    header .icons a {
        font-size: 24px;
    }
    header .icons {
        text-align: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 14px 0;
    }
    header .hc-nav-trigger.hc-nav-1 {
        right: 15px;
        top: 18px;
        display: block;
    }
    header .hc-nav-trigger.hc-nav-1 span,
    header .hc-nav-trigger span::before, 
    header .hc-nav-trigger span::after {
        background: #000;
    }
    
    .services .serv-block {
        margin-bottom: 30px;
    }
    .services .accordion {
        padding: 0 80px;
    }
    .modal-content {
        width: 100%;
    }
    
    .goods .goods-block {
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .nav-container .mob-lang {
        bottom: 10px;
        width: 100%;
        text-align: center;
    }
    .footer .contact {
        padding-left: 0px;
    }
    .nav-container .mob-lang li {
        display: inline-block;
    }
    .nav-container .mob-lang li a {
        border: none;
    }
    .nav-container .mob-lang li a.active,
    .nav-container .mob-lang li a:hover,
    .nav-container .mob-lang li a:active {
        background: #102671;
        color: #fff;
        padding: 6px 13px;
        border-radius: 8px;
    }
    .nav-container .mob-add {
        margin-top: 20px;
    }
    .nav-container .mob-add li a {
        border: none;
        padding: 7px 17px;
    }
    .nav-container .mob-add li a i {
        font-size: 20px;
        margin-right: 7px;
        color: #102671;
    }
    .nav-container .mob-sos {
        text-align: center;
    }
    .nav-container .mob-sos li {
        display: inline-block;
    }
    .nav-container .mob-sos li a {
        border: none;
        font-size: 20px;
    }
    .nav-container .mob-sos li a.whatsapp {
        color: #43d854;
    }
    .nav-container .mob-sos li a.instagram {
        color: #c13584;
    }
    .nav-container .mob-sos li a.telegram {
        color: #0d6efd;
    }
}