@media only screen and (max-width : 768px) {
    .animated {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important
    }
}

@media screen and (min-width : 1025px) and (max-width: 1200px) {
    section.scr-top {
        height: auto;
        padding-bottom: 40px
    }

    .navbar-header,
    .navbar-brand {
        float: none
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: auto
    }

    a.navbar-brand {
        display: block;
        width: 50%;
        margin: 0 auto
    }

    ul.nav.navbar-nav.navbar-right {
        margin-top: 0;
        margin-bottom: 20px
    }

    ul.nav {
        margin-top: 25px
    }

    .flex-right {
        margin-top: 118px
    }

    .item-wrap {
        height: 400px
    }

    section.scr3 {
        padding-bottom: 50px
    }

    footer.contacts {
        position: relative
    }
}

@media screen and (min-width : 768px) and (max-width: 1024px) {

    .flex-left,
    .flex-right {
        width: 100%;
        text-align: center
    }

    section.scr-top {
        height: auto;
        padding-bottom: 40px
    }

    div.cta-text {
        margin-bottom: 40px
    }

    form.form-top {
        margin: 0 auto
    }

    .item-wrap {
        display: block;
        min-height: 100%;
        padding: 15px;
        height: 370px
    }

    section.scr3 {
        padding-bottom: 40px
    }

    .statisctic__wrapper_inner {
        height: 260px
    }

    section.scr6 h4 {
        line-height: 1.2
    }

    .navbar-header,
    .navbar-brand {
        float: none
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: auto
    }

    a.navbar-brand {
        display: block;
        width: 50%;
        margin: 0 auto
    }

    ul.nav.navbar-nav.navbar-right {
        margin-top: 0;
        margin-bottom: 20px
    }

    ul.nav {
        margin-top: 25px
    }

    footer.contacts {
        position: relative
    }

    .doc-wrap img {
        max-height: 660px
    }
}

@media screen and (min-width : 480px) and (max-width: 767px) {
    .navbar-toggle {
        margin-bottom: 0;
        margin-top: 75px
    }

    ul.nav {
        margin-top: 0
    }

    .navbar-default .navbar-nav>li,
    .navbar-right div {
        margin: 0;
        padding: 5px 25px
    }

    ul.navbar-right {
        margin-top: 40px;
        max-height: 100%
    }

    ul.navbar-right>div {
        text-align: center
    }

    .h1 {
        width: 90%
    }

    .top-list li {
        display: block;
        min-height: 100%;
        text-align: center
    }

    section.scr-top {
        height: auto;
        padding-bottom: 40px
    }

    div.cta-text {
        margin-bottom: 40px
    }

    .flex-left,
    .flex-right {
        width: 100%
    }

    form.form-top {
        width: 100%;
        margin: 0 auto
    }

    .btn {
        white-space: normal;
        word-wrap: break-word
    }

    .item-wrap {
        display: block;
        min-height: 100%;
        min-width: 100%
    }

    section.scr3 {
        padding-bottom: 40px
    }

    .h1-under {
        font-size: 1.6em
    }

    .h2-title {
        font-size: 1.3em
    }

    section.scr6 h4 {
        width: 100%;
        word-wrap: break-word;
        font-size: 1.2em;
        line-height: 1.2em
    }

    footer {
        height: 150px
    }

    #totop {
        text-align: center;
        font-size: 2.4em
    }

    footer.contacts {
        position: relative
    }

    .doc-wrap img {
        text-align: center;
        margin: 0 auto
    }
}

@media screen and (min-width : 320px) and (max-width: 479px) {
    .navbar-toggle {
        margin-bottom: 0;
        margin-top: 45px
    }

    ul.nav {
        margin-top: 0
    }

    .navbar-default .navbar-nav>li,
    .navbar-right div {
        margin: 0;
        padding: 5px 25px
    }

    ul.navbar-right {
        margin-top: 40px;
        max-height: 100%
    }

    ul.navbar-right>div {
        text-align: center
    }

    .h1 {
        width: 90%;
        font-size: 1.7em
    }

    .top-list li {
        display: block;
        min-height: 100%;
        text-align: center
    }

    section.scr-top {
        height: auto;
        padding-bottom: 40px
    }

    div.cta-text {
        margin-bottom: 40px
    }

    .flex-left,
    .flex-right {
        width: 100%
    }

    form.form-top {
        width: 100%;
        margin: 0 auto
    }

    .btn {
        white-space: normal;
        word-wrap: break-word
    }

    .item-wrap {
        display: block;
        min-height: 100%;
        min-width: 100%
    }

    section.scr3 {
        padding-bottom: 40px
    }

    .h1-under {
        font-size: 1.6em
    }

    .h2-title {
        font-size: 1.3em
    }

    section.scr6 h4 {
        width: 100%;
        word-wrap: break-word;
        font-size: 1.2em;
        line-height: 1.2em
    }

    /* footer {
        height: 150px
    } */

    #totop {
        text-align: center;
        font-size: 2.4em
    }

    footer.contacts {
        position: relative
    }

    .doc-wrap img {
        text-align: center;
        margin: 0 auto
    }

    .doc-caption {
        font-size: 14px
    }
}