/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1630px) {
    .footer .social {
        position: relative;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .header_top__logo-wrap {
        float: none;
        margin: -5px auto 20px;
    }
    .header_center {
        margin-top: 270px;
    }
    .header_top__item-wrap {
        margin-left: 15px;
    }
    .header .arrow {
        top: 30px;
    }
    .form__prise {
        width: 230px;
    }
    .video_wrap {
        margin-top: -155px;
    }
    .clients_helper::after {
        left: 5%;
    }
    .summary_block__icon {
        left: 10px;
    }
    .warranty {
        -webkit-background-size: cover;
        background-size: cover;
    }
    .file, .result, .about {
        padding-top: 90px;
    }
    .tariff .head tr td:first-child, .tariff .body tr td:first-child {
        width: 300px;
        padding-left: 20px;
    }
    .tariff .head tr td, .tariff .body tr td {
        width: 185px;
        padding: 18px 0;
        padding-left: 48px;
    }
    .tariff .btn span::before {
        display: none;
    }
    .tariff .btn span {
        padding-right: 0;
    }
    .tariff .body .row-button a {
        padding: 0 35px;
    }
    .result_list {
        text-align: center;
    }
    .result_list__item {
        margin: 10px 0;
    }
    .example_list__item {
        min-height: 120px;
        padding: 15px 40px 15px 57px;
    }
    .example_list__item-number {
        left: 16px;
        top: 15px;
    }
    .example_items-desr__item {
        background-size: contain;
    }
    .about_button__img {
        margin: 0 auto;
    }
    .tariff .body .row-button a {
        padding: 0 10px;
        height: 45px;
        line-height: 45px;
    }
    .tariff .head tr td:first-child, .tariff .body tr td:first-child {
        width: 250px;
        text-align: left;
    }
    .tariff .head tr td, .tariff .body tr td {
        padding-left: 5px;
        padding-right: 5px;
        width: 145px;
        text-align: center;
    }
    .contact_helper::after {
        right: -500px;
    }
    .testimonials .bx-wrapper .bx-prev {
        left: -25px;
    }
    .testimonials .bx-wrapper .bx-next {
        right: -25px;
    }
    .footer_top__trademark {
        max-width: 100%;
        margin-top: 30px;
    }
    .popup_area.big {
        width: 100%;
        max-width: 430px;
        padding: 20px 0 45px;
    }
    .popup_area.big .popup_area__title {
        margin-left: 0;
    }
    .popup_area.big .popup_area__form {
        margin-left: auto;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .header_top__item-wrap {
        width: 515px;
    }
    .header_center {
        margin-top: 195px;
    }
    .header_center p::before {
        top: -25px;
    }
    .header_center h3 {
        font-size: 42px;
        margin-bottom: 50px;
    }
    .header .btn-circle {
        margin-top: 35px;
    }
    .clients_bottom {
        margin-bottom: 45px;
    }
    .summary_block__icon {
        left: 25px;
    }
    .program_right,
    .program_left::after,
    .example_list__item::before,
    .example_list__item::after,
    .example_items-desr {
        display: none;
    }
    .warranty {
        padding-top: 100px;
    }
    .warranty_button {
        margin-top: 45px;
    }
    .warranty_helper::before {
        right: 0;
    }
    .warranty_helper::after {
        left: 10%;
    }
    .warranty_content::after {
        top: -130px;
    }
    .result {
        padding-bottom: 25px;
    }
    .result_block {
        padding: 30px 30px 50px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .result_block__descr li {
        padding-right: 34px;
    }
    .benefit {
        padding: 50px 0 95px;
    }
    .benefit_item {
        margin: 20px auto;
    }
    .example {
        padding: 75px 0 60px;
    }
    .example_items-desr {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }
    .example_list__item,
    .example_list__item.active {
        padding: 22px 40px 22px 57px;
        background-color: #F5F5F5;
        border-radius: 10px;
        -webkit-transition: none;
        transition: none;
        cursor: auto;
        border-right: 1px solid #efeeee;
        margin-bottom: 15px;
    }
    .example_list__item .example_list__item-number {
        background: -webkit-linear-gradient(left, #5487DE 0%, #2B56A4 100%);
        background-clip: border-box;
        background: linear-gradient(left, #5487DE 0%, #2B56A4 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #3669C2;
    }
    .example_list__item .example_list__item-title {
        color: #333;
    }
    .example_list__item .example_list__item-descr {
        color: #666;
    }
    .example_list__item-number {
        top: 22px;
    }
    .tariff .table {
        margin-bottom: 45px;
    }
    .contact_helper::after {
        display: none;
    }
    .contact_title::before {
        right: 8%;
    }
    .contact {
        padding-top: 100px;
    }
    .contact_title::before {
        right: 0;
        top: 38px;
    }
    .contact .form {
        text-align: center;
    }
    .contact .form__input-name, .contact .form__input-phone {
        margin: 20px 15px 30px 15px;
    }
    .contact .form button {
        margin: 0 auto 40px auto;
    }
    .contact_content {
        text-align: center;
    }
    .contact_content__img {
        margin: 40px auto 0;
    }
    .testimonials_slider {
        padding: 30px 70px;
    }
    .testimonials_slider__item-content--descr {
        padding-bottom: 180px;
    }
    .testimonials_slider__item {
        padding-left: 220px;
    }
    .testimonials_slider__item-content--author {
        padding-left: 0;
        left: 0;
        padding-top: 80px;
        text-align: center;
        width: 170px;
    }
    .testimonials_slider__item-content--author .img_wrap {
        left: 50%;
        top: 0;
        margin-top: 0;
        margin-left: -32px;
    }
    .testimonials_slider__item-content--button {
        padding-left: 0;
        right: 0;
        padding-top: 80px;
        text-align: center;
        width: 170px;
    }
    .testimonials_slider__item-content--button::before {
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -32px;
    }
    .footer_bottom__copyright {
        text-align: center;
    }
    .footer_bottom__order {
        text-align: left;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .header {
        min-height: 900px;
    }
    .header_top {
        padding-top: 10px;
    }
    .header_center {
        margin-top: 240px;
    }
    .header_top__slogan {
        padding-left: 15px;
    }
    .header_top__logo {
        padding: 0 15px 0 0;
    }
    .header_top__item-wrap {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        margin: 30px auto 0 auto;
        text-align: center;
    }
    .header_top__item {
        float: none;
        text-align: left;
        margin-bottom: 10px;
    }
    .header_top__contact-wrap {
        float: none;
        margin: 20px auto 0;
    }
    .header_top__wrap.fixed .header_top__contact-wrap {
        margin-top: 0;
    }
    .header_top__wrap.fixed .header_top__logo-wrap {
        margin-bottom: 10px;
    }
    .header_top__contact {
        padding-top: 0;
    }
    .header_top__contact {
        text-align: center;
        margin-right: 0;
    }
    .header_center p {
        font-size: 24px;
    }
    .header_center h3 {
        font-size: 32px;
        margin-bottom: 35px;
    }
    .header_center__bottom {
        text-align: left;
        font-size: 18px;
    }
    .header_center__list {
        font-size: 18px;
    }
    .header .arrow {
        display: none;
    }
    .video_wrap .btn-circle-wrap {
        top: 43%;
    }
    .callback {
        padding: 85px 0;
    }
    .solution_group {
        margin-bottom: 45px;
    }
    .solution_group__title {
        margin-bottom: 20px;
    }
    .summary_block__icon {
        position: relative;
        left: 0;
        text-align: center;
    }
    .summary_block {
        margin-top: 45px;
    }
    .warranty {
        padding-top: 75px;
    }
    .warranty_content::after {
        top: -105px;
    }
    .result_title {
        text-align: center;
    }
    h4,
    .callback_title {
        font-size: 38px;
        text-align: center;
    }
    .form__input-name, .form__input-email {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .form__prise {
        left: 15px;
        width: 100%;
        text-align: left;
    }
    .result_block {
        margin-top: 20px;
    }
    .form__prise {
        right: 45px;
        bottom: -48px;
    }
    .summary_block {
        max-width: 100%;
    }
    .about {
        padding-top: 100px;
    }
    .about_helper {
        height: 60px;
    }
    .about_title {
        display: block;
    }
    .about_button__img {
        margin: 0 auto;
    }
    .watch {
        padding-top: 60px;
    }
    .watch-wrap h4 {
        margin: 0 auto;
        top: 8px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .watch-wrap::after {
        left: 70%;
    }
    .benefit {
        padding: 40px 0 60px;
    }
    .benefit_item__qty {
        font-size: 50px;
    }
    .clients {
        padding-top: 80px;
    }
    .clients_descr, .clients_title {
        text-align: center;
    }
    .tariff .table {
        overflow-x: scroll;
    }
    .contact {
        padding-top: 65px;
    }
    .contact_title {
        text-align: center;
    }
    .contact .form__input-name, .contact .form__input-phone {
        margin: 0 auto 20px;
    }
    .map_descr {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 90px 0 90px 100px;
    }
    .benefit_helper::before,
    .solution_helper::before,
    .header_top__wrap.fixed .header_top__item-wrap,
    .video_helper::before,
    .tariff .table-wrap::before,
    .tariff .table-wrap::after,
    .contact_title::before,
    .bx-controls-direction,
    #get-callback::after,
    #connect1::after,
    #connect2::after,
    #connect3::after,
    #get-callback::before,
    #get-package::before,
    #get-package::after,
    #connect1::before,
    #connect2::before,
    #connect3::before,
    .thank-you-center::after,
    .thank-you-center::before,
    #get-contract::before,
    #get-contract::after {
        display: none;
    }
    .testimonials_slider__item {
        padding-left: 0;
        padding-top: 200px;
    }
    .testimonials_slider__item-img {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .testimonials_slider {
        padding: 20px 40px;
    }
    .callback_descr {
        line-height: 1.4;
    }
    .form__prise {
        max-width: 350px;
    }
    .footer_top__wrap {
        padding: 40px 0;
    }
    .footer_top__ask {
        text-align: center;
    }
    .footer_top__ask-title {
        margin-right: 0;
        float: none;
        display: block;
    }
    .footer_top__trademark {
        margin-bottom: 30px;
    }
    .footer_top__wrap a.btn {
        margin-top: 30px;
    }
    .footer_top__ask-email {
        text-align: center;
    }
    .footer_bottom__order,
    .footer_bottom__privat {
        text-align: center;
    }
    .footer_bottom {
        margin-top: 20px;
        line-height: 30px;
    }
    .footer_top__menu .menu > li {
        margin-right: 30px;
    }
    .testimonials_slider__item-content--descr {
        font-size: 16px;
        min-height: auto;
    }
    .testimonials_slider__item-content--author {
        padding-top: 0;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .header {
        min-height: 810px;
    }
    .header_top__logo-wrap {
        text-align: center;
        width: 100%;
    }
    .header_top__logo {
        display: inline-block;
        float: none;
    }
    .header_top__slogan {
        padding-left: 8px;
    }
    .header_top__item {
        margin: 10px 8px;
    }
    .header_center h3 {
        font-size: 32px;
    }
    .header_center__list {
        font-size: 15px;
    }
    a.btn {
        padding: 0 35px;
    }
    .btn span {
        padding-right: 0;
    }
    .header_center {
        margin-top: 310px;
    }
    .header_center p {
        font-size: 22px;
    }
    .header_center h3 {
        font-size: 26px;
        font-family: "MuseoCyrlBold", sans-serif
    }
    .video_wrap {
        margin-top: 30px;
    }
    .form__prise {
        max-width: 250px;
    }
    .btn span::before,
    .btn span::before,
    .header .arrow,
    .video_wrap::before,
    .file_img__helper::before,
    .video_wrap img,
    .solution_helper::after,
    .clients_helper::after,
    .example_title::after,
    .tariff_helper::after,
    .result_title::after,
    .map_wrap::after {
        display: none;
    }
    .video_wrap .btn-circle-wrap {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .result_after::before {
        right: 0;
    }
    .file_img__helper::after {
        right: 25px;
    }
    .solution_helper,
    .tariff_helper {
        height: 60px;
    }
    .program {
        padding: 80px 0;
    }
    .warranty_helper::after {
        width: 85px;
        height: 85px;
        background-position: -821px -13px;
        left: 0;
    }
    .warranty_content::before {
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -31px;
    }
    .warranty_content {
        padding-top: 100px;
        padding-left: 0;
        text-align: center;
    }
    .result_list__item {
        padding-right: 0;
    }
    .result_block__descr li {
        padding-right: 15px;
    }
    .result_block {
        padding: 30px 20px 50px;
    }
    .example_items-desr {
        height: 400px;
        background-size: contain;
    }
    .example_list__item, .example_list__item.active {
        padding-right: 22px;
    }
    .file, .result, .about {
        padding-top: 60px;
    }
    h4,
    .callback_title {
        font-size: 32px;
    }
    .about_bottom {
        position: relative;
        padding: 116px 0 0 0;
    }
    .about_bottom::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -47px;
    }
    .btn::after {
        background-size: contain;
    }
    .advantage {
        padding: 80px 0 70px;
    }

    .map_descr {
        padding: 50px 14px;
        text-align: center;
    }
    .map_descr__content {
        padding-left: 40px;
        text-align: left;
    }
    .testimonials {
        padding-top: 60px;
    }
    .testimonials_title {
        margin-bottom: 20px;
    }
    .testimonials_slider__item-content {
        font-size: 12px;
    }
    .testimonials_slider__item-content--author,
    .testimonials_slider__item-content--button {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }
    .testimonials_slider {
        height: auto;
        padding: 20px 15px;
    }
    .testimonials_slider__item-content {
        height: auto;
    }
    .testimonials_slider__item-content::after {
        top: -5px;
        left: 5px;
    }
    .testimonials_slider__item-content--descr {
        padding-bottom: 40px;
    }
    .footer_top__menu .submenu {
        left: -96px;
        min-width: 310px;
    }
    .thank-you-center {
        padding: 50px 10px;
    }
    .thank-you-center button.btn {
        width: 240px;
    }
    .testimonials_slider__item-content--descr {
        font-size: 14px;
    }
}

/* 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) {

}