/* ------------------------------------ */
/* ------------------------------------ */
/*               order             */
/* ---                              --- */
/* ------------------------------------ */
.order .main {
    text-align: center;
    margin-top: 50px;
}
    .order .main .item {
        display: inline-block;
        position: relative;
        max-width: 245px;
        margin: 0 24px;
    }
    .order .main .item:after {
        content: '';
        position: absolute;
        right: -40px;
        top: 17px;
        background: url(../images/order_item_after.png) no-repeat center center;
        width: 35px;
        height: 35px;
    }
    .order .main .item:last-child:after {
        content: '';
        position: inherit;
    }
        .order .main .item p {
            text-align: center;
            font-size: 16px;
            color: #000;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
        }
            .order .main .item .title span {
                content: '';
                color: #1461F4;
                font-weight: 700;
                font-size: 18px;
                margin-right: 7px;
            }
        .order .main .item .title {
            font-size: 18px;
            font-weight: 500;
            max-height: 40px;
        }

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media (max-width: 1024px){
    .al_container {
        width: 991px;
    }
    .menu .list li {
        margin-left: 29px;
    }
    .logo_tel .info {
        width: 460px;
    }
    .dop_head_menu ul li:nth-child(1) a {
        padding: 0 8px 0 0;
    }
    .dop_head_menu ul li a {
        padding: 0 8px;
    }
    .scroll .menu {
        padding: 25px 0;
        transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        -o-transition: 0.3s ease-out;
        -webkit-transition: 0.3s ease-out;
    }
    .about .main .common .item {
        width: 520px;
        height: 390px;
    }
    .why .why_par .img_abs {
        margin-left: -255px;
        width: 510px;
    }
    .services .common {
        width: 472px;
    }
    .services .common .item .info {
        width: 237px;
    }
    .services .common .item .info .text_par {
        height: 170px;
    }
    .order .main .item {
        max-width: 230px;
        margin: 0 17px;
    }
    .photo .main .item a {
        width: 238px;
        height: 235px;
    }
    .before_after .slider .common:before, .before_after .slider .item_link {
        width: 435px;
        height: 360px;
    }
    .sale .sale_par .title {
        width: 415px;
    }
    .sale .sale_par .left_img {
        left: -80px;
    }
    .sale .sale_par .right_img {
        right: -210px;
    }
    .questions .bg_img {
        left: -240px;
    }
    .questions .bg_img.right {
        right: -200px;
    }
    .video_reviews .slider_video .common:before, .video_reviews .slider_video .common .item_child {
        width: 265px;
    }
    .contact .main .right {
        width: 610px;
    }
    footer .top .left_list {
        width: 250px;
    }
    footer .top .center_list {
        width: 525px;
    }
    footer .top .right_img {
        width: 170px;
        height: 170px;
    }
    footer .bottom .logo_home {
        width: 200px;
        margin-right: 30px;
    }
}


/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media (max-width: 991px){
    .al_container {
        width: 767px;
    }
    header {
        padding: 15px 0;
        background: linear-gradient(80.19deg, #012B7D 0.03%, #0141BD 99.54%);
    }
    .scroll header {
        padding: 7px 0;
    }
    .scroll .menu {
        padding: 20px 0 20px 25px;
    }
    .scroll .logo_tel {
        padding: 17px 0 17px 25px;
    }
    .menu, .dop_head_menu, .logo_tel {
        position: relative;
        background: none;
        float: left;
        width: 260px;
        padding-left: 25px;
    }
    .menu .list {
        padding: 0;
        width: 245px;
    }
    .menu .list li {
        margin-bottom: 8px;
    }
    .menu .list li a, .select_menu .value  {
        color: #012B7D;
        font-weight: 500;
    }
    .select_menu {
        width: 100%;
    }
    .select_menu ul {
        top: 40px;
        background: #fff;
    } 
    .select_menu.active ul li a {
        color: #6DB7E4;
        font-weight: 500;
    }
    .select_menu .value:before {
        left: 60px;
        top: 15px;
        width: 12px;
        height: 12px;
        right: inherit;
        background: url(../images/next.png) no-repeat center center;
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    .select_menu.active .value:before {
        top: 19px;
        transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
    }
    .menu .al_container.active, .dop_head_menu .al_container.active {
        left: 0;
    }
    .menu .list li {
        float: none;
        margin-left: 0;
    }
    .dop_head_menu {
        top: 0 !important;
    }
    .dop_head_menu ul li {
        display: block;
    }
    .dop_head_menu ul li a, .dop_head_menu ul li:last-child a, .dop_head_menu ul li:nth-child(1) a {
        color: #000;
        padding: 0;
        line-height: 30px;
        font-weight: 500;
        color: #012B7D;
        font-size: 14px;
    }
        .dop_head_menu ul li a:after {
            display: none;
        }
    .logo_tel {
        background: none;
    }
    .logo_tel .info {
        width: 100%;
        padding-left: 15px;
    }
    .logo_tel .info li {
        margin-right: 0;
        display: block;
        float: none;
        line-height: inherit;
        margin-top: 12px;
    }
    .logo_tel .info li:before, .logo_tel .info li.whatsup:before, .logo_tel .info li.clock:before, .logo_tel .info li.mail:before {
        top: 0;
    }
    .logo_tel .info li.clock, .logo_tel .info li.mail {
        margin-left: 0;
    }
    header .btn_par {
        float: right;
    }
    header .al_btn.zamer, header .calc {
        margin-top: 0;
    }
    .home {
        padding-bottom: 100px;
    }
    .home h1 {
        padding-top: 40px;
    }
    .home .btn_par .al_btn.call {
        margin-bottom: 10px;
    }
    .about {
        padding: 20px 0 60px 0;
    }
    .about .main {
        text-align: center;
    }
        .about .main .common {
            margin-right: 0;
            float: none;
            display: inline-block;
        }
    .about .name {
        text-align: center;
    }
    .about .main .text_info {
        width: 100%;
        padding-top: 50px;
    }
    .why .why_par ul li {
        font-size: 14px;
    }
    .why .why_par .img_abs {
        margin-left: -190px;
        width: 360px;
        height: 330px;
        top: 142px;
    }
    .soft {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .services {
        padding-bottom: 60px;
    }
    .services .main {
        text-align: center;
    }
        .services .common {
            display: inline-block;
            float: none;
            width: 615px;
            margin-bottom: 40px;
        }
    .services .common:nth-child(2n+2) {
        margin-left: 0;
    }
    .services .common .item .item_link, .services .common:before, .services .common .item .info {
        width: 300px;
    }
    .order .main {
        margin-top: 20px;
    }
    .order .main .item {
        display: block;
        max-width: inherit;
        padding-top: 12px;
        padding-bottom: 50px;
    }
    .order .main .item:last-child {
        padding-bottom: 20px;
    }
    .order .main .item:after {
        right: inherit;
        left: 50%;
        top: inherit;
        bottom: 0;
        margin-left: -17px;
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    .order .main .item .title {
        max-height: auto;
        min-height: auto;
    }
    .you_call_par {
        margin: 30px 0;
    }
    .photo {
        padding-top: 40px;
    }
    .photo .main .item a {
        width: 243px;
    }
    .before_after .slider .common:before, .before_after .slider .item_link {
        width: 295px;
        height: 315px;
    }
    .sale {
        padding: 80px 0;
    }
    .sale .sale_par .left_img {
        top: 92px;
        left: 0;
        width: 300px;
    }
    .video_reviews {
        padding: 20px 0 60px 0;
    }
    .video_reviews .slider_video .common:before, .video_reviews .slider_video .common .item_child {
        width: 185px;
        height: 210px;
    }
    .contact {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .contact .main .right {
        width: 390px;
    } 
    footer .top {
        padding: 25px 0;
    }
    footer .top .left_list, footer .top .center_list {
        float: none;
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    footer .top .name_name {
        margin-top: 0;
    }
    footer .top .center_list {
        width: 580px;
        margin: 0 auto;
    }
    footer .top .right_img {
        float: none;
        position: absolute;
        right: 25px;
        top: 25px;
    }
    footer .bottom .text, footer .bottom .social {
        padding-top: 10px;
    }
}