@media only screen and (max-width:1199px) {
    .top-box .bg {
        display: none
    }

    .tovar {
        left: 410px;
        width: 200px
    }

    .bottom .tovar {
        bottom: 0
    }

    .footer {
        padding: 0
    }

    .top-box .list2 li {
        max-width: 400px
    }

    .tb3 {
        height: auto
    }

    .tb3 .left {
        width: 570px
    }

    .tb3 .steps .st:last-child,
    .tb3 .steps .st {
        width: 170px;
        padding-right: 20px;
        margin-right: 20px;
        margin-top: 20px
    }

    .tb3 .steps .st:last-child {
        margin-right: 0
    }

    .order-form-box {
        width: 350px
    }

    .order-form-box .white-box {
        padding: 20px
    }

    .tb3 .steps .st:after {
        right: -11px
    }

    .tb4 .text {
        padding-left: 320px
    }

    .tb5 .steps .st {
        width: 160px;
        margin-right: 30px
    }

    .tb5 .steps .st:after {
        right: -20px
    }

    .tb5 .gr {
        max-width: 500px
    }

    .tb6 .text {
        padding-left: 0 !important
    }
}

@media only screen and (max-width:991px) {
    .svid {
        display: none
    }

    .top-box .aside {
        width: 400px
    }

    .order-form-box {
        width: 300px;
        margin-top: 30px
    }

    .top-box .h1 {
        font-size: 34px
    }
    
    .top-box .list1 li {
        text-align: center;
    }

    .top-box .list2 li { 
        max-width: 240px
    }

    .top-box .h1,
    .top-box .h2 {
        margin-bottom: 30px
    }

    .tovar {
        left: 264px;
        bottom: -50px;
        width: 177px
    }

    .btn {
        font-size: 17px
    }

    .tb1 {
        padding-top: 100px
    }

    .tb3 .left {
        width: 380px
    }

    .tb3 {
        padding: 50px 0;
        background: 0 0;
        height: auto
    }

    .tb3 .left .text {
        padding: 0;
        background: 0 0
    }

    .title-h3 {
        font-size: 24px
    }

    .tb4 .text {
        padding-left: 205px
    }

    .tb4 .list li {
        margin-top: 20px
    }

    .tb5 .bg {
        position: static;
        margin-bottom: 20px;
        display: none
    }

    .tb5 .steps .st {
        margin-right: 26px;
        width: 150px
    }

    .tb2 {
        background: none
    }

    .tb5 {
        padding: 50px 0
    }

    .tb6 .text {
        max-width: unset
    }

    .tb6 {
        background: url("../img/tb6.jpg") 0% 0 no-repeat
    }

    .rev .text {
        padding-top: 0
    }

    .footer__block {
        margin: 0 auto 0;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .order-form-box {
        width: 330px;
        float: none;
        margin: 0 auto
    }

    .top-box {
        height: auto;
        padding: 30px 0;
        background: #e4eff3
    }

    .top-box .aside {
        width: auto;
        float: none;
        margin-bottom: 30px
    }

    .tovar {
        bottom: auto;
        top: 385px
    }

    .top-box .aside {
        padding: 0
    }

    .tb1 {
        padding-top: 40px
    }

    .top-box .h1 {
        font-size: 24px
    }

    .top-box .h2 {
        font-size: 17px
    }

    .tb2,
    .tb4 {
        height: auto;
        padding: 30px 0;
        background: #e4eff3
    }

    .tb2 .left {
        padding-top: 0;
    }

    .tb2 .left p {
        line-height: 1.4
    }

    .tb3 .left {
        width: auto;
        float: none;
        margin-bottom: 30px
    }

    .tb4 .text {
        padding: 0
    }

    .top-box .list2 li {
        margin: auto;
        max-width: 240px
    }

    .tb4 .list li {
        width: 49%
    }

    img {
        max-width: 100%
    }

    .tb4 .list li {
        padding-right: 10px
    }

    .tb5 .steps .st {
        width: 260px;
        margin-bottom: 15px
    }

    .tb6,
    .tb6 .title-h3 {
        color: #000
    }

    .rev .img {
        width: auto;
        float: none;
        margin: 0 0 15px
    }

    .tb8 .fr {
        margin: 0 0 10px
    }

    .tovar {
        position: static;
        text-align: center;
        margin-top: -70px;
        margin-left: auto;  
        margin-right: auto;
    }

    .top-box .aside .h2 br {
        display: none
    }

    .tb4 .list li {
        text-align: center;
        width: auto;
        display: block;
        padding: 0
    }

    .tb4 .list .h4 {
        max-width: 100%
    }

    .owl-carousel .owl-item img {
        width: auto;
        display: inline-block
    }

    .footer {
        text-align: center
    }

    .footer__block {
        margin-top: 10px
    }
    .tb1 .container,
    .tb2 .container,
    .tb3 .container,
    .tb4 .container,
    .tb5 .container,
    .tb6 .container,
    .tb7 .container,
    .tb8 .container,
    .top-box .list1 li,
    .aside {
        max-width: 400px;
        margin: auto;
    }
}

@media only screen and (max-width:480px) {
    .tovar {
        margin-bottom: -60px
    }

    .rev .text p {
        font-size: 14px
    }

    .tb3 .steps .st {
        margin-bottom: 10px
    }

    .tb3 .left .row>div {
        margin-bottom: 15px;
        height: 85px;
        text-align: center
    }

    .logo {
        text-align: center
    }

    .tb1 .text {
        font-size: 14px
    }

    .tb3 .left .t2 {
        font-size: 14px
    }

    .logo {
        display: none
    }

    .top-box .h1 {
        text-align: center;
        font-size: 29px
    }

    .top-box .h2 {
        text-align: center;
        font-size: 15px
    }

    .toping .tovar img {
        display: none
    }

    .toping .tovar {
        height: 410px;
        background: url("../img/tov-320.png") 50% 0 no-repeat;
        width: unset;
        margin-top: 0
    }

    .top-box .list1 {
        display: none
    }

    .order-form-box .tt1 span {
        display: none
    }

    .toping {
        background: #fff url("../img/top-320.jpg") 50% 0 no-repeat
    }

    .order-form-box {
        width: auto;
        padding: 40px 15px;
        margin: 0 -15px;
        background-color: #eef2f4
    }

    .tb1 .title-h3 {
        font-size: 20px
    }

    .tb1 .under {
        font-size: 15px
    }

    .tb1 .text {
        font-size: 15px
    }

    .tb1 .text .sep {
        display: block;
        height: 20px
    }

    .tb1 .image .tt {
        width: 100%;
        text-align: center;
        font-size: 15px
    }

    .tb2 .title-h3 {
        text-align: center;
        font-size: 20px
    }

    .tb2 .left .t1 {
        text-align: center;
        font-size: 15px
    }

    .tb2 .wh {
        position: relative;
        padding: 20px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 18px 10px 0 rgba(0, 0, 0, .15);
        font-size: 14px;
        margin-top: 190px
    }

    .tb2 .left p {
        margin-bottom: 20px
    }

    .tb2 .left .sign {
        margin-bottom: 20px;
        background: url("../img/sig.png") 50% 0 no-repeat;
        height: 114px
    }

    .tb2 .wh:after {
        content: '';
        width: 100%;
        height: 180px;
        background: url("../img/doc.png") 50% 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: -180px
    }

    .tb3 .ban img {
        display: none
    }

    .tb3 .ban {
        height: 140px;
        background: url("../img/ban2.png") 50% 0 no-repeat
    }

    .tb3 .title-h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 30px
    }

    .tb3 .left .gr {
        text-align: center;
        font-size: 15px
    }

    .tb3 .left .text {
        background: url("../img/1.png") 50% 0% no-repeat;
        padding-top: 180px;
        text-align: center
    }

    .tb3 .left p {
        font-size: 15px
    }

    .tb3 .steps {
        display: none
    }

    .tb3 .left .sep {
        display: none
    }

    .tb3 .left .sep+.h4 {
        display: none
    }

    .tb3 .order-form-box {
        display: none
    }

    .tb3 .text .btn-c {
        display: block;
        margin-top: 20px
    }

    .tb3 .left {
        margin-bottom: 0
    }

    .tb4 .title-h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px
    }

    .tb4 .list {
        background-color: #fff;
        box-shadow: 0 18px 10px 0 rgba(0, 0, 0, .15);
        padding: 20px;
        padding-top: 0
    }

    .list-slider .item {
        padding-top: 15px;
    }

    .tb5 .title-h3 {
        text-align: center;
        font-size: 20px
    }

    .tb5 .steps .st {
        width: 100%;
        text-align: center;
        margin: 0 0 50px
    }

    .tb5 .steps .st:after {
        left: 47%;
        bottom: -30px;
        top: auto;
        transform: rotate(90deg)
    }

    .tb5 .steps {
        padding-bottom: 0
    }

    .tb5 .gr {
        text-align: center
    }

    .tb5 .bg {
        display: block;
        margin: 0 auto;
        width: 194px
    }

     

    .tb6 .title-h3 {
        margin-bottom: 20px;
        color: #000;
        padding-top: 5px
    }

    .tb6 .list-slider li:first-child {
        padding-top: 25px;
    }

    .tb7 {
        padding: 40px 0 0;
        background-color: #eef2f4
    }

    .tb8 {
        background-color: #fff
    }

    .rev {
        margin-bottom: 0;
        text-align: center
    }

    .tb7 .owl-dots {
        margin-top: 0;
        margin-bottom: 40px
    }

    .tb7 .title-h3 {
        text-align: center;
        font-size: 20px
    }

    .tb7 .owl-carousel .owl-item img {
        width: 170px;
        margin-bottom: 10px
    }

    .tb8 {
        padding: 40px 0
    }

    .tb8 .title-h3 {
        text-align: center;
        font-size: 20px
    }

    .tb8 .fr {
        margin-bottom: 40px
    }

    .tb8 .fr {
        background-position: 50% 10px;
        padding: 15px;
        padding-top: 40px;
        text-align: center
    }

    .bottom .aside {
        display: none
    }

    .bottom {
        padding: 0
    }

    .footer {
        padding: 20px 0;
        text-align: center
    }

    .footer p br {
        display: none
    }

    .footer p .br {
        display: block
    }

    .footer p {
        margin: 0
    }
}