.menu_bg #menubx .mobilenav { display:none; } 
.register-outer { width:300px;margin: 50px auto;border: 1px solid #fff;padding: 50px; }
 
@media only screen and (max-width:1024px){
* { box-sizing:border-box; }	
img { max-width:100%; height:auto; }
.menu_bg { width:100%; padding:0 15px;  } 
.top_bg { padding:0 15px; }
.top_bg #top-nav { width:100%; height:auto; } 
#menubx { width:100%; }	
nav ul { margin-left:0; width:100%; float:left; padding:0; margin:0; } 
nav ul li a.last { padding:16px 22px;  }
.top_bg #top-nav .logo { width:50%; margin:20px 0 0 0; height:auto; }
.top_bg #top-nav .logo a { width:100%; display:block;  }
.top_bg #top-nav .logo a img { max-width:100%; width:auto; display:block; }
.top_bg #top-nav .tp-raw { width:50%; height:auto; }
.top_bg #top-nav .tp-raw img  { max-width:100%; height:auto; display:block; }
#btmnav { width:100%; padding:0 15px; height:auto; }
.nav-text { width:100%; float:left; margin:10px 0; }
.nav-text .footer-links { width:100% !important; text-align:center !important; margin:0 0 25px 0; }
.nav-text .footer-social { width:100% !important; text-align:center; }
.botom_nav { background:url(../images/menu.jpg) top center repeat-x #000;  }
#btm { width:100%; }
.botom-text2 { width:100%; }
#sample { width:100%; }
.wel-box { width:100%; padding:0 15px; }
.welco { width:100%; }
.about-bar { width:calc(100% - 265px); }
.about-area { width:100%; }
.girlbx { width:calc(25% - 10px); }
.girlimgbx { width:100%; height:auto; }
.girltype { width:100%; height:auto; }
.right-shadow { display:none; }
.tour-content { width:100%; }
.features-box, .features { width:100%; height:auto; }
.features-hd { width:100%; text-align:center; height:auto; } 
.about-sub, .about-content { width:100%; }
.wel-box .about-bar h1 { text-align:center !important;  font-size:22px; line-height:30px; }
.wel-box .about-bar h1 span { width:100%; text-align:center; display:block; }
.wel-box .about-bar h1 span strong { display:none;  }
.tour-left, .tour-right { width:calc(50% - 5px); }
.tour-cur {width:100%; }
.login-popup { width:100%; margin-left:0 !important; overflow-x:auto; }
.login-popup  form.signin { min-width:400px; }

.login-popup form.signin .textbox input, .login-popup form.signin #textarea1 { width:100%; }	

}

@media only screen and (max-width:979px){
nav ul li a.last, nav ul li a { padding:16px 11px;  }
.home-main-title { font-size:16px; }
.login-box, .popup-logo { width:100%; }
.login-table { width:100%; margin:0 auto !important; max-width:400px; }
.login-table #forgot_password { text-align:center !important; }
	
}

@media only screen and (max-width:767px){
	
.menu_bg {  position:relative; z-index:100; }	
#menubx { width:100%; float:left; }	
#menubx nav { display:none; position:absolute; left:0; top:49px; background:#000; width:100%; height:auto; z-index:100;  }
.menu_bg #menubx .mobilenav { display:block; float:left; width:15px; height:14px; margin-top:12px;  }
.menu_bg #menubx .mobilenav i { display:block; width:100%; background:url(images/mob-nav.png)  top center no-repeat; background-size:100% auto; }
nav ul li { width:100%; border-bottom:1px solid #222; }
nav ul li a { border:none; }
.nav-text a { margin-bottom:15px; display:inline-block; }
.nav-text .footer-links { margin-bottom:10px; }
.left-bar, .quicksearch { width:100%; }
.about-bar { width:100%; }
.welco, .welco a { font-size:13px; }
.quicksearch-hd, .quicksearch-content, .quicksearch-content table, .quicksearch-content .select-search { width:100%; }
.tour, .tour-hd { width:100%; }
.about-bar .about-area { overflow-x:auto; }
.register-outer { padding:10px; min-width:400px; width:100%; overflow:hidden; margin:0 auto; }

/*------08-12-16-----*/

.social-blog ul {margin: 0;padding: 0;position: absolute;right: -100%;top:50px;width: 52%;z-index: 2147483647;}
.social-blog {position: relative;}

}

@media only screen and (max-width:639px){
.top_bg #top-nav .logo { width:60%; margin-top:12px;}
.top_bg #top-nav .tp-raw { width:40%;}

/*------08-12-16----*/
.social-blog ul {margin: 0;padding: 0;position: absolute; right: -73%;top: 23px;width: 70%; z-index: 2147483647;}

}

@media only screen and (max-width:479px){
.girlbx { width:calc(50% - 10px); min-height:270px; } 
.tour-left, .tour-right { width:100%; margin:5px 0 0 0; } 	


/*------08-12-16----*/
.social-blog ul {margin: 0;padding: 0;position: absolute;right: -73%;top: 11px;width: 100%;z-index: 2147483647;}
.social-blog ul li {padding-right: 15px;}
}