/*---------------------------------
max 1219px
max 1023px
max 979px
max 767px
max 639px
max 479px
max 359px
-----------------------------------*/


/* max 1219px
====================================================================== */

@media all and (max-width: 1219px) {
    html {
        font-size: 85% !important;
    }
    /* content
====================================================================== */
    /* ================= contacts ================= */
    .phone-c {
        padding: .500rem 0 .500rem 4rem;
        background: url(../images/phone-c.png) no-repeat 0 .500rem;
    }
    .time-c {
        padding: .500rem 0 .500rem 4rem;
        background: url(../images/time-c.png) no-repeat 0 .500rem;
    }
    .mail-c {
        padding: .938rem 0 1.250rem 4rem;
        background: url(../images/mail-c.png) no-repeat 0 0;
    }
    .adr-c {
        padding: .938rem 0 1.250rem 4rem;
        background: url(../images/adr-c.png) no-repeat 0 center;
    }
    /* index
====================================================================== */
    /* ================= personnel-index ================= */
    .imgs-personnel-index .block-inline {
        width: 20%;
    }
}


/* max 63.938rem (1023px)
====================================================================== */

@media all and (max-width: 63.938rem) {
    /* header
====================================================================== */
    /* ================= logo ================= */
    .logo a {
        padding: 1.875rem .938rem 2rem;
    }
    /* ================= slogan ================= */
    .slogan {
        margin: 1.688rem 0 0 21%;
    }
    /* ================= work-time ================= */
    .work-time {
        width: 22%;
    }
    /* nav-top
====================================================================== */
    #hmenu>ul>li>a {
        padding: .938rem 2rem;
    }
    #hmenu>ul>li.parent>a::after {
        right: 1.500rem;
    }
    /* content
====================================================================== */
    /* index
====================================================================== */
    /* ================= personnel-index ================= */
    .imgs-personnel-index .block-inline {
        width: 25%;
    }
    .check-wrap {
        max-width: 370px;
        margin-left: 21%;
    }
}


/* max 979px
====================================================================== */

@media all and (max-width: 979px) {
    /* header
====================================================================== */
    /* ================= logo ================= */
    .logo {
        position: static;
        width: 100%;
    }
    .logo a {
        max-width: 15rem;
        margin: 0 auto;
    }
    /* ================= slogan ================= */
    .slogan {
        width: 47%;
        margin: 1.250rem 0 0;
    }
    /* ================= work-time ================= */
    .work-time {
        width: 28%;
    }
    /* ================= phone-btn-modal ================= */
    .phone-btn-modal {
        width: 25%;
    }
    /* nav-top
====================================================================== */
    #hmenu {
        float: none;
        width: 100%;
    }
    #hmenu>ul>li>a {
        padding: .938rem 2.250rem;
    }
    #hmenu>ul>li.parent>a::after {
        right: 1.500rem;
    }
    /* title-page bread-crumbs
====================================================================== */
    .title-page .wrapper-container {
        background-size: cover;
    }
    /* content
====================================================================== */
    /* footer
====================================================================== */
    /* ================= footer-middle-top ================= */
    /* ======= logo-f ======= */
    .logo-f {
        margin: 2.625rem 0 0;
    }
    /* ======= slogan-f ======= */
    .slogan-f {
        padding: 0 1.250rem;
    }
    /* index
====================================================================== */
    .check-wrap {
        margin-left: 8%;
    }
}


/* max 767px (width: 70%;)
====================================================================== */

@media all and (max-width: 767px) {
    /* panel-top
====================================================================== */
    .panel-top .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* ================= address ================= */
    .address {
        width: 100%;
        text-align: center;
    }
    /* ================= social ================= */
    .social {
        width: 100%;
        margin: .625rem 0 0;
        text-align: center;
    }
    /* header
====================================================================== */
    .header .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* ================= slogan ================= */
    .slogan {
        width: 100%;
        margin: 1.250rem 0 0;
        text-align: center;
    }
    .slogan span:first-child {
        font-size: 1.250rem;
    }
    .slogan span:last-child {
        padding: .250rem .500rem .375rem;
        font-size: 1rem;
    }
    /* ================= work-time ================= */
    .work-time {
        width: 100%;
        text-align: center;
    }
    /* ================= phone-btn-modal ================= */
    .phone-btn-modal {
        width: 100%;
        margin: .625rem 0 0;
        text-align: center;
    }
    /* nav-top
====================================================================== */
    .nav-top .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* nav-top
====================================================================== */
    .nav-top.sticky {
        position: static;
    }
    #hmenu #menu-button {
        display: block;
        width: 100%;
        padding: 1.250rem;
        cursor: pointer;
        color: rgba(227, 0, 22, 1);
        font-weight: 700;
        font-size: 1rem;
        text-transform: uppercase;
        text-align: center;
        /* background: #ccc; */
    }
    #hmenu #menu-button::before {
        display: inline-block;
        position: relative;
        top: .063rem;
        margin: 0 .313rem 0 0;
        content: "\e236";
        color: rgba(67, 114, 48, 1);
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: normal;
        font-size: .875rem;
    }
    #hmenu ul {
        display: none;
    }
    #hmenu ul ul,
    #hmenu ul ul ul {
        display: block;
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    #hmenu ul li.parent {
        padding-right: 2.500rem;
    }
    #hmenu ul ul ul li {
        padding: 0;
    }
    #hmenu>ul>li.parent>a::after,
    #hmenu ul ul li.parent>a::after {
        display: none;
    }
    #hmenu ul li,
    #hmenu ul ul li,
    #hmenu ul li:hover>ul>li {
        display: block;
        width: 100%;
        height: auto;
        border-top: .063rem solid rgba(221, 221, 221, 1);
        text-align: left;
    }
    #hmenu ul li a #hmenu ul ul li a,
    #hmenu ul ul ul li a {
        display: block;
        width: 100%;
    }
    #hmenu ul ul li a {
        padding-left: 3.875rem;
        border: none;
        border-radius: none;
    }
    #hmenu .submenu-button {
        display: block;
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2.500rem;
        height: 100%;
        border-radius: .625rem;
        background: rgba(227, 0, 22, 1);
        cursor: pointer;
    }
    #hmenu .submenu-button::after {
        position: absolute;
        top: 35%;
        right: 52%;
        width: .500rem;
        height: .500rem;
        border-bottom: .125rem solid rgba(255, 255, 255, 1);
        border-right: .125rem solid rgba(255, 255, 255, 1);
        -webkit-transform: rotate(45deg) translate(35%, -50%);
        transform: rotate(45deg) translate(35%, -50%);
        -webkit-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
        content: "";
    }
    #hmenu .submenu-button.submenu-opened:after {
        position: absolute;
        top: 40%;
        right: 40%;
        width: .500rem;
        height: .500rem;
        border-bottom: .125rem solid rgba(255, 255, 255, 1);
        border-right: .125rem solid rgba(255, 255, 255, 1);
        -webkit-transform: rotate(-135deg) translate(-40%, -50%);
        transform: rotate(-135deg) translate(-40%, -50%);
        -webkit-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
        content: "";
    }
    /* title-page bread-crumbs
====================================================================== */
    .title-page .wrapper-container {
        padding: 5rem 0;
        background-position: center top;
        background-size: cover;
    }
    .title-page .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* content
====================================================================== */
    /* ================= content-center + content-sidebar ================= */
    .middle .container-center {
        width: 70%;
        margin: 0 auto;
    }
    .content-75 {
        width: 100%;
        margin: 0 0 1.875rem;
    }
    /* ================= tabs-content ================= */
    .tabs-content {
        border-bottom: none;
    }
    .tabs-content li {
        display: block;
        position: static;
        top: 0;
        width: 100%;
        border-bottom-color: rgba(175, 174, 174, .5);
        border-radius: .938rem;
    }
    .tabs-content li a::after {
        right: 1.250rem;
        left: auto;
    }
    /* ================= medpersonal ================= */
    .medpersonal .block-inline {
        width: 50%;
        margin: 0 0 1.875rem;
    }
    .medpersonal a span:first-child {
        width: 80%;
    }
    /* ================= person-medpersonal ================= */
    .img-medpersonal {
        display: block;
        width: 100%;
    }
    .img-medpersonal img {
        width: 70%;
        margin: 0 auto 1.250rem;
    }
    .img-medpersonal p {
        margin: 0;
        font-size: 1.250rem;
        text-align: center;
    }
    .text-medpersonal {
        display: block;
        width: 100%;
        margin: 1.875rem 0 0;
        padding: 0;
    }
    .sert-medpersonal .block-inline {
        width: 50%;
    }
    /* ================= aktsii ================= */
    .aktsii .block-inline {
        width: 100%;
        margin: 0 0 1.875rem;
        padding: 0;
    }
    .aktsii .block-inline img {
        width: 80%;
        margin: 0 auto;
    }
    /* ================= contacts ================= */
    .contacts .block-inline {
        display: block;
        width: 100%;
        margin: 0 0 1.875rem;
        padding: 0;
    }
    .contacts .block-inline:last-child {
        padding: 0;
    }
    /* sidebar
====================================================================== */
    .sidebar {
        width: 100%;
    }
    /* footer
====================================================================== */
    /* ================= footer-top ================= */
    .footer-top {
        background-position: center;
    }
    .footer-top .container-center {
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    .block-footer-top {
        display: block;
        width: 100%;
        padding: 3rem 0;
    }
    .block-footer-top:last-child {
        display: none;
    }
    /* ================= footer-middle-top ================= */
    .footer-middle-top .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* ======= logo-f ======= */
    .logo-f {
        width: 100%;
        /* background: #33CCFF; */
    }
    .logo-f a {
        width: auto !important;
        max-width: 15rem !important;
        margin: 0 auto;
    }
    /* ======= slogan-f ======= */
    .slogan-f {
        width: 100%;
        margin: 1.250rem 0 0;
        padding: 0;
    }
    /* ======= phone-btn-modal-f ======= */
    .phone-btn-modal-f {
        width: 100%;
        margin: 1.250rem 0 0;
        text-align: center;
    }
    /* ================= footer-middle-bottom ================= */
    .footer-middle-bottom .container-center {
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }
    .footer-middle-bottom ul li {
        padding: 0;
        background: none;
    }
    .footer-middle-bottom ul li::before {
        display: inline-block;
        position: relative;
        top: -.313rem;
        margin: 0 .313rem 0 0;
        content: url(../images/bottom-ul-li-bg.png);
    }
    /* ======= info-menu-f ======= */
    .info-menu-f {
        width: 100%;
        margin: 0 0 1.250rem;
    }
    /* ======= services-menu-f ======= */
    .services-menu-f {
        width: 100%;
        margin: 0 0 1.250rem;
    }
    /* ======= video-f ======= */
    .video-f {
        width: 100%;
    }
    .video-vimeo-f {
        float: none;
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: auto;
        margin: 0 0 1.875rem;
        padding: 0 0 15rem;
    }
    .video-vimeo-f iframe {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .video-text-f {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    /* ======= copyright ======= */
    .copyright {
        text-align: center;
    }
    /* ================= footer-bottom ================= */
    .footer-bottom .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* index
====================================================================== */
    /* ================= double-index ================= */
    .double-index {
        display: block;
    }
    .left-double-index {
        display: block;
        width: 100%;
    }
    .content-ldi {
        float: none;
        width: 70%;
        max-width: 70;
        margin: 3.875rem auto 0;
        padding: 0 1rem;
    }
    .right-double-index {
        display: block;
        width: 100%;
    }
    .content-rdi {
        float: none;
        width: 70%;
        max-width: 70%;
        margin: 3.875rem auto;
        padding: 0 1rem;
    }
    /* ================= slider-index ================= */
    .slider-index .wrapper-container {
        padding: 6.250rem 0;
        background-size: cover;
    }
    .slider-index .container-center {
        width: 70%;
        margin: 0 auto;
    }
    /* ================= about-index ================= */
    .about-index h2 {
        text-align: center;
    }
    .about-index h2 span {
        margin: .938rem auto 0;
    }
    /* ================= personnel-index ================= */
    .personnel-index h2 {
        width: 70%;
        margin: .438rem auto 2.500rem;
    }
    .imgs-personnel-index {
        width: 70%;
        margin: 0 auto;
    }
    .imgs-personnel-index .block-inline {
        width: 50%;
    }
    /* ================= advantages-index ================= */
    .advantages-index .container-center {
        width: 70%;
        margin: 0 auto;
    }
    .content-advantages-index .block-inline {
        width: 50%;
        margin: 0 0 2.500rem;
        padding: 0 1.250rem;
    }
    /* ================= contacts-index ================= */
    .contacts-index .container-center {
        width: 70%;
        margin: 0 auto;
    }
    .contacts-index .block-inline {
        width: 100%;
        margin: 0 0 1.875rem;
    }
    .check-wrap {
        max-width: 350px;
        margin-left: 20%;
    }
}


/* max 639px (width: 80%;)
====================================================================== */

@media all and (max-width: 639px) {
    /* panel-top
====================================================================== */
    .panel-top .container-center {
        width: 80%;
    }
    /* header
====================================================================== */
    .header .container-center {
        width: 80%;
    }
    /* nav-top
====================================================================== */
    .nav-top .container-center {
        width: 80%;
    }
    /* title-page bread-crumbs
====================================================================== */
    .title-page .container-center {
        width: 80%;
    }
    /* content
====================================================================== */
    /* ================= content-center + content-sidebar ================= */
    .middle .container-center {
        width: 80%;
    }
    /* footer
====================================================================== */
    /* ================= footer-top ================= */
    .footer-top .container-center {
        width: 80%;
    }
    /* ================= footer-middle-top ================= */
    .footer-middle-top .container-center {
        width: 80%;
    }
    /* ================= footer-middle-bottom ================= */
    .footer-middle-bottom .container-center {
        width: 80%;
    }
    /* ================= footer-bottom ================= */
    .footer-bottom .container-center {
        width: 80%;
    }
    /* index
====================================================================== */
    /* ================= double-index ================= */
    .content-ldi {
        width: 80%;
        max-width: 80;
    }
    .content-rdi {
        width: 80%;
        max-width: 80%;
    }
    /* ================= slider-index ================= */
    .slider-index .container-center {
        width: 80%;
    }
    /* ================= personnel-index ================= */
    .personnel-index h2 {
        width: 80%;
    }
    .imgs-personnel-index {
        width: 80%;
    }
    /* ================= advantages-index ================= */
    .advantages-index .container-center {
        width: 80%;
    }
    /* ================= contacts-index ================= */
    .contacts-index .container-center {
        width: 80%;
    }
    .check-wrap {
        max-width: 350px;
        margin-left: 14%;
    }
}


/* max 479px (width: 90%;)
====================================================================== */

@media all and (max-width: 479px) {
    /* panel-top
====================================================================== */
    .panel-top .container-center {
        width: 90%;
    }
    /* header
====================================================================== */
    .header .container-center {
        width: 90%;
    }
    /* nav-top
====================================================================== */
    .nav-top .container-center {
        width: 90%;
    }
    /* title-page bread-crumbs
====================================================================== */
    .title-page .container-center {
        width: 90%;
    }
    /* content
====================================================================== */
    /* ================= content-center + content-sidebar ================= */
    .middle .container-center {
        width: 90%;
    }
    /* ================= medpersonal ================= */
    .medpersonal .block-inline {
        width: 100%;
    }
    .medpersonal a span:first-child {
        width: 60%;
    }
    /* ================= aktsii ================= */
    .aktsii .block-inline img {
        width: 100%;
    }
    /* footer
====================================================================== */
    /* ================= footer-top ================= */
    .footer-top .container-center {
        width: 90%;
    }
    /* ================= footer-middle-top ================= */
    .footer-middle-top .container-center {
        width: 90%;
    }
    /* ================= footer-middle-bottom ================= */
    .footer-middle-bottom .container-center {
        width: 90%;
    }
    /* ================= footer-bottom ================= */
    .footer-bottom .container-center {
        width: 90%;
    }
    /* index
====================================================================== */
    /* ================= double-index ================= */
    .content-ldi {
        width: 90%;
        max-width: 80;
    }
    .content-rdi {
        width: 90%;
        max-width: 80%;
    }
    /* ================= slider-index ================= */
    .slider-index .container-center {
        width: 90%;
    }
    .slider-index .container-center h1 {
        font-size: 2rem;
    }
    .slider-index .container-center h1 span {
        font-size: 1.250rem;
    }
    /* ================= personnel-index ================= */
    .personnel-index h2 {
        width: 90%;
    }
    .imgs-personnel-index {
        width: 90%;
    }
    .imgs-personnel-index .block-inline {
        width: 100%;
    }
    .imgs-personnel-index a span:first-child {
        width: 60%;
    }
    /* ================= advantages-index ================= */
    .advantages-index .container-center {
        width: 90%;
    }
    .content-advantages-index .block-inline {
        width: 100%;
    }
    /* ================= contacts-index ================= */
    .contacts-index .container-center {
        width: 90%;
    }
    .check-wrap {
        max-width: 350px;
        margin-left: 7%;
    }
}


/* max 359px (наследуется с 479px)
====================================================================== */

@media all and (max-width: 359px) {
    /* header
====================================================================== */
    /* ================= logo ================= */
    .logo a {
        max-width: 60%;
    }
    /* content
====================================================================== */
    /* ================= person-medpersonal ================= */
    .img-medpersonal img {
        width: 100%;
    }
    .sert-medpersonal .block-inline {
        width: 100%;
        margin: 0 0 .625rem;
    }
    /* footer
====================================================================== */
    /* ================= footer-middle-top ================= */
    /* ======= logo-f ======= */
    .logo-f a {
        max-width: 60%;
    }
    .check-wrap {
        margin-left: 0%;
    }
}

@media screen and (min-width:979px) and (max-width:1400px) {
    #hmenu>ul>li>a {
        padding: .938rem 1.9rem;
    }
    #hmenu>ul>li.parent>a::after {
        right: 1.1rem;
    }
}

.sidebar-mobile ul {
    list-style: none !important;
    margin-left: 5px !important;
    margin-right: 10px;
}

@media screen and (min-width:768px) {
    .sidebar-mobile {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .sidebar-standart .nav-sidebar {
        display: none;
    }
}