@media (min-width: 992px) and (max-width: 1200px) {

}

@media (min-width: 992px) {
    .hide_before_991 {
        display: none;
    }
}

@media (max-width: 991px) {
    .hide_991 {
        display: none;
    }
    .mob_main {
        min-width: initial !important;
        width: 100% !important;
        height: initial !important;
    }
    .mob_wrap {
        width: initial !important;
        height: initial !important;
        padding: 15px !important;
        max-width: 530px;
        margin: 0 auto;
    }
    .section1 .logo {
        float: initial;
        display: block;
    }
    .section1 .info {
       text-align: center;
        padding-top: 10px;
    }
  	.info .tel {
		justify-content: center;
      	flex-wrap: wrap;
	}
	.info .tel > a {
		margin-left:15px;
	}
    #telephone > a {
        float: initial;
        display: inline-block;
    }
    .section1 .descr {
        font-size: 12pt;
        width: 90%;
        padding: 20px 5% 28px 5%;
    }
    .section1 .pluh {
        height: initial;
    }
    .section2 form {
        width: initial;
    }
    .section2 form>input {
        margin-top: 10px;
        float: initial;
        width: 90%;
        margin-right: 0;
       padding:  0px 5% 0px 5%;
    }
    .section2 form>a {
        margin-top: 10px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
    .section9 {
        float: initial;
        display: block;
        overflow: hidden;
    }
    .section9 h1 {
        width: initial;
        margin-top: 10px;
    }
    .section9 .ourss {
        width: initial;
    }
    .bbig {
        margin-right: 0;
        width: 100%;
        float: initial;
    }
    .small {
        width: 100%;
        float: initial;
    }
    .bbig > div {
        width: 100%;
        margin-bottom: 10px;
    }
    .fimgs {
        margin-right: 0;
        margin-bottom: 0;
    }
    .example2 span {
        bottom: 0;
    }
    .section3 .pli {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .section4 h1 {
        float: initial;
        margin-top: 10px;
    }
    .section4 span {
        display: block;
        float: initial;
    }
    .section4 form {
        width: initial;
    }
    .section4 form>input {
        margin-top: 20px;
        margin-bottom: 0;
        float: initial;
        width: 90%;
        margin-right: 0;
        padding:  0px 5% 0px 5%;
    }
    .section4 form>a {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
    .fots {
        background: #5d65ba;
    }
    .section5 {
        float: initial;
        display: block;
        overflow: hidden;
        padding-bottom: 30px !important;
    }
    .section5 h1 {
        margin-top: 20px;
    }
    .section5 ul li {
        margin-top: 5px !important;
        margin-bottom: 0 !important;
        font-size: 10pt;
        min-height: 60px;
    }
    .section6 {
        width: 100% !important;
        padding: 0 !important;
        max-width: initial;
    }
    .section6 h1.plan {
        width: 90%;
        padding: 0 5%;
        margin-top: 10px;
        max-width: 530px;
    }
    .section6 .scroll {
        width: 90%;
        padding: 0 5% 20px 5%;
        overflow: scroll;
    }
    .section6 .forss {
        width: 530px;
    }
    .section6 .forss>div {

    }
    .section6 .forss>div>span {
        width: 21%;
        padding: 2%;
    }
    .section6 .forss>div>span:last-child {
        width: 20% !important;
    }
    .section6 .forss>div>span>span {
        font-size: 8pt;
    }
    .section7 {
        float: initial;
        display: block;
        overflow: hidden;
        height: initial;
    }
    .section7 h1 {
        margin-top: 10px;
    }
    .section7>span {
        float: initial;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
    .section7 form {
        width: initial;
    }
    .section7 form>input {
        margin-top: 20px;
        margin-bottom: 0;
        float: initial;
        width: 90%;
        margin-right: 0;
        padding:  0px 5% 0px 5%;
    }
    .section7 form>a {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
    .works {
        width: 100%;
    }
    .works .shaka {
        width: 100%;
    }
    .shaka>div {
        width: 90%;
        float: initial;
        padding: 2% 5%;
    }
    .works h1 {
        margin-top: 10px;
    }
    .works img {
        width: 100%;
    }
    .section12 {
        float: initial;
        height: initial;
    }
    .section13 {
        float: initial;
        overflow: hidden;
    }
    .s7 {
        width: initial;
    }
    .s7 h1 {
        margin-top: 10px;
    }
    .s7 img {
        display: none;
    }
    .s7 ul {
        float: initial;
        width: 100%;
        margin-left: 0;
    }
    .s7 ul {
        list-style: circle;
        width: 90%;
        padding: 20px 0 10px 10%;
    }
    .s7 ul li {
        font-size: 12pt;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .section14>span {
        margin-top: 10px;
    }
    .section14>h1 {
        float: initial;
    }
    .section14 {
        padding-bottom: 30px !important;
        float: initial;
        overflow: hidden;
    }
    .mob_s14 {
        background: #3f3f66;
    }
    .section15 {
        float: initial;
        overflow: hidden;
        background: #fff;
    }
    .slide-2 {
        width: initial;
    }
    .section18 {
        float: initial;
        height: initial;
    }
    .section18 h1 {
        width: initial;
        margin-top: 10px;
    }
    .section16 {
        float: initial;
    }
    .section16 form {
        width: initial;
    }
    .section16 form>input {
        margin-top: 20px;
        margin-bottom: 0;
        float: initial;
        width: 90%;
        margin-right: 0;
        padding:  0px 5% 0px 5%;
    }
    .section16 form>a {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
    .footer_full .footer_info {
        width: initial;
        margin: 40px auto 0;
    }
    .footer_full .footer_info span.tel > span {
        text-align: center;
    }
    .footer_full .footer_info .info {
        position: relative;
        top: inherit;
        left: inherit;
        width: inherit;
        text-align: center;
    }
    .footer_full .section16 {
        height: initial;
        min-height: 700px;
    }
    .footer_full .section16 h1 {
        margin-top: 20px;
        float: initial;
    }
    .section16 span {
        float: initial;
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    .slide-2 .slide {
        right: 0px;
    }
    .slide-2 .slide iframe {
        width: 100% !important;
    }


}
@media (max-width: 767px) {
    .hide_768 {
        display: none;
    }
    #modal_form {
        width: 80%;
        max-width: 530px;
        height: inherit;
        left: 5%;
        margin-left: 0;
        padding: 20px 5%;
        margin-top: 20px;
        top: 0 !important;
    }
    #modal_form form {
        width: initial;
    }
    #modal_form form>input {
        margin-top: 20px;
        margin-bottom: 0;
        float: initial;
        width: 90%;
        margin-right: 0;
        padding:  0px 5% 0px 5%;
    }
    #modal_form form>a {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
    #feedback-modal-box {
        width: 90%;
    }
}