@charset "utf-8";
/* CSS Document */

.fluid-linux .h1_subtitle {text-align: left;  color: #fff;  width: 69%; line-height: 25px;     margin-top: 16px;}
.bWrapper{height:360px}
.fluid-linux .banner-wrapper h1 {margin-top: 100px;}
.divLeft{ width: 70%; float: left;}
.divRight{ width: 30%; float: left; padding:0px 0px 0px 50px; box-sizing:border-box; position:absolute; right:0px; top:70px }
.divRight a{color:#fff}
.linuxDboard{margin:0px auto; text-align:center; width:86%; box-sizing:border-box; color:#fff !important}
.banner-wrapper .linuxDboard h2{margin-top:0px; text-align:center;font-size:2em; padding-bottom:10px}
.banner-wrapper .linuxDboard h2 span.ftsize{font-size:20px;display:block; text-align:center; line-height:normal}
.banner-wrapper .linuxDboard p{padding-top:15px}
.linuxDboard a.btn{width:auto; background:#fff55e;padding:5px 20px 5px 20px; margin-top:15px; color:#000;height:auto;display:inline-block}
.linuxDboard a.btn:hover{background:#ded000;}
.mobWebDiv{display:none;}
.divRight:hover a.btn { background-color: #ded000}
.linExpress {width: 100%;background: #f1f1f1;height: auto;float: left;padding: 50px 0px;box-sizing: border-box;}
.fluid-linux .banner-wrapper {background: #fff url(https://static.idriveonlinebackup.com/include/images/bg-linux-fluid-new.jpg) no-repeat top center; float: left; min-width: 100%; height: 480px;}
	
@media screen and (max-width: 1220px) {
.fluid-linux .linuxDboard h1{font-size:1.9em;}
}
	
@media screen and (max-width: 1180px) {
.fluid-linux .banner-wrapper {background: #fff url(https://static.idriveonlinebackup.com/include/images/bg-linux-fluid-1140.jpg) no-repeat top center; }
.divRight { width: 30%;  float: left;  padding: 0px 0px 0px 20px;  box-sizing: border-box; top:88px}
}

@media screen and (max-width: 1090px) {
.banner-wrapper .linuxDboard h2 span.ftsize {font-size: 16px;  display: block;  text-align: center;  line-height: normal;}
.banner-wrapper .linuxDboard h2 { margin-top: 0px;  text-align: center;  font-size: 1.5em;  padding-bottom: 10px;}
.banner-wrapper .linuxDboard p { padding-top: 15px;  font-size: 14px;}
}

@media screen and (max-width: 980px) {
.fluid-linux .banner-wrapper {background: #fff url(https://static.idriveonlinebackup.com/include/images/bg-linux-fluid_980.jpg) no-repeat top center;     height: 320px;background-size: cover;}
.divLeft {width: 100%; float: left;}
.divRight{display:none;}
.mobWebDiv{display:block; background:#e5e1c2; padding:20px; text-align:left; color:#000 !important; width:100%; float:left}
.mobWebDiv a{color:#000;}
.mobWebDiv h1{font-size: 1.5em !important; text-align:left; color:#000 !important;}
.mobWebDiv p{text-align:left}
.featleft{float: left;margin-right: 20px;  width: 18%;}
.fluid-linux .fluid .inner_wraper {padding: 0px 0;}
.featright{float: left; width: 70%;}
.linuxDboard a.btn{float:left; background:#3ab6ed; color:#fff}
.linuxDboard a.btn:hover{ background:#0082bb;}
.fluid-linux .h1_subtitle{width:80%}
.fluid-linux .h1_subtitle ul {
    margin: 21px 0 30px;
}
.fluid-linux .subtit_lists li {
    margin-bottom: 15px;
}
.linExpress .wrapper{padding:0px 15px;}
	.fluid-linux .banner-wrapper h1 {
    margin-top: 52px;
}
}

@media screen and (max-width: 767px) {
section.banner-wrapper{position:relative}
section.banner-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 55, 76, 0.65);
}

.featleft{    float: left;margin-right: 20px;  width: 25%;}
.linuxDboard{width:100%;}
.featright{  width: 90%; box-sizing:border-box}
.bnImage{display:none}
	.fluid-linux .banner-wrapper h1 {
    margin-top: 40px;
}
}
@media screen and (max-width: 640px) {
	.fluid-linux .h1_subtitle{font-size: 16px}
	}
@media screen and (max-width: 480px) {
.newImage{display:none}
.fluid-linux .h1_subtitle ul {
    display: block;
}
	.fluid-linux .banner-wrapper h1 {
    margin-top: 50px;
    text-align: left;
}
	.fluid-linux .banner-wrapper h1{    font-size: 1.6em;}
}
.win_msie_9 .linuxDboard a.btn{margin-top:270px !important;}
.dowload_btn-new {border-radius: 2px;background-color: #2b80c3;float: left;color: #fff;letter-spacing: .5px;padding: 10px 15px;font-size: 16px;margin: 10px auto 10px;}
.linux-wrapper .dowload_btn{border: 1px solid #0071bc;background: #0071bc;}
.bWrapper {height: 450px;}
.fluid-linux .banner-wrapper .divLeft h1{margin-top: 170px;}
@media screen and (max-width: 980px){
.featleft{width:23%;}
.fluid-linux .wrapper{padding:0px 20px;}
.fluid-linux header .wrapper{padding:0px;}
.mobWebDiv{box-sizing:border-box;}
.fluid-linux .banner-wrapper .divLeft h1 {margin-top: 80px;}
.fluid-linux .linuxDboard h1{line-height:normal;padding:0px 0px 20px;}
.fluid-linux .linux-wrapper{margin:30px 0px 0px;float:left;}
}