.clear{clear: both}
a.btn:hover{opacity:0.5;}
.carousel-inner {height: 530px;background: url(../Images/download/banner.png) no-repeat;background-size: cover;}
.carousel .carousel-caption{height:100%;text-align: left;text-shadow:none;left:0;right:0;top:0;margin:0 auto;padding: 0 15px}
.carousel .devices{padding: 0 10%;}
.carousel .devices a{float:left;width:20%;color:#C8D5E7;font-size: 14px;padding-bottom: 14px;text-align: center}
.carousel .devices a:hover{text-decoration: none;background: none;color: #FFFFFF}
.carousel .devices a img{width:30px;height: 30px;margin-top: 14px;margin-bottom: 10px}
.carousel .devices a.current{color:#FFFFFF;background: rgba(255, 255, 255, 0.18);border-bottom: solid 2px #ffffff;}
.carousel h1{font-size: 4.5rem;}
.carousel .feature{margin-top: 30px;font-size:2rem}
.carousel .feature .banner-ball{margin:0 40px}
.carousel .btn{width:192px;}
.carousel a.google_play{color:#FFFFFF;font-size: 1.8rem;line-height: 54px;margin-top: 40px;display: block;float:left}
.carousel a.google_play:hover{text-decoration: none;background: none;color:#FF8D1F}
.carousel a.google_play:focus{text-decoration: none;background: none;color:#FFFFFF}
.carousel a.linux_download{color:#FFFFFF;font-size: 2rem;line-height: 2.8rem;margin-right: 24px;}
.carousel a.linux_download:hover{text-decoration: none;background: none;color:#FF8D1F}
.carousel a.linux_download:focus{text-decoration: none;background: none;color:#FFFFFF}
.carousel .btn:hover{opacity: 1;background: #89CFFE}

.main{color:#33383B}
.main .why-flyvpn{margin-top:138px;margin-bottom: 174px;}
.main .why-flyvpn h1{color:#333333;font-size:4.5rem;line-height: 63px;margin: 0;}
.main .why-flyvpn p{line-height: 24px;font-size:1.5rem;padding-top: 30px;line-height: 2.4rem;margin-bottom: 0}
.main .why-flyvpn a{width:122px;margin-top: 30px;}
.main .home-body-title{font-size: 4.5rem;color: #000000;text-align: center;margin-top: 90px;line-height: 63px;margin-bottom: 40px;}
.main .feature-list-left{width:50%}
.main .feature-list-right{width:50%}
.main .feature-list-content{float:left;width: calc(100% - 96px); margin: 0 0 30px;}
.main .features{margin-bottom: 120px; margin-top: 60px;}
.main .feature-item{margin-top: 0;}
.main .feature-item img{width:60px;height:60px;float:left;margin-right: 36px}
.main .feature-item h2{font-size: 2.6rem;line-height: 3rem;color:#333333;margin-bottom:15px;margin-top: 0}
.main .feature-item span{font-size:1.5rem;color: #5B6373;}
.main .feature-item a{color:#0C6AA8;}
.main .feature-item a:hover{text-decoration: none;background: none;color:#FF8D1F}
.main .feature-item a:focus {text-decoration: none;background: none;color:#0C6AA8}
.main .circle{width:90px;height:90px;border: 1px solid #DADEE0;line-height: 90px;font-size: 4.7rem;margin:0 auto;text-align: center;border-radius:45px;z-index: 1;background: #ffffff;position: relative;}
.main .step-title{margin-top:130px}
.main .steps{margin-top:50px;margin-bottom: 60px}
.main .step1-area{padding-right: 40px}
.main .step2-area{padding-left: 40px}
.main .step{text-align: center;background: #F2F5F7;border: 1px solid #DADEE0;border-radius: 8px;padding-bottom: 64px; margin-top: -45px}
.main .step img{width:322px;height: 252px;}
.main .step h3{margin:70px 0 40px;font-size: 1.8rem;color: #313C42;}
.main .arrow{position: relative;border-left: 16px solid;border-top:15px solid;border-right: 16px solid;border-bottom: 15px solid;border-color: transparent transparent  transparent #979797;float:left;margin-left: calc(-8px - 50%);margin-top: 240px;}
.main .arrow::before{content: '';position: absolute;border-left: 16px solid;border-top:15px solid;border-right: 16px solid;border-bottom: 15px solid;border-color:transparent transparent transparent white;top:-15px;left: -18px;}
.main .textarea{line-height: 2.4rem;font-size: 1.5rem;color:#333333;margin:17px 0 30px}
.main .textarea h3{font-size: 2rem;margin:0;color:#000000}
.main .download-row{margin-bottom: 60px;text-align: center}
.main .download-row a{width:192px;}
@media (min-width: 1200px) {
    .carousel-caption{width:1170px}
}
@media (max-width: 1200px) {
    .carousel-caption{width:970px}
}
@media (max-width: 991px) {
    .carousel-caption{width:750px}
    .carousel .devices{padding: 0;}
    
}
@media (max-width: 767px) {
    .carousel-inner {height: 550px;}
    .carousel-caption{left:15px;right:15px;width:100%;}
    .carousel .devices a{font-size: 1rem;}
    .carousel-inner .item img.home-banner {height: 550px;}
    .carousel h1{font-size:2.4rem;}
    .carousel .feature{font-size: 1.6rem;}
    .carousel .feature .banner-ball{margin:0 15px;}
    .main .why-flyvpn{margin: 38px auto 45px auto;}
    .main .why-flyvpn h1 {font-size: 2.4rem;line-height: 3.5rem;margin:0}
    .main .why-flyvpn a{margin-bottom: 50px;}
    .main .features{margin-bottom: 30px; margin-top: 40px;}
    .main .feature-list-left{width:100%}
    .main .feature-list-right{width:100%}
    .main .feature-item{margin-top: 0;}
    .main .home-body-title{font-size: 2.4rem;line-height: 30px;;margin-top: 45px;margin-bottom: 0;}
    .main .arrow{display:none}
    .main .step-title{margin-top:50px}
    .main .steps{margin-top:30px;margin-bottom: 50px}
    .main .step1-area{padding-right: 15px}
    .main .step2-area{padding-left: 15px;margin-top: 30px;}
}
@media (max-width: 400px) {
    .carousel a.google_play{margin-top: 0;}
}