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

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .us .wrapper_us .list_block .title {
        background: #044257;
    }
    .us .wrapper_us .left_side .list_block .title:before,
    .us .wrapper_us .right_side .list_block .title:before {
        display: none;
    }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    nav .menu {
        display: none;
    }
    nav .menu ul li {
        display: block;
        text-align: center;
    }
    nav .menu ul li a {
        padding: 10px 0;
    }
    nav .menu ul li a:before {
        display: none;
    }
    .meet .meet_wrap {
        float: none !important;
        margin: 0 auto 20px;
    }
    .offer .wrapper .offer_wrap {
        width: calc(100%/3);
    }
    .us .wrapper_us .left_side,
    .us .wrapper_us .right_side {
        background: none;
        margin-bottom: 20px;
    }
    .us .wrapper_us .lines,
    .us .wrapper_us .voronka {
        display: none;
    }
    .us .wrapper_us .list_block .title {
        text-align: center;
        background: #044257;
    }
    .us .wrapper_us .right_side .list_block .title h3,
    .us .wrapper_us .left_side .list_block .title h3 {
        padding: 0;
    }
    .us .wrapper_us .list_block .list {
        min-height: auto;
        margin-bottom: 20px;
    }
    .us .wrapper_us .left_side .list_block .list,
    .us .wrapper_us .left_side .list_block .text {
        padding: 0 30px;
    }
    .us .wrapper_us .right_side .list_block .list,
    .us .wrapper_us .right_side .list_block .text {
        padding: 0 30px;
    }
    .how_it_works .work_wrapper .wrap_step .arrow {
        display: none;
    }
    .how_it_works .work_wrapper .wrap_step {
        margin: 20px 0 !important;
    }
    .go-top {
        display: none !important;
    }
    footer {
        background: url(../images/bg-footer.png) no-repeat 57% top, url(../images/footer-pattern.png);
    }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
    .approve .wrapper .approve_wrap {
        width: calc(100%/3);
    }
    .meet {
        margin-top: 0;
    }
    .us {
        background: url("../images/us-pattern.png");
    }
    footer {
        background: url(../images/footer-pattern.png);
    }
    footer .footer_ap {
        background: url('../images/bg-footer.png') no-repeat top left;
    }
    footer .warning {
        margin-top: 130px;
        margin-bottom: 50px;
    }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 600px) {
    .offer .wrapper .offer_wrap {
        width: calc(100%/2);
    }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .approve .wrapper .approve_wrap {
        width: 100%;
    }
    .approve .wrapper .approve_wrap p {
        font-size: 18px;
    }
    .offer .wrapper .offer_wrap {
        width: auto;
        max-width: 300px;
    }
    .us .wrapper_us .list_block .list {
        min-height: 200px;
    }
    .us .wrapper_us .list_block .title {
        margin-left: -10px;
        margin-right: -10px;
    }
    .us .wrapper_us .left_side {
        min-height: 470px;
        background: url('../images/bg_left_side.png') no-repeat top right -200px;
    }
    .us .wrapper_us .right_side {
        min-height: 470px;
        background: url('../images/bg_right_side.png') no-repeat top left -200px;
    }
    .us .wrapper_us .left_side .list_block .list,
    .us .wrapper_us .left_side .list_block .text {
        padding: 0 30px;
    }
    .us .wrapper_us .right_side .list_block .list,
    .us .wrapper_us .right_side .list_block .text {
        padding: 0 30px;
    }
    header .head_title .title,
    .meet .title,
    .approve .title,
    .offer .title,
    .us .title,
    .how_it_works .title,
    footer .title {
        text-align: center;
    }
    header .head_title .title h1,
    .meet .title h2,
    .approve .title h2,
    .offer .title h2,
    .us .title h2,
    .how_it_works .title h2,
    footer .title h2 {
        font-size: 32px;
    }
    header .head_title .title p,
    .meet .title p,
    .approve .title p,
    .offer .title p,
    .us .title p,
    .how_it_works .title p,
    footer .title p {
        font-size: 18px;
    }
    footer .links {
        margin-top: 60px;
        margin-bottom: 40px;
    }
    footer .info .info_links {
        text-align: center;
    }
    footer .info .info_links a {
        margin: 0 20px !important;
    }
    footer .info .copy {
        text-align: center;
    }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    footer .links {
        margin-top: 100px;
    }
}

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