#contact{
    padding-top: 172px;
    padding-bottom: 200px;
    background: url(../images/bg-box2-2.png?v=1);
    position: relative;
    margin-top: -155px;
    z-index: 9;
}

.contact{
    height: 572px;
    background: url("../images/bg-box2.png") no-repeat;
    background-position: center;
    position: relative;
}

.main-content:before{
    content: ' ';
    background: url(../images/bg-dg-box2.png) no-repeat;
    width: 505px;
    height: 247px;
    position: absolute;
    top: -67px;
    left: -227px;
    z-index: 9;
}
.main-content:after{
    content: ' ';
    background: url(../images/bg-dg-box2.png) no-repeat;
    width: 505px;
    height: 247px;
    position: absolute;
    top: -67px;
    right: -227px;
    z-index: 9;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.main-content{
    padding: 80px 50px 0;
    position: relative;
    z-index: 10;
}
.main-content .row{
    position: relative;
    z-index: 11;
}

.header-right-content{
    text-align: center;
    font-weight: bold;
    font-family: Myriad Pro;
    font-size: 22px;
    color: #ffffff;
    background: url(../images/bg-header-box2.png) no-repeat;
    width: 301px;
    padding-top: 25px;
    padding-bottom: 8px;
    margin:0 auto 9px;
}

.right-content{
    padding-left: 40px;
    position: relative;
}

.right-content:before{
    content: " ";
    width: 1px;
    height: 83%;
    background: #662c1e;
    position: absolute;
    top: 67px;
    left: 0;
}

.form-control{
    border-color: #a9a9a9;
    line-height: 43px;
    height: 43px;
    font-family: 'Roboto';
    border-radius: 10px;
}

.form-group{
    min-height: 55px;
    margin-bottom: 0;
}

.form-group span{
    color: #333333;
    font-size: 10px;
    font-family: 'Roboto Condensed';
}

.text-form-contact-1{
    color: #333333;
    font-size: 10px;
    font-family: 'Roboto Condensed';
    margin-bottom: 14px;
    line-height: 1.4;
}

.text-form-contact-2{
    color: #e03434;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Roboto Condensed';
    margin-bottom: 10px;
}

.button-form-contact{
    text-align: center;
}

.button-form-contact button{
    border: none;
    width: 134px;
    height: 50px;
    line-height: 50px;
    background: url(../images/bg-button-2.png) no-repeat;
    background-size: 100%;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 900;
    display: inline-block;
}

.clouds-box2{
    background: url("../images/clouds-2.png") no-repeat;
    width: 302px;
    height: 76px;
    position: absolute;
}

.clouds-box2-1{
    bottom: 39%;
    left: -151px;
}

.clouds-box2-2{
    bottom: -167px;
    left: 155px;
}

.clouds-box2-3 {
    bottom: -230px;
    right: -136px;
}

#teacher{
    padding-top: 40px;
    padding-bottom: 240px;
    background: url("../images/bg-box3.png");
}

.wapper-video{
    display: inline-block;
    position: relative;
}

.hoa-video{
    position: absolute;
    top: -35px;
    right: -37px;
}

@media screen and (max-width: 1024px) {
    .wapper-video{
        width: 100%;
    }
    .wapper-video iframe {
        width: 100%;
    }
}
@media screen and (max-width: 800px){
    .clouds-box2{
        display: none;
    }
    #contact{
        background: #dfcd9f;
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 0;
    }
    #contact:before{
        content: " ";
        top: -229px;
        position: absolute;
        width: 100%;
        height: 329px;
        background: url(../images/header-bg-box2-top-mobile.png) no-repeat center;
        background-size: 100%;
    }
    #contact:after{
        content: " ";
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 22px;
        background: url(../images/header-bg-box2-bottom-mobile.png) no-repeat center;
        background-size: 100%;
    }
    .contact{
        background: none;
        height: auto;
    }
    .main-content:after{
        display: none;
    }
    .right-content:before{
        display: none;
    }
    .right-content{
        padding-left: 0;
        padding-top: 35px;
    }
    .video-contact{
        padding-top: 0;
        text-align: center;
    }
    .button-form-contact button{
        position: relative;
        top: 20px;
    }
    .hoa-video{
        display: none;
    }
}

@media screen and (max-width: 480px){
    #contact:before {
        top: -158px;
        height: 162px;
    }
    .main-content{
        padding: 0;
    }
    .video-contact iframe{
        width: 100%;
    }
    .main-content:before{
        top: -182px;
    }
}