/*
Site Name: FHGs Template 1
Description: Template Design and PSD to Responsive HTML5 by AdultDC
Author: AdultDC
Author URL: https://adultdc.com/
*/
@media only screen and (max-width:1900px){
.bodySpace{padding:0 30px;}
}

@media only screen and (max-width:1590px){
.centerwrap{width:1250px;}
.bodySpace{padding:0 20px;}
.welcomeText p{line-height:24px; width:calc(100% - 310px);}
a.download{font-size:32px; line-height:52px; width:248px;}
.bannerContent li{font-size:32px; line-height:52px;}
.midBanner{height:520px;}
.bannerContent{left:80px;}
a.bannerJoin{font-size:40px; line-height:62px;}
.getAccessArea h3{font-size:30px;}
a.getAccess{font-size:40px;}
a.getAccess span{line-height:87px;}
}

@media only screen and (max-width:1279px){
header{padding:14px 20px;}
.logo{width:200px;}
a.joinNow{line-height:32px; min-width:140px; font-size:20px;}
.welcomeText h1{font-size:26px; padding-bottom:5px;}
a.download{font-size:28px; width:210px; line-height:44px; padding-top:2px;}
.welcomeText p{font-size:14px; line-height:20px; width:calc(100% - 260px); padding-bottom:20px;}
.welcomeText{padding-top:2%;}
.midBanner{margin-bottom:2%; margin-top:1%; height:400px;}
.bannerContent li{font-size:26px; line-height:42px;}
a.bannerJoin{font-size:34px; line-height:52px; margin-top:12px;}
.bodyArea{padding-bottom:1%;}
.getAccessArea h3{font-size:24px;}
a.getAccess{font-size:32px; padding:0 46px;}
a.getAccess span{line-height:68px; background-size:30px; padding-left:45px;}
.getAccessArea{padding-top:2%; padding-bottom:2.5%;}
footer{padding:1%;}
footer p{font-size:14px; line-height:20px;}
}

@media only screen and (max-width:1023px){
.welcomeText p{width:100%;}
a.download{float:left;}
.welcomeText{padding-bottom:3%;}
.bodySpace{padding:0 12px;}
a.bannerJoin{font-size:28px; line-height:46px; margin-top:8px;}
.bannerContent li{font-size:22px; line-height:36px;}
.midBanner{height:320px;}
.bannerContent{left:40px;}
.getAccessArea h3{font-size:20px;}
a.getAccess{font-size:28px; padding:0 36px;}
a.getAccess span{line-height:58px; background-size:24px; padding-left:35px;}
}

@media only screen and (max-width:767px){
.logo{width:182px;}
a.joinNow{font-size:18px; line-height:30px; padding-top:2px;}
header{padding:10px;}
.welcomeText{padding-bottom:5%;}
.welcomeText p{line-height:18px; padding-bottom:16px;}
a.download{font-size:22px; width:170px; line-height:38px;}
.modelPic{width:49%; margin-right:2%; margin-bottom:2%;}
.modelPic:nth-child(2n){margin-right:0px;}
.bannerContent li{font-size:18px; line-height:28px;}
a.bannerJoin{font-size:22px; line-height:38px;}
.midBanner{height:240px; margin-top:0%;}
.bannerContent{left:20px;}
.getAccessArea{padding-left:10px; padding-right:10px;}
.getAccessArea h3{font-size:16px; line-height:20px; padding-bottom:2%;}
a.getAccess{font-size:22px; padding:0 24px;}
a.getAccess span{line-height:48px; background-size:20px; padding-left:28px;}
footer{padding:2%;}
footer p{font-size:13px; line-height:16px;}
}

@media only screen and (max-width:567px){
.midBanner{margin-top:1%; margin-bottom:3%;}
}

@media only screen and (max-width:479px){
.logo{width:172px;}
a.joinNow{padding:3px 15px 0; min-width:80px; font-size:16px; line-height:27px;}
.bodySpace{padding:0 10px;}
.welcomeText{padding-top:3%;}
.welcomeText h1{font-size:22px;}
.midBanner{margin-bottom:4%; margin-top:2%;}
.getAccessArea h3{font-size:15px; line-height:18px;}
a.getAccess span{background:none; padding-left:0px; line-height:34px;}
a.getAccess{font-size:16px; padding:0 16px;}
}