/* PC */
@media (max-width: 1087px) {
    [class*="__container"]{
        max-width: 970px;
    }
    /* -------------------------------- */
    .healthcare__column{
        padding: 0 15px;
    }
}
/* TABLET */
@media (max-width: 991.98px) {
    [class*="__container"]{
        max-width: 750px;
    }
    .header__container{
        min-height: 80px;
    }
    .header__button{
        flex: 0 0 170px;
    }
    .menu__item{
        margin: 0 30px 0 0;
    }
    .get-started__container::before{
        right: 185px;
        border-radius: 20px 0 0 20px;

    }
    /*-----------------------------------------*/
    .stay-safe{
        padding: 40px 0;
    }
    /*---------------------------------------*/
    .healthcare{
        padding: 30px 0 30px 0;
    }
    .healthcare__items{
        flex-direction: column;
    }
    .healthcare__column:not(:last-child){
        margin: 0 0 25px 0;
    }
}

@media (min-width: 991.98px) {
    .stay-safe{
        padding: 60px 0;
    }
    .stay-safe__media{
        padding: 0 0 0 47px;
    }
}
/* MOBILE */

@media (max-width: 767.98px) {
    [class*="__container"]{
        max-width: none;
    }
    /*----------*/
    .menu__body{
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #0d66ff;
        padding: 90px 15px 30px 15px;
        transition: left 0.7s ease 0s;
    }
    .header:target .menu__body{
        left: 0;
    }
    .header:target .menu__body::before{
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 80px;
        width: 100%;
        background-color: #0d66ff;

    }
    .menu__list{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu__item{
        margin: 0 0 25px 0;
    }
    .menu__item:last-child{
        margin-bottom: 0;
    }
    .menu__link{
        color: #fff;
        font-size: 20px;
    }
    /*----------*/
    .icon-menu {
        display: flex;
        position: relative;
        flex: 0 0 30px;
        height: 18px;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 0 0 20px;
    }

    .icon-menu::before,
    .icon-menu::after {
        content: '';
        background-color: #000;
        height: 2px;
    }

    .icon-menu span {
        height: 2px;
        background-color: #000
    }
    .close-icon-menu{
        display: none;
        position: relative;
        flex-direction: column;
        justify-content: space-between;
        flex: 0 0 30px;
        width: 32px;
        height: 32px;
        margin: 0 0 0 20px;
    }
    .close-icon-menu:before, .close-icon-menu:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #fff;
    }
    .close-icon-menu::before{
        transform: rotate(-45deg);
    }
    .close-icon-menu::after{
        transform: rotate(45deg);
    }
    .header:target .icon-menu{
        display: none;
    }
    .header:target .close-icon-menu{
        display: flex;
    }
    /*--------------*/
    .get-started__container{
        padding: 100px 15px 30px 15px;
    }
    .get-started__container::before{
        display: none;
    }
    .get-started__block-text{
        max-width: none;
    }
    .get-started__content{
        flex: 1 1 100%;
        padding: 0;
    }
    .get-started__image{
        flex: 1 1 100%;
        text-align: center;
        padding: 30px 0;
    }
    .get-started__video{
        padding: 0;
    }
    .block-text__title{
        font-size: 34px;
    }
    /*-----------------------------*/
    .stay-safe{
        padding: 30px 0;
    }
    .stay-safe__container{
        flex-direction: column-reverse;
    }
    .stay-save__content{
        margin: 0 0 30px 0;
    }
    /*---------------------------------*/
    .statistics-experts__body{
        margin: 0 0 50px 0;
    }

    .body-statistics-experts{
        padding: 25px;
    }

    .experts{
        padding: 80px 0 30px 0;
    }
    .experts__body{
        align-items: stretch;
        flex-direction: column;
    }

    .experts__video{
        padding: 0 0 58% 0;
    }
    .experts__content{
        padding: 0;
        margin-bottom: 30px;
    }

}
/* MOBILE SMALL*/

@media (max-width: 479.98px) {
    .header__logo{
        flex: 0 0 40px;
        overflow: hidden;
    }
    .media-stay-safe{
        width: 290px;
    }
    /*----------------------------*/
    .body-statistics-experts{
        flex-direction: column;
    }
    .body-statistics-experts__item:not(:last-child){
        margin: 0 0 15px 0;
    }
    /*-------------------------------*/
    .footer{
        padding: 30px 0;
    }
    .footer__items{
        flex-direction: column;
    }
    }