#intro .introTitle a {width:79%; }
#main.EN #intro .introTitle a {width:55%; margin:0 auto!important}
#intro .introTitle {    background: rgba(255, 255, 255, 0.8);}
#intro .introTitle .mainText  {width:40%; margin:3.5% 4% 3% 0!important;text-align:center!important}
#intro .introTitle .mainText span {color:#677278; margin-bottom:30px; margin-top:5px}
#intro .introTitle .mainText strong { display:block;   text-align:center; margin-bottom:10px!important}
#intro .introTitle .mainText span span {font-size:19px; text-align:center }
#intro .introTitle .mainLogo {border-right:0!important; width:50%}
#intro .introTitle a {
    margin-top: 3px;
}


@media only screen  and (min-width:800px)  and (max-width:1168px) {
 

}
@media only screen and (max-width:800px) {
#intro .introTitle .mainLogo { width:90%!important    }
#intro .introTitle .mainText {width:100%!important;  margin: 20px auto !important; }
        #intro .introTitle a { width: 38%!important; margin-top:8px !important}
}

@media only screen and (max-width:480px) {
#intro .introTitle .mainLogo { width:90%!important    }
#intro .introTitle .mainText {width:100%!important }
#intro .introTitle .mainText {margin-top: 0 !important; text-align:center!important}
#intro .introTitle .regLink{margin-top: 10px !important;}
}