@media only screen and (max-width: 991px) {
    .header-root .header-block {width: 72%;}

    .tel-img-block .content-item img{width: 100%;}
    .form-root .input-item input:first-child{margin-right: 4%;}
    .contact-root .phone-root img{}

    .footer-root .upper-root .left-block {width: 40%;}
}
@media only screen and (max-width: 850px) {
    .banner-form-container .banner-form-title span{display: none;}

    .header-root{padding: 25px 0 25px;}
    .header-root .header-block {width: 82%;}

    .contact-root .phone-root{width: 38%;}
    .contact-root .phone-root img{margin: 72px 0 0;}
    .form-root form { width: 60%; }
    .form-root .input-item input:first-child {margin-right: 2%; }
    .form-root .success-form p{font-size: 30px;}

    .img-content-root .img-block{width: 96%; margin: 20px 0 0;}
    .img-content-root .img-block a{margin: 0 0 0 0;}

    .footer-root .upper-root{padding: 20px 20px;}
    .footer-root .upper-root .left-block {float: none; width: auto; }
    .footer-root .lower-root .left-block{width: 60%;}
    .footer-root .upper-root .logo-block {float: none; text-align: center}
    .footer-root .upper-root .logo-block a{display: inline-block}
    .footer-root .upper-root .logo-block img{float: left; padding: 0 2% 0 0}
    .sign-root p { font-size: 10px; }
}

@media only screen and (max-width: 799px) {

    .img-content-root{background-repeat: repeat;}
    .img-content-root .img-block a{margin: 0 4%;}

    .banner-form-container .banner-form-title{display: none;}
    .banner-form-container .banner-form-block {width: 90%;}
}

@media only screen and (max-width: 768px) {
    .form-root .input-item input:first-child{margin-right: 3%;}
    .form-root input{width: 45%;}

    .contact-root .phone-root img{margin: 100px 0 0;}

    .img-content-root .img-block.type-2 a{width: 90%;}
    .img-content-root .img-block.type-2 img{width: 90%;}

}

@media only screen and (max-width: 728px){
    .header-root .header-block a img{width: 40%;}

    .contact-root .phone-root{width: 42%;}
    .form-root form { width: 52%; }
    .footer-root .left-block a img{width: 82%;}
    .footer-root .lower-root .left-block a{padding: 0 0px 0 15px;}
    .footer-root .lower-root .right-block p{display: none}
}

@media only screen and (max-width: 640px) {

    .header-root .header-block a img{width: 45%;}
    .header-root .header-block .text-img{padding: 23px 0 0; width: 69%; }

    .banner-form-container{width: 100%;}
    .banner-form-container .banner-form-title span{display: inline-block;}
    .banner-form-root{width: 100%;  z-index: 999; margin: 0}
    .banner-form-container .banner-close{float: left;}
    .mobile {display: block;}
    .banner-form-container .banner-form-close{float: none;}
    .banner-form-container .banner-form-title{display: block; width: 90%;}
    .banner-form-container .banner-form-title p{font-size: 40px; margin: -13px 0 0;}
    .banner-form-container .banner-input-group{margin: 0 0 0 20px;}
    .banner-form-container .banner-form-block{height: 160px; width: 99%;}
    .banner-form-container .banner-input-group{width: 90%;}
    .banner-form-container .banner-input-group input[type="text"]{width: 100%;}
    .banner-form-container .banner-form-block, .banner-form-container .banner-input-group{float: none;}
    .banner-form-container .banner-form-block form .mobile-btn{display: block; float: none; margin: 19px auto 0; width: 241px;}
    .banner-form-container .banner-form-block form .btn-sub{display: none}

    .banner-root .banner-item {padding: 141px 0 0; }
    .contact-root .phone-root{float: none; margin: 0 auto; width: 58%;}
    .contact-root .phone-root a img{width: 45%; display: block; margin: 0 auto; padding: 30px 0 20px;}
    .contact-root .phone-root a+a img{width: 45%; display: block; margin: 0 auto; padding: 10px 0 20px;}

    .form-root form {width: 98%; }
    .contact-root .form-root .header{padding:0 10px;}
    .form-root .input-item input { margin: 11px 0;font-size: 20px; }
    .contact-root .form-root textarea{width: 89%; height: 70px; margin: 20px 0 14px 10px; font-size: 25px;}
    .form-root .input-item{float: none; width: 97%; padding: 0 10px;}
    .form-root .input-item input{width: 100%;}
    .contact-root {height: 842px;}
    .form-root input[type="image"] {margin:0 auto; display: block; float: none;}
    .form-root .select-block{ margin: 0 0 15px 10px; width: 94%;}
    .form-root .success-form p{font-size: 40px;}
    .footer-root .lower-root .left-block a{width: 41%;}
}

@media only screen and (max-width: 600px) {
    .banner-form-container .banner-form-title{display: block; width: 89%;}
    .banner-form-container .banner-form-block{height: 160px; width: 98%;}
}

@media only screen and (max-width: 540px) {

    .banner-form-container .banner-form-title{width: 87%;}
    .banner-form-container .banner-form-block{height: 160px; width: 97%;}

    .banner-item .img-item img{width: 60%;}
    .banner-root .text-item .text1{font-size: 40px;}
    .banner-root .text-item .text2{font-size: 20px;}
    .banner-root .text-item .text3{font-size: 34px;}

    .form-root .success-form p{font-size: 35px;}

    .footer-root .lower-root .left-block{float: none; text-align: center}
    .footer-root .lower-root .right-block{float: none; text-align: center}
    .footer-root .lower-root .right-block{padding: 15px 4% 11px 2%;}
    .sign-root .sign-block{padding: 10px 20px 15px 20px;}
    .footer-root .lower-root .left-block{width: auto;}
}

@media only screen and (max-width: 479px) {

    .banner-form-container .banner-form-title{width: 83%;}
    .banner-form-container .banner-form-title p{font-size: 25px; margin: -5px 0 0 0;}
    .banner-form-container .banner-form-block{height: 160px; width: 96%;}

    .banner-item .img-item img{width: 70%;}

    .banner-root .text-item .text1{font-size: 36px;}
    .banner-root .text-item .text2{font-size: 18px;}
    .banner-root .text-item .text3{font-size: 30px;}

    .contact-root .phone-root{width: 84%;}
    .img-content-root .img-block a{margin: 0 11px 0 11px;}
    .img-content-root .img-block a img{width: 33%;}

    .form-root select{font-size: 15px;}
    .form-root .success-form p{font-size: 30px;}

    .sign-root p{width: 48%;}
    .sign-root img{width: 37%; margin: 11px 0 0 0;}
    .footer-root .lower-root .right-block{padding: 20px 4% 11px 4%;}
    .footer-root .upper-root .logo-block a {width:47% }
    .footer-root .upper-root .logo-block a img{width:100% }
}
@media only screen and (max-width: 400px) {
    .banner-form-container .banner-form-title{width: 83%;}
    .banner-form-container .banner-form-block{height: 160px; width: 98%;}
}
@media only screen and (max-width: 380px) {
    .banner-form-container .banner-form-title{width: 79%;}
}

@media only screen and (max-width: 319px) {
    .banner-form-container .banner-form-title p{font-size: 20px; margin: 0}
    .banner-item .img-item img{width: 90%;}

    .contact-root .phone-root{width: 100%;}
    .contact-root .form-root textarea{width: 84%; height: 70px; margin: 20px 10px 14px;}
    .contact-root {height: 795px;}
}