| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/stradivariwettbewerb/css/ |
Upload File : |
@media all and (max-width : 1199px) {
.container{width: 970px;}
.banner .content{font-size: 45px;}
.booknow{top: 45px;}
}
@media all and (max-width : 991px) {
.header .logo{font-size: 36px;}
.container{width: 100%;}
.banner .content{
font-size: 40px;
white-space: nowrap;
}
.parallax{min-height: 750px;}
.set2 .content,.set3 .content{
position: relative;
top: 30px;
left: auto;right: auto;
-webkit-transform: translate(0);
transform: translate(0);
width: 100%;margin:0 auto;
max-width: 740px;
font-size: 16px;
padding: 15px;
}
.banner{margin-top: 118px !important;}
.teacher{width: 47%}
.set6,.set6 .container {padding: 0;}
.set6 .set6Img{width: 100%;margin-bottom: -5px;}
.teachers h1, .section h1{font-size: 28px;}
.set6container .content,.set7container .content,.set8 .content{font-size: 16px;}
/*subpage*/
.pupose .content{width: 650px;}
.pupose .content p{font-size: 16px;}
}
@media all and (max-width : 767px) {
.banner .content{font-size: 32px;}
.parallax{min-height: 580px;padding: 30px 15px;}
.set2 .content,.set3 .content{max-width: 600px;width: 100%;top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.set2 .content span{font-size: 26px;}
.section{padding: 35px 0}
.set6 {padding: 0;}
.set6Img{width: 100%;}
.set6container .content,.set7container .content{
position: relative;top: auto;right: auto;-
webkit-transform: translate(0);
transform: translate(0);
background-color: #fff;
width: 100%;
}
.set7container .content,.set8 .content{padding: 15px;}
.set7 .set7Img{width: 100%;margin-bottom: -5px;}
.set8 .content{max-width: 600px;width: 100%;}
.parallax{background-attachment: scroll;}
.show767{display: block;}
/*subpage*/
.pupose .content{width: 85%;top: 25px;left: 25px;}
.charterimg{width: 100%;margin-bottom: -5px;}
.charter-container .content{
position: relative;float: left;top: 0;right: 0;
width: 100%;max-width: 100%;
background-color: rgba(255,255,255,1);
}
.applicationform .content{width: 100%;}
.applicationform{background-color: #f5f5f5;}
.applicationform form{width: 100%;}
form{padding: 0 15px;}
.form-row{margin-left: 0;}
.form-row h4{display: block;width: 100%;text-align: left;top: 0;font-size: 16px;margin-bottom: 5px;}
.form-row .form-control{width: 100%;}
.form-row input[type="submit"]{
float: left;
width: 100%;
padding: 15px 0;
margin-top: 20px;
}
.booknow{
position: relative;
right: auto;
top: auto;
margin-top: 10px;
}
.set2 .content video,.set3 .content video{width: 420px;}
}
@media all and (max-width : 500px) {
.header {padding: 15px 0 15px 0;}
.header .logo{font-size: 25px;}
.header .logo span{font-size: 18px;}
.banner{margin-top: 100px!important;}
.banner.parallax{min-height: 380px !important;}
.banner .content{font-size: 22px;padding: 10px;left: auto;right: auto;}
.set2 .content, .set3 .content{
max-width: 345px;font-size: 14px;padding: 12px;line-height: 1.8;
top: 20%;
-webkit-transform: translate(0);
transform: translate(0);
}
.set3 .content span{font-size: 26px;}
.set6container .content, .set7container .content{font-size: 14px;}
.teacher{width: 100%;margin-right: 0;}
.eqWrap{margin-right: 0;}
.teachers{padding: 40px 0;}
.teachers h1, .section h1,.content h1{font-size: 24px;}
.section h2{font-size: 18px;}
.set8{padding: 40px 0 !important;}
.set8 .content{max-width: 345px;font-size: 14px;}
.footerlogo{font-size: 20px;}
footer{font-size: 12px;padding: 45px 0;}
/*subpage*/
.charter .tab button{font-size: 15px;}
.pupose .content p,.charter p,.charter-container .content p,.form-row h4{font-size: 14px;}
.form-row{margin-bottom: 15px;}
.form-row input[type="submit"]{font-size: 15px;padding:14px 0;}
.booknow a{font-size: 14px;}
.set7container .content span{width: 120px;}
.set2 .content video,.set3 .content video{width: 320px;}
}
@media all and (max-width : 350px) {
}