/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 6, 2017, 10:52:27 AM
    Author     : Manki
*/

.intro_text h3{
    /*    font-size: 35px;*/
    font-size: 17px; line-height:40px; color:#4c4c4c; letter-spacing:2px; text-indent:3px; font-family:Arial;
    transition: font-size .3s; font-weight:normal; text-transform:uppercase !important;
}

.intro_text h2{
    /*    font-size: 58px;*/
    font-size: 58px; color:#4c4c4c;
    transition: font-size .3s;
}
.intro_text .line{ width:54px; height:2px; background:#ec1c12; display:inline-block; margin-top:12px}
.case_desc{
    font-size: 50px;
}

.form_title{
    font-size: 24px;
    font-weight: 700;
    color: #f5b400;
    margin-top: 60px;
    margin-bottom: 20px;

    display: inline-block;
    padding-bottom: 10px;
}

.form_title_2 {
    font-size: 30px;
    font-weight: 700;
    color: #f5b400;

    display: inline-block;
    margin-top: -30px;
    margin-left: 100px;
}

.form_laber{
    font-size: 20px;
    width: 30%;
}

.form_input{
    font-size: 19px;
}

.form_tips{
    font-size: 13px;
    font-weight: 700;
    color: #f8f9f9;
}

.form_left{
    padding-left: 15px;
    padding-right: 30px;
}

.form_right{
    padding-left: 30px;
    padding-right: 15px;
}
.hint_logo {
    /*float: left;*/
    /*margin-top: -77px;*/
}
/*@media (max-width: 1900px){
    .intro_text h3{
        font-size: 35px;
    }

    .intro_text h2{
        margin-top: 30px;
        font-size: 58px;
    }
}
@media (max-width: 1800px){
    .intro_text h3{
        font-size: 33.75px;
    }

    .intro_text h2{
        margin-top: 29px;
        font-size: 55.75px;
    }
}
@media (max-width: 1700px){
    .intro_text h3{
        font-size: 32.5px;
    }

    .intro_text h2{
        margin-top: 28px;
        font-size: 53.5px;
    }
}
@media (max-width: 1600px){
    .intro_text h3{
        font-size: 31.25px;
    }

    .intro_text h2{
        margin-top: 27px;
        font-size: 51.25px;
    }
}
*/@media (max-width: 1500px){
    .intro_text h3{
        /*        font-size: 30px;*/
        font-size: 20px;
    }

    .intro_text h2{
        margin-top: 26px;
        /*        font-size: 49px;*/
        font-size: 39px;
    }

    .case_desc{
        font-size: 45px;
    }
}/*
@media (max-width: 1400px){
    .intro_text h3{
        font-size: 28.75px;
    }

    .intro_text h2{
        margin-top: 25px;
        font-size: 46.75px;
    }
}
*/@media (max-width: 1300px){
    .up .dobber{
        top: -35px;
    }
    .down .dobber{
        top: -25px;
    }
}
@media (max-width: 1200px){
    .intro_text h3{
        font-size: 20px;
    }

    .intro_text h2{
        margin-top: 23px;
        font-size: 30px;
    }

    .case_desc{
        font-size: 38px;
    }
}
@media (max-width: 1100px){
    .up .dobber{
        top: -70px;
    }
    .down .dobber{
        top: -40px;
    }
}
@media (max-width: 992px){
    .intro_text h3{
        font-size: 17px;
    }

    .intro_text h2{
        margin-top: 21px;
        font-size: 25px;
    }

    .case_desc{
        font-size: 30px;
    }

    .up .dobber{
        top: -60px;
    }
    .down .dobber{
        top: -30px;
    }
}
@media (max-width: 900px){
    .case_desc{
        font-size: 27px;
    }

    .up .dobber{
        top: -55px;
    }
    .down .dobber{
        top: -25px;
    }
}
@media (max-width: 800px){

}
@media (max-width: 768px){
    .intro_text h3{
        font-size: 14px; line-height:25px; letter-spacing:0
    }

    .intro_text h2{
        margin-top: 18px;
        font-size: 30px;
    }

    .case_desc{
        font-size: 23px;
    }

    .up .dobber, .down .dobber{
        top: -45px;
    }



    .form_left{
        padding-left: 15px;
        padding-right: 15px;
    }

    .form_right{
        padding-left: 15px;
        padding-right: 15px;
    }


    .form_laber{
        font-size: 16px;
        width: 40%;
    }

    .form_btn{
        width: 120px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media (max-width: 600px){
    .up .dobber, .down .dobber{
        top: -85px;
    }
}
@media (max-width: 500px){
    .up .dobber, .down .dobber{
        top: -75px;
    }
    .form_title_2 {
        font-size: 29px;
        margin: auto;
    }
    .hint_logo {
        float: left;
        margin-top: -60px;
        margin-left: -41px;
    }
    .form_title {     
        margin-top: 10px;
        margin-bottom: 20px;
        
    }
}
@media (max-width: 400px){
    .up .dobber, .down .dobber{
        top: -65px;
    }
}
@media (max-width: 300px){
    .up .dobber, .down .dobber{
        top: -50px;
    }
}