/* =========================================
   АДАПТИВ: БОЛЬШИЕ ЭКРАНЫ И ПЛАНШЕТЫ
   ========================================= */

@media screen and (max-width: 1200px) {
    #main-menu-right { gap: 20px; }
    .header-messenger { width: 22% !important; }
    .header-phone-md { width: 25% !important; }
    .header-messenger span { display: none; }
}

@media screen and (max-width: 1120px) {
    .m-hide { display: none !important; }
}

@media screen and (max-width: 1000px) {
    .search-box-input { display: none; }
    .container-flex { justify-content: start; margin-top: 0; }
    .m-header-messenger {
        display: inline-flex;
        margin-top: 12px;
        height: 50px;
        position: absolute;
        right: 63px;
        align-items: center;
        justify-content: space-between;
        width: 161px;
    }  
    .m-header-messenger img { height: 45px; }
    .m-header-messenger-max, .m-header-messenger-call { display: inline-block; }
    .m-header-search-link {
        background: #fff url(../img/search-submit.png?v2) no-repeat scroll 8px 9px;
        background-size: 20px;
        height: 35px;
        width: 35px;
        cursor: pointer;
        border-radius: 50%;
        display: inline-block;
    }
}

@media screen and (max-width: 950px) {
    #menu #main-menu-icons-contact {
        display: flex;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        justify-content: space-between;
        border: none;
        padding-bottom: 0;
    }
    #menu #main-menu-icons-contact a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        border: 1px solid #fff !important;
        color: #fff;
        border-radius: 25px; 
        margin: 0;
    }
    .menu-wrapper { top: 80px; }
    .m-menu-icon { transform: scale(0.7); margin-left: -12px; margin-right: -12px; }
    #logo { order: 2; height: 80px; aspect-ratio: auto; max-width: 500px; }
    #logo a { height: 70px; }
    #logo img { margin-left: -4px; margin-top: 0; }
    #main-menu-right { display: none; } 
    #main-menu { justify-content: start; padding-top: 0; padding-bottom: 0; gap: 15px; }
}

@media screen and (max-width: 800px) {
    .text-indexpage .clamp_20 {
        display: -webkit-box;
        -webkit-line-clamp: 20;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .text-indexpage .clamp_full { -webkit-line-clamp: 10000 !important; }
    .text-indexpage .clamp-link { display: table; margin: 10px auto 0; }
    
    /* Контакты в подвале/на страницах */
    .max-container {
        background: url(../img/zakazat-v-mah-mini.png) no-repeat center top;
        background-size: 45px;
        display: inline-table;
        width: 90px;
        padding-top: 55px;
        text-align: center;
    }
    .vk-container {
        background: url(../img/vk22.png) no-repeat center top;
        background-size: 45px;
        display: inline-table;
        width: 90px;
        padding-top: 56px;
        text-align: center;
    }
    .telegram-container {
        background: url(../img/t.png) no-repeat center top;
        background-size: 45px;
        display: inline-table;
        width: 110px;
        padding-top: 55px;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .post-ext { height: auto; margin-top: 8px; padding-bottom: 0; }
    .row-mod { margin: 15px 0 !important; }
    .row-mod .h1-all-pages { margin-left: -15px; }
    .qna__title { font-size: 27px; }
    .images-to-content-blog { padding: 15px 0; }
    
    .main-section, .section-pn, .comment-form, .comments-container, .col-lg-3 .right-column {
        margin-left: -15px;
        margin-right: -15px;
    }
    .main-section { border-radius: 10px; }
    .col-lg-9 .main-section, .section-pn, .comment-form, .comments-container { margin-bottom: 20px; }
    
    .comments-title { font-size: 20px; margin-bottom: 25px; }
    .author { align-items: start; }
    .author img { width: 50px; height: auto; }
    .author-name { font-size: 15px; }
    .comment-content { margin-left: 10px; width: 100%; }
    .comment-date { display: none; }
    .m-comment-date { color: #999; display: flex; align-items: start; margin-top: 10px; }
    .comment-logo, .comment-logo img { width: 25px; min-width: 25px; height: auto; }
    .comment-form .rw-reviews-fieid, .comment-form-id .rw-reviews-fieid { width: 100%; }
    .comment-form .rw-reviews-fieid:first-of-type { margin-bottom: 20px; }
    .text-container-blog h2 { font-size: 22px; }
    .blue-wrap, .otz-wrap { padding: 10px; margin: 0 15px; border-radius: 10px; width: auto; }
    .breadcrumb { margin-top: 40px; }
}

@media (max-width: 599px) {
    .menu-wrapper-blocks { gap: 25px; margin-top: 15px; }
    .menu-wrapper-block { width: calc(50% - 13px); }
    .menu-wrapper-block span {
        padding: 3px 10px;
        bottom: -8px;
        font-size: 17px;
        box-shadow: 0 0 4px 3px #a015fe;
        min-width: 120px;
    }
    .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item { width: 100%; float: left; }
}

@media (max-width: 500px), (max-width: 499px) {
    .h1-all-pages { font-size: 30px; }
    .images-to-content-blog h1 { font-size: 18px; margin-bottom: 20px; padding: 0 10px; }
    .post-date { font-size: 11px; padding-left: 15px; background-size: 12px; margin-top: 0; margin-left: 7px; }
    .post-category a { text-transform: none; }
}

@media screen and (max-width: 310px) {
    .qna__title { font-size: 23px !important; }
}

/* =========================================
   АДАПТИВ: МИНИМАЛЬНЫЕ ШИРИНЫ (ДЕСКТОП)
   ========================================= */

@media (min-width: 500px) {
    .h1-all-pages { font-size: 30px; }
    .post-date { font-size: 13px; padding-left: 18px; background-size: 15px; margin-top: 0; margin-left: 7px; }
    .images-to-content-blog h1 { font-size: 35px; margin-bottom: 20px; }
}

@media (min-width: 600px) {
    .gallery-columns-2 .gallery-item { width: 50%; float: left; }
    .gallery-columns-3 .gallery-item { width: 50%; float: left; }
    .gallery-columns-4 .gallery-item { width: 50%; float: left; }	
}

@media (min-width: 650px) {
    .h1-all-pages { font-size: 36px; }
}

@media (min-width: 768px) {
    .images-to-content-blog { padding: 30px; }
}

@media (min-width: 992px) {
    .gallery-columns-2 .gallery-item { width: 50%; float: left; }
    .gallery-columns-3 .gallery-item { width: 33%; float: left; }
    .gallery-columns-4 .gallery-item { width: 25%; float: left; }
    .site-header-menu, .site-footer-menu { margin-top: 25px; }
    .post-navigation li:nth-child(1) { text-align: left; }
    .post-navigation li:nth-child(2) { text-align: right; }
}