@media (min-width: 576px)
{
}

@media (min-width: 768px)
{
}

@media (min-width: 992px)
{
}

@media (min-width: 1200px)
{
}

@media (max-width: 1199px)
{
}

@media (max-width: 991px)
{
    header .row div:first-child
    {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
}

@media (max-width: 767px)
{
    body
    {
        padding: 160px 0 120px;
    }

    header,
    footer
    {
        position: fixed;
        z-index: 1000;
        left: 0;

        width: 100%;
    }

    header
    {
        top: 0;

        background: rgba(255, 255, 255, 1);
    }

    footer
    {
        bottom: 0;

        padding: 15px 0;

        background: rgba(212, 212, 212, 1);
    }

    footer .mb-4
    {
        margin-bottom: 0 !important;
    }

    .copy-left
    {
        display: none;
    }

    .homepage .col.main
    {
        height: calc(100vh - 234px);
        min-height: initial;
    }

    .mainpage-menu > div > a
    {
        font-size: 20px;

        padding: 0 25px;
    }

    .mainpage-menu > div:nth-child(2n+1) > a
    {
        text-align: right;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .mainpage-menu > div:nth-child(2n) > a
    {
        text-align: left;

        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .contacts__info-wrapper
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .contacts__info
    {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .contacts__map
    {
        height: 353px;
    }
}

@media (max-width: 575px)
{
    .plan-list td
    {
        display: block;

        border: none;
    }

    .plan-list td + td
    {
        padding-top: 0;
    }

    .plan-list tr
    {
        border: 1px solid #e0e0e0;
    }

    .mainpage-menu > div > a > span
    {
        max-width: 145px;
    }

    .mainpage-menu > div > a
    {
        font-size: 17px;
    }
}

@media (max-width: 364px)
{
    .header-phone-area
    {
        display: none;
    }
}

@media screen and (min-width: 992px)
{
}

/***************** mobile menu *******************/
@media (max-width: 991px)
{
    .mob-menu,
    .main
    {
        overflow: hidden;

        -webkit-transition: all .5s ease;
                transition: all .5s ease;
    }

    .mob-menu
    {
        display: none;
    }

    body.open-menu .mob-menu
    {
        display: block;
    }

    body.open-menu .main
    {
        display: none;
    }
}

.btn-menu > .forclose
{
    visibility: hidden;

    -webkit-transition: visibility 0s linear .25s, -webkit-transform .25s ease-in;
            transition: visibility 0s linear .25s, -webkit-transform .25s ease-in;
            transition: visibility 0s linear .25s, transform .25s ease-in;
            transition: visibility 0s linear .25s, transform .25s ease-in, -webkit-transform .25s ease-in;
}

body.open-menu .btn-menu > .forclose
{
    visibility: visible;

    -webkit-transition: visibility 0s linear .25s, -webkit-transform .25s ease-out;
            transition: visibility 0s linear .25s, -webkit-transform .25s ease-out;
            transition: visibility 0s linear .25s, transform .25s ease-out;
            transition: visibility 0s linear .25s, transform .25s ease-out, -webkit-transform .25s ease-out;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.btn-menu > .foropen
{
    visibility: visible;

    -webkit-transition: visibility 0s linear .25s, -webkit-transform .25s ease-in;
            transition: visibility 0s linear .25s, -webkit-transform .25s ease-in;
            transition: visibility 0s linear .25s, transform .25s ease-in;
            transition: visibility 0s linear .25s, transform .25s ease-in, -webkit-transform .25s ease-in;
}

body.open-menu .btn-menu > .foropen
{
    visibility: hidden;

    -webkit-transition: visibility 0s linear .25s, -webkit-transform .25s ease-in;
            transition: visibility 0s linear .25s, -webkit-transform .25s ease-in;
            transition: visibility 0s linear .25s, transform .25s ease-in;
            transition: visibility 0s linear .25s, transform .25s ease-in, -webkit-transform .25s ease-in;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.btn-menu > i
{
    position: absolute;
    top: 0;
    left: 0;
}

.btn-menu
{
    position: relative;

    display: block;

    width: 32px;
    height: 32px;
}

/**************** end mobile menu ******************/


@media print {
    .mob-menu,
    .plan-detail .form-row
    .header-search,
    #jivo-iframe-container,
    jdiv,
    .red-hr
    {
        display: none !important;
    }
}