.bg{ width:100%; height:1000px; background:url("../images/experience.jpg") no-repeat 0 0/cover; position:relative; top:80px; text-align: center; } /*.online-title{*/ /* font-size:50px;*/ /* margin-top: 100px;*/ /*}*/ /*.online-content{*/ /* font-size:20px;*/ /* margin-top:30px;*/ /*}*/ .holderDiv { height: 100px; } .stepsWords{ text-align: center; position: relative; margin:0 auto; width:210px; font-size:32px; } .stepsWords .steps-left{ position:absolute; top:10px; left:0; width:25px; height:25px; background: url("../images/sprite.png") no-repeat 0 0; } .stepsWords .steps-right{ position:absolute; top:10px; right:0; width:25px; height:25px; background: url("../images/sprite.png") no-repeat -25px 0; } .application{ position:relative; width:900px; height:500px; background-color: #fff; box-shadow: #666 0px 0px 10px; margin:100px auto; } .application-left{ position: absolute; top:30%; left:2%; width:40%; } .application-right{ width:60%; padding:50px 40px; } .application-right-title{ font-size:25px; text-align: left; font-weight: bold; } .application-right-form{ width:100%; margin-top:50px; } .form-horizontal{ margin-top:60px; } .control-label{ font-size:20px; font-weight: normal; margin-top:5px; } .form-group{ margin-top:20px; } .verification-code{ width:100px; height:50px; background-color: #f0ad4e; color:#fff; border-radius: 0 6px 6px 0; position:absolute; top:0; right:15px; text-align: center; font-size:17px; line-height: 50px; } .btn{ width:100%; height:50px; margin-left:-60px; margin-top:30px; } .orange-logo{ width:300px; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .holderDiv{ height:152px; } .application{ width:810px; height:477px; } } @media screen and (min-width: 0) and (max-width: 1024px) { .holderDiv{ height:126px; } .application{ width:810px; height:470px; } .orange-logo{ width:290px; } .form-horizontal{ margin-top:45px; } }