@media only screen and (max-width:1900px){
.centerwrap{width:98%;}/*1560px*/
.grid{padding-top:44px;}
	
/* Join */
.joinwrap{width:96%; padding-bottom: 70px; padding-top: 110px;}




	
}
@media only screen and (max-width:1590px){
.centerwrap{width:98%;}/*1250px*/
.social-media { position:absolute; top:10px; right:10px; padding:0; }
.hright { padding-right:10px; padding-top:40px; }
.logo { max-width:300px; }
.joinus a{font-size:20px; line-height:34px;}
.joinus{padding-left:150px;}
.grid{padding-top:32px;}
.cover{padding:30px;}
.join a{font-size:32px; line-height:66px;}
header.newHeader .main-menu nav li { font-size:16px; }	
	
/* Join */
.joinwrap{width: 98%; padding-top: 70px; padding-bottom: 50px;}
.joinwrap h2{font-size: 30px; padding-left: 48px; margin-bottom: 16px;}
.discount{font-size: 24px; min-width: 200px;}
.days{font-size: 26px; line-height: 46px;}
.price span{font-size: 100px; line-height: 98px;}
.price sup{font-size: 38px;}
.proceeding{padding-top: 50px;}
.proceeding label{font-size: 17px; margin-bottom: 20px;}
.joinCount{font-size: 82px; line-height: 80px;}
.joinBanner ul li p{font-size: 28px;}
.joinBanner .centerwrap{height: 500px;}
.joinBanner ul{padding-bottom: 180px;}


	

}
@media only screen and (max-width:1279px){
/*.centerwrap{width:994px;}*/
nav li{padding-left:20px; font-size:18px; letter-spacing:normal;}
.joinus a span{padding-right:30px;}
.cover{padding:20px;}
.join a{font-size:24px; line-height:52px;}
footer{padding:20px 0;}
header.newHeader .main-menu nav li { font-size:14px; }
    header.newHeader .main-menu nav li a i.fa { display:none; }	

/* Join */
.joinwrap h2{font-size: 26px; padding-left: 38px; line-height: 30px;}
.joinwrap h2:before{width: 40px; height: 40px; background-size: 40px;}
.joinwrap{width: 96%; padding-top: 50px; padding-bottom: 40px;}
.days{font-size: 22px; line-height: 36px; padding-bottom: 2px;}
.price sup{font-size: 32px; padding: 0 2px;}
.price span{font-size: 80px; line-height: 78px;}
.price{padding-top: 10px; padding-bottom: 20px;}
.joinCount{font-size: 70px; line-height: 70px;}
.joinBanner ul li p{font-size: 24px;}
.joinBanner ul li{margin-right: 50px;}
.joinBanner ul{padding-bottom: 140px;}
.joinBanner .centerwrap{height: 370px;}
.joinplans{width: 330px;position: relative;background-color: #000000;display: flex;flex-direction: column;margin-right: 16px;padding: 16px; margin: 0px 8px auto;}
.joinplans:last-child{margin-right: 0px;}
.length{font-family:"Oswald", sans-serif; background-color: #ebeaea; line-height: 51px; text-align: center; color: #18181b; font-size: 25px; font-weight: 500; letter-spacing: -0.025em; text-transform: uppercase;}	

}
@media only screen and (max-width:1023px){
/*.centerwrap{width:748px;}*/
/*.logo{width:180px;}*/
nav li{padding-left:0px;}
.hright{position:absolute; right:50px; padding-top:24px; z-index:9999;}
.social-media { position:relative; top:0; right:10px; }
	.social-media ul li { }
	.social-media ul li a { width:auto; height:auto; padding:8px 5px; min-width:35px; }	
.joinus{padding-left:90px; padding-top:4px;}
.joinus a{font-size:18px; line-height:32px;}
.joinus a span{background-size:20px; padding-right:28px;}
.grid{padding-top:22px;}
.cover{padding:10px;}
.join a{font-size:18px; line-height:38px;}
.pagination li a{min-width:44px; line-height:44px;}
.pagination li{font-size:18px;}
.pagination li.prev a, .pagination li.next a{height:44px; background-size:11px;}
.pagination{padding-top:24px; padding-bottom:52px;}
.getAccess a{padding:6px 64px 6px 64px;}
.getAccess a span{font-size:42px; line-height:70px;}
.getAccess a:before{width:94px; background-size:40px; height:66px; top:8px;}
.getAccess{padding-bottom:30px;}
footer p{font-size:13px;}
header.newHeader .social-media { margin-top:15px; margin-right:65px; position:relative; z-index:9999; }
    header.newHeader .search_area { position:inline; z-index:9999; }
    header.newHeader .search_area .search_trigger { position:absolute; top:8px; right:65px; z-index:9999; font-size:25px; background:#4e4e4e; padding:11px 12px; }	
.mean-container .mean-bar { z-index:99990; width:70px; }
    .mean-container a.meanmenu-reveal { top:8px; color:#000; }
    .mean-container a.meanmenu-reveal span { background:#000; }	

/* Join */
.joinwrap{padding-top: 30px; padding-bottom: 30px;}
.joinBanner:after{height: 300px; background-size: auto 300px;}
.joinCount{font-size: 50px; line-height: 50px;}
.joinBanner ul li p{font-size: 22px; padding-top: 7px;}
.joinBanner ul li{padding-bottom: 80px;}
.price{padding-bottom: 13px; padding-top: 7px;}
.price sup{font-size: 22px;}
.price span{font-size: 60px; line-height: 58px;}
.joinwrap h2{padding-top: 6px; margin-bottom: 8px;}
.proceeding{padding-top: 40px;}
.createAcc{font-size: 45px;line-height:100px;}
.joinBanner .centerwrap{height: 300px;}
.joinBanner ul{padding-bottom: 30px;}

.proceeding label{font-size: 16px;}
.proceeding label input{margin-right: 6px;}
.joinplans{width: 300px;position: relative;background-color: #000000;display: flex;flex-direction: column;margin-right: 16px;padding: 16px; margin: 0px 8px auto;}
.joinplans:last-child{margin-right: 0px;}	
.choosePlan{font-size: 25px; }	
}
@media only screen and (max-width:767px){
.centerwrap{width:96%;}
.logo{width:40%;}
.hright { float:left; width:100%; text-align:center; position:relative; top:0; left:0; padding:0; margin:5px 0; }
	.social-media, .social-media ul { display:inline-block; width:100%; text-align:center; vertical-align:top; right:0; }
	.social-media ul li { float:none; display:inline-block; vertical-align:top; margin:0; }	
.joinus{padding-left:0px; padding-bottom:5px;}
.joinus a{font-size:16px;}
.grid li{width:50%;}
.getAccess a span{font-size:20px;  padding:0 20px;}
.getAccess a{padding:5px 50px 5px 50px; font-size:49px; line-height:100px;}
.getAccess a:before{width:70px; top:12px; height:44px; background-size:30px;}
.pagination{padding-top:20px; padding-bottom:50px;}
.join a{font-size:22px; line-height:44px;}
.cover{padding:15px;}
header.newHeader .social-media { margin:10px 0 5px 0; padding:0; }	

/* Join */
.joinplans{width: 46%; margin-right: 2%; margin-bottom: 12px;}
.days{font-size: 18px; line-height: 32px;}
.createAcc{font-size: 36px; line-height: 85px; padding: 0px 33px 0;}
.joinCount{font-size: 36px; line-height: 38px;}
.joinCount span{font-size: 22px; top: -2px;}
.joinCount:after{width: 46px;}
.joinBanner ul li p{font-size: 16px; padding-top: 7px;}
.joinBanner ul li{margin-right: 24px;}
.joinBanner .centerwrap{height: 230px;}
.joinBanner ul{padding-bottom: 10px;}


	
}
@media only screen and (max-width:479px){
.centerwrap{width:94%;}
.logo{width:58%;}
.joinus a{line-height:30px;}
.grid{padding-top:14px;}
.cover{padding:6px;}
.join a{font-size:18px; line-height:34px;}
.pagination li{font-size:16px; padding:0 2px;}
.pagination li a{min-width:38px; line-height:38px;}
.pagination li.prev a, .pagination li.next a{height:38px;}
.getAccess a{padding:5px 35px 5px 35px;font-size:32px;line-height:60px;}
.getAccess a:before{width:60px; top:6px; background-size:24px;}
.getAccess a span{font-size:24px; line-height:46px; padding:0 15px;}
.pagination{padding-top:16px; padding-bottom:40px;}
.getAccess{padding-bottom:20px;}
footer p{font-size:12px; line-height:16px;}

/* Join */
.joinwrap h2{font-size: 22px; padding-left: 36px; line-height: 26px; padding-top: 6px;}
.joinwrap h2:before{width: 36px; height: 36px; background-size: 36px; left: -3px;}
.joinwrap{padding-top: 14px; padding-bottom: 24px; width: 94%;}
.joinplans{width: 100%; margin-right: 0px;}
.joinplans ul li{font-size: 16px;}
.joinplans ul{padding: 0 14px 8px;}
.createAcc{font-size: 32px; height: 92px; border-radius: 6px;}
.joinCount{font-size: 32px;}
.joinBanner ul li{margin-right: 10px;}





}