@media screen and (max-width:1150px) {
    .container{width: 800px;}
    header {width: 800px;}
    footer {width: 800px;}
    .screen-1 .container {background-position:  right 100px;background-size: 420px;}
    .how-item {padding-right: 100px;}
    .faq-item h3, .faq-item p {max-width: 350px;}
    footer p {width: 50%;}
    .bunner p {max-width: 450px;}
    .bunner p br{display: none;}
    .bunner .container {padding: 37px 0 28px 37px;}

}


@media screen and (max-width:850px) {   
    .container{width: 600px;} 
    header {width: 600px;}
    footer {width: 600px;flex-wrap: wrap;}
    header {margin: 0 auto 40px;}
    h1 {font-size: 50px;line-height: 55px;margin-bottom: 320px; }
    h1 br{display: none;}
    .screen-1 p br{display: none;}
    .screen-1 .container {background-position: left 110px;background-size: 420px;}
    .screen-1 p {line-height: 34px;}
    .how-item p br{display:none;}
    .how-item {width: 100%;margin-bottom: 40px;text-align: center;padding-right: 0;}
    .number {margin: 0 auto 20px;}
    .img-wrap {height: auto !important;margin: 0 auto 30px !important;}
    .img-wrap img{margin: 0 auto;}
    h2 {text-align: center;}
    .faq-item {width: 100%;margin-bottom: 30px;}
    .faq-item h3, .faq-item p {max-width: 200%;}
    footer p {width: 100%;    flex: 0 0 auto;}
    footer ul {width: 100%;    flex: 0 0 auto;order:-1;justify-content: center;margin-bottom: 15px;}
    .bunner .container {background: #E8F7FF;padding: 57px 30px 48px;text-align: center;}
    .bunner p {max-width: 100%;}
    .screen-2 .my-btn{margin: 0 auto;}



}

@media screen and (max-width:650px) {   
    .container{width: 300px;}
    header {width: 300px;flex-wrap: wrap;padding: 20px 0 20px;margin: 0 auto 20px;}
    footer {width: 300px;}

    header ul li a {padding: 0 5px;}
    header ul {justify-content: center;}
    .logo {margin-bottom: 15px;}
    .screen-1 .container {background-size: 300px;}
    h1 {font-size: 30px;line-height: 40px;margin-bottom: 270px;}
    .screen-1 p {line-height: 30px;font-size: 20px;}
    .screen-2 {padding-top: 100px;}
    h2 {font-size: 28px;line-height: 45px;margin-bottom: 30px;}
    .faq-block {padding-top: 60px;}
    .faq-item h3 {font-size: 24px;line-height: 30px;}
    .faq-item p {font-size: 16px;line-height: 24px;}
    .bunner .container {padding: 20px 20px 30px;margin-top: 25px;margin-bottom: 50px;}
    .bunner p {font-size: 20px;line-height: 30px;}
    footer ul li a {padding: 0px 5px;}
    .modal_form,.thanks-wrap{width: 500px !important; max-width: 320px !important;}
    





}