/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .main__title {
        font-size: 36px;
    }
    .main__subtitle {
        font-size: 28px;
    }
    .cta__form {
        padding: 50px;
    }
    .cta__wrap::after {
        right: 50px;
        width: 480px;
    }
    .contacts__wrap {
        padding: 35px 30px;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .services__item {
        margin-bottom: 40px;
    }
    .services {
        padding: 60px 0 20px 0;
    }
    .features__item-1,
    .features__item-2,
    .features__item-3,
    .features__item-4 {
        transform: none;
    }
    .features .section__title {
        margin-bottom: 50px;
    }
    .cta__title {
        font-size: 28px;
    }
    .cta__form .section__title {
        font-size: 26px;
    }
    .form__button {
        margin-bottom: 10px;
    }
    .cta__wrap::after {
        right: -10px;
        width: 420px;
    }
    .contacts__inner {
        flex-direction: column;
    }
    .contacts__wrap:first-child {
        width: 100%;
        margin-bottom: 20px;
    }
    .contacts__wrap:last-child {
        width: 100%;
    }
    .footer__dev {
        text-align: center;
        transform: translateY(12px);
    }
    .footer__content {
        text-align: center;
    }
    .footer__logo {
        display: none;
    }
    .news__slider-content h3 {
        font-size: 22px;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    .main__content {
        margin-right: 15px;
    }
    .hamburger {
        display: block;
    }
    .nav {
        position: absolute;
        left: 0;
        top: 100%;
        padding: 20px 0;
        display: none;
        width: 100%;
        background: #044C98;
        text-align: center;
        z-index: 100;
    }
    .nav__link {
        display: block;
        padding: 15px;
        margin-right: 0;
    }
    .main {
        min-height: 550px;
    }
    .section__title {
        margin-bottom: 40px;
    }
    .services__img {
        padding: 0 0 55% 0;
    }
    .features__item {
        margin-bottom: 20px;
    }
    .cta__inner {
        flex-direction: column;
    }
    .cta__content,
    .cta__wrap {
        width: 100%;
    }
    .cta__content {
        margin-bottom: 40px;
        padding-right: 0;
        justify-content: center;
    }
    .cta__title-wrap {
        width: 100%;
        max-width: 500px;
    }
    .cta__title {
        margin-bottom: 30px;
    }
    .cta__form {
        max-width: 500px;
        margin: 0 auto;
    }
    section {
        padding: 60px 0;
    }
    #map {
        margin: 0 15px;
        width: auto;
        height: 350px;
        overflow: hidden;
    }
    .news__slider-item {
        flex-direction: column;
    }
    .news__slider-content {
        width: 100%;
        padding-right: 0;
    }

    .news__slider-img {
        width: 100%;
    }
    .news__slider-item {
        padding: 35px 20px;
    }
    .news__slider-content {
        padding-bottom: 20px;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .main__content {
        padding: 45px 20px;
    }
    .header a {
        font-size: 18px;
    }
    .header a span {
        font-size: 23px;
    }
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 35px;
    }
    .main__title {
        font-size: 32px;
    }
    .main__subtitle {
        font-size: 20px;
    }
    .services__content {
        font-size: 16px;
    }
    .section__title {
        margin-bottom: 30px;
        font-size: 30px;
    }
    .features .section__title {
        margin-bottom: 30px;
        font-size: 30px;
    }
    .features__item {
        padding: 30px;
    }
    section {
        padding: 60px 0;
    }
    .features__item h3 {
        font-size: 19px;
    }
    .gallery__item {
        width: 49%;
    }
    .cta__form {
        padding: 40px 20px;
    }
    .form__button {
        width: 100%;
    }
    .policy {
        padding-left: 0;
    }
    .cta__title br {
        display: none;
    }
    .cta::before {
        display: none;
    }
    .contacts__wrap {
        padding: 35px 20px;
    }
    .contacts__subtitle {
        font-size: 22px;
    }
    .mb0 {
        margin-bottom: 20px;
    }
    #callback {
        padding: 50px 30px;
    }
    .success {
        padding: 0;
    }
    #policy__modal {
        padding: 40px 20px;
    }
    .policy {
        width: auto;
    }
    .gallery__item {
        padding: 0 0 35% 0;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

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


/* Extra Small Devices, Phones */

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


/* Small Devices, Tablets */

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


/* Medium Devices, Desktops */

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


/* Large Devices, Wide Screens */

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