/*Copyright ©2019 QD [www.qd.ua]*/

@media screen and (max-width: 1150px) {
    nav.menu ul li {
        padding: 0 5px;
    }
    nav.menu ul li a {
        font-size: 13px;
    }
    nav.menu li a.icon_down {
        padding: 0 15px 0 0;
    }
    .services_city ul {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 960px) {
    .logo {
        top: 5px;
    }
    .logo:before {
        left: 0;
        opacity: 1;
        top: 0;
    }
    .body_search {
        right: 10px;
    }
    header.header_box .logo:before {
        top: 0;
    }
    .services_city ul,
    .galleryRow {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 770px) {
    .logo:after,
    nav.menu li a::before,
    .nav_post,
    .subscribe h3,
    .propoz,
    .buttontop,
    .foo_two,
    .crumbs,
    .print_link,
    .neighbors,
    .map_utog,
    .description_record,
    #record_aside,
    .details_record,
    .u_map,
    .nav_perelik,
    .content_top b {
        display: none !important;
        font-size: 0 !important;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: fixed !important;
        z-index: -100;
        top: -1000%;
    }
    #post_and_aside,
    .work_grid,
    .box_u,
    .box_u3,
    .about,
    .w4_kerivnictvo,
    .grid2,
    .record_full,
    .products,
    .full_products,
    .body_contact,
    .add_form label,
    .bottom_form,
    .merezhafull,
    .status_table,
    .sitemaps>ul,
    .service_qr_app,
    .itemGazeta,
    .gidtwo {
        grid-template-columns: 1fr;
    }
    .box_u3 {
        padding: 12px 0;
    }
    .seacrh_btn {
        display: block;
    }
    a.idutog,
    header.header_box a.idutog {
        background-image: none;
        height: 34px;
        line-height: 34px;
        padding: 0 20px;
        right: 10px;
        top: 7px;
    }
    .record_page h1.heading {
        margin: 0 0 10px;
        padding: 10px;
    }
    #top {
        height: 50px;
    }
    header,
    header .wrap {
        height: 50px;
    }
    .logo {
        height: 40px;
        left: 50%;
        margin: 0 0 0 -16px;
        width: 32px;
    }
    .logo:before,
    header.header_box .logo:before {
        height: 40px;
    }
    header.header_box nav.menu,
    header.rokiv87.header_box nav.menu {
        left: 0;
    }
    .burger {
        display: block;
    }
    nav.menu>ul {
        background: #1268D2;
        box-shadow: none;
        display: none;
        left: 0;
        padding: 60px 0 10px 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        z-index: 1000;
    }
    nav.menu ul li {
        display: block;
        height: auto;
    }
    nav.menu li a,
    nav.menu li a.icon_down,
    nav.menu li.first a {
        padding: 0 20px;
    }
    nav.menu li a:hover:before,
    nav li.active a:before {
        height: 0;
        opacity: 0;
    }
    nav.menu ul ul,
    nav.menu ul ul ul,
    nav.menu ul li:hover ul ul,
    nav.menu.open_menu ul li:hover ul ul {
        box-shadow: none;
        display: none;
        left: 0;
        opacity: 1;
        padding: 0 20px;
        position: relative;
        pointer-events: auto;
        top: 0;
        transform: translateY(0);
        width: auto;
    }
    nav.menu.open_menu ul li:hover ul,
    nav.menu.open_menu ul li:hover ul li:hover ul {
        display: block;
    }
    .slider_tmp {
        grid-template-columns: 1fr;
    }
    .slider_tmp a {
        min-height: 200px;
    }
    .box_work {
        margin: 20px 0;
    }
    .work_grid {
        grid-gap: 0;
    }
    .post_home {
        padding: 0 10px;
    }
    .item_post div {
        padding: 0;
    }
    .item_post figure {
        height: 120px;
    }
    .item_post figure b {
        display: none;
    }
    article.item_post h4 {
        font-size: 14px;
    }
    .post {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }
    .poshukDeaf {
        grid-template-columns: 1fr !important;
        grid-gap: 24px;
    }
    .poshukDeaf .item_post figure {
        height: 180px;
    }
    .box_u,
    .about {
        padding: 0;
    }
    .right_about,
    .content_about {
        padding: 30px 10px;
    }
    .right_about h4 {
        font-size: 18px;
        text-align: center;
    }
    .right_about li i {
        height: 50px;
        width: 50px;
    }
    .right_about li strong {
        font-size: 26px;
        line-height: 30px;
    }
    .right_about li span {
        font-size: 14px;
    }
    .partners_module,
    .similar {
        overflow: hidden;
    }
    .prop {
        font-size: 16px;
        padding: 30px 20px;
    }
    footer .wrap {
        grid-template-columns: 1fr;
    }
    .foo_one,
    .foo_three {
        padding: 0 10px;
    }
    .footer_logo {
        width: auto;
    }
    a.a_quest,
    .social_ftr,
    .creators {
        margin: 20px 0;
    }
    .copy {
        padding: 25px 25px 50px;
    }
    .content {
        box-shadow: none;
        margin: 0;
        padding: 20px 10px;
    }
    .content h1 {
        font-size: 22px;
    }
    .content h2 {
        font-size: 18px;
    }
    .content_top {
        font-size: 12px;
        letter-spacing: 0;
    }
    .yt_player,
    .yt_player .iframe_style {
        height: 250px;
    }
    .share_link {
        float: none;
        text-align: center;
    }
    .send_material {
        margin: 0;
        padding: 25px;
        text-align: center;
    }
    .send_material h3 {
        display: none;
    }
    .send_material a {
        margin: 25px 0 0;
        position: relative;
        top: 0;
        right: 0;
    }
    .w4_kerivnictvo {
        padding: 50px 0 20px;
    }
    .list_record {
        padding: 0 10px;
    }
    .list_record article {
        margin: 0;
    }
    .list_record h4 {
        margin: 25px 0;
        top: 0;
    }
    .item_record a {
        grid-template-columns: 340px 1fr;
    }
    .record_image {
        height: 200px;
    }
    .postanova_record_info {
        font-size: 80%;
        line-height: 1.4;
        padding: 10px 50px 10px 0;
        text-align: justify;
    }
    .doc_list_body article {
        padding: 0;
    }
    .doc_list_body time {
        color: #bbb;
        font-size: 14px;
        font-weight: normal;
        left: auto;
        position: relative;
        top: auto;
    }
    .doc_list_body h4 {
        font-size: 18px;
        font-weight: normal;
    }
    .page_products h1.heading {
        top: -20px;
    }
    .readmore_products {
        display: block;
        float: none;
    }
    div.add_form {
        padding: 15px;
    }
    .add_form label strong {
        text-align: left;
    }
    .input_xlarge {
        width: 280px !important;
    }
    .add_form form textarea {
        width: 90%;
    }
    .add_form label,
    .bottom_form {
        grid-gap: 10px;
    }
    .status_table {
        grid-gap: 20px;
    }
    header.header_box .body_search {
        opacity: 1;
        pointer-events: auto;
        top: 7px;
    }
    header.open_search_form.header_box .body_search {
        top: 7px;
    }
    .body_search form [type="reset"] {
        display: block;
    }
    .body_search {
        height: 36px;
        top: 7px;
    }
    .body_search form {
        left: 0;
        position: absolute;
        right: 50px;
        top: -100px;
    }
    .body_search input[type="search"] {
        width: 100%;
    }
    .seacrh_btn {
        opacity: 1;
    }
    .togglec {
        margin: 0;
        padding: 0 5px 5px;
    }
    .acc_body h4,
    .togglec th {
        font-size: 14px;
    }
    table td,
    table th {
        border: 1px solid #bbb;
        font-size: 12px;
        line-height: 1.1;
        padding: 4px 2px;
        text-align: left;
    }
    .veteran article {
        padding: 0;
    }
    .veteran img {
        display: block;
        margin: 0 0 20px;
        position: relative;
    }
    .veteran h3 {
        padding: 0 10% 0 0;
    }
    .perelik_zachodiv article {
        display: block;
    }
    .perelik_zachodiv article h4 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .perelik_zachodiv article h4 b {
        margin: 15px 0 0;
    }
    .service_body,
    .full_list address {
        padding: 10px;
    }
    .services_city ul {
        grid-template-columns: 1fr 1fr;
    }
    .right_list,
    .left_list {
        width: 100%;
    }
    .full_list address a {
        font-size: 16px;
    }
    .left_list h4 {
        font-size: 20px;
    }
    .left_list h5 {
        font-weight: normal;
        margin: 0 0 10px;
    }
    .service_header {
        background-size: auto 100px;
        height: 100px;
    }
    .service_header:after {
        background-size: auto 100px;
        height: 100px;
        width: 100px;
    }
    .service_title {
        margin: 15px 0;
    }
    .service_page {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .service_video iframe {
        height: 200px;
    }
    .service_qr {
        grid-template-columns: 80px 1fr;
    }
    .service_qr_app {
        padding: 15px;
        text-align: center;
    }
    .services_city li {
        font-size: 14px;
    }
    .old_service .full_list address {
        margin: 10px 0 0;
        padding: 10px 0 0;
    }
    .logoCon {
        grid-template-columns: 100px 1fr;
    }
    .logoCon h2 {
        font-size: 16px;
        line-height: 1;
    }
    .conPost,
    .galleryRow {
        grid-template-columns: 1fr 1fr;
    }
    .contentCon {
        grid-template-columns: 1fr;
    }
    .conPost figure {
        height: 100px;
    }
    .conPost h4 {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.2;
        padding: 10px 0;
    }
    .share_link {
        padding: 0 0 50px;
        text-align: left;
    }
    .full_book,
    .button_view_dwnl {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .image_full img {
        margin: 0;
    }
    .zamitka909 {
        display: block;
        margin: 0 auto;
        position: relative;
        right: auto;
        top: -5px;
    }
    .zamitka909 span {
        display: block;
        width: 200px;
    }
    .copyCon {
        font-size: 12px;
        padding: 0 20px 0 30px;
        width: 100%;
    }
    .polls {
        margin: 0 0 25px;
        position: relative;
        right: auto;
        top: auto;
        max-width: 100%;
    }
    .hotline::after {
        height: 80px;
    }
    .hotlineBlock {
        display: block;
        grid-template-columns: none;
    }
    .htlnBbn,
    .htlnKrc {
        max-width: 200px;
        display: inline-block;
        margin: 0 15px 50px;
    }
    .htlnFdb {
        max-width: 400px;
        display: block;
        margin: 0 auto;
    }
    .hotlineAbout {
        grid-template-columns: 1fr;
    }
    .boxGrid3 a span {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px) {
    .infoUtog {
        background-position: right center;
        padding: 24px;
    }
    .boxGrid3,
    .ourlifeBoxHome {
        grid-template-columns: 1fr 1fr;
    }
    .socialTable a {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 70%;
        white-space: nowrap;
    }
}

@media screen and (max-width: 400px) {
    .slider,
    .slider>div,
    .slider a {
        height: 280px;
    }
    .boxGrid3 {
        grid-template-columns: 1fr;
    }
}