@media (min-width: 1700px) {
	#enter {background-size: 100% 812px;}
}
@media (max-width: 1600px) {
	#trainer.cir-sec {background-position: -65px top;}
}
@media (max-width: 1400px) {
	#trainer.cir-sec {background-position: 55% top;}
}
@media (max-width: 1366px) {
	#trainer.cir-sec {background-position: 54.5% top;}
}
@media (max-width: 1200px) {
	#trainer.cir-sec {background-position: 53% top;}
	.soc-log-box {padding-right: 15px;}
}
@media (max-width: 1119px) {
	.user-profile .right-box {width: 69%;}
	.user-profile .menu li a, .trainer-profile .menu li a, .community .menu li a, .articles .menu li a, .ranking .menu li a {font-size: 18px;}
}
@media (max-width: 1150px) {
	.cir-sec .column .box .circle {height: 150px; width: 150px;}
	.cir-sec .column .box:nth-child(1) .circle p, .cir-sec .column .box:nth-child(3) .circle p {top: 53px;}
	.cir-sec .column .box:nth-child(2) .circle p {top: 60px;}
	.cir-sec .column .box:nth-child(4) .circle p {top: 48px;}
	#user.cir-sec .column .box:nth-child(3) .circle p {top: 60px;}
	#user.cir-sec .column .box:nth-child(4) .circle p {top: 55px;}
	.content {width: 100%;}
	.menu li a, .login a {font-size: 20px;}
}
@media (max-width: 1100px) {
	#trainer.cir-sec {background-position: 52.5% top;}
	.social a {width: 33px;}
	.soc-log-box {width: 150px;}
	#enter .box h3 {font-size: 60px;}
	.right-box {width: 65%;}
	.menu li a, .login a {font-size: 18px;}
}
@media (max-width: 1024px) {
	#trainer.cir-sec {background-position: 52.2% top;}
}
@media (max-width: 960px) {
	#trainer.cir-sec {background-position: 52% top;}
	.cir-sec .column .box {padding: 25px 5px;}
	.right-box {width: 70%;}
	.social {margin-bottom: 0; display: inline-block; vertical-align: middle;}
	.soc-log-box {width: auto;}
	.logo {width: 230px;}
	.logo img {width: 100%;}
	.login {width: auto; padding: 0 10px; display: inline-block; vertical-align: middle;}
	#enter .box h3 {font-size: 40px;}
	#enter h2, .cir-sec h2 {font-size: 46px;}
	.cir-sec .title {padding: 0 10px;}
	.user-profile .right-box {width: 73%;}
	body.main .right-box {padding-top: 15px;}
	
}
@media (max-width: 959px) {
	.user-profile .menu li a, .trainer-profile .menu li a, .community .menu li a, .articles .menu li a, .ranking .menu li a {font-size: 14px; padding: 10px 5px;}
	.user-profile .right-box {width: 70%;}
	#user-profile .right.box input#search {width: 140px;}
	#user-profile .user-data {width: 120px;}
	#user-profile .user-data img {width: auto; max-width: 100%;}
	#trainer-profile .trainer-info .image .b-r {width: 50px; height: 50px;}
	#trainer-profile .trainer-info .stars span, #trainer-profile .trainer-data .stars span {width: 15px; height: 14px; background-size: cover;}
}
@media (max-width: 768px) {
	#trainer.cir-sec {background-position: 51.6% top;}
	#trainer-profile .main-box * {font-size: 97%;}
	#trainer-profile .trainer-data .image {height: 100px;}
}
@media (min-width: 768px) {
	.community .left.box .gallery {width: auto !important;}
}
@media (max-width: 767px) {
	header {display: none;}
	.menu-click li {height: 50px; line-height: 50px;}
	.menu-click li a.active {color: #de0e66;}
	#enter .box {width: 97%; width: calc(100% - 30px);height: 480px;}
	#enter .box h3 {line-height: 357px;}
	.cir-sec .column .box {display: inline-block; width: 47%; vertical-align: middle;}
	#enter, #trainer.cir-sec {background-size: 1700px 100%;}
	#user-profile .main-box, .articles .main-box, .ranking .main-box {display: block; width: 100%; padding: 0;}
	#user-profile .left.box, #user-profile .right.box, .articles .left.box, .articles .right.box, .ranking .left.box, .ranking .right.box {display: block; width: 100%; height: auto;}
	#user-profile .right.box {height: 100%; height: 100vh !important;}
	#trainer-profile .main-box * {font-size: 100%;}
	#trainer-profile .left.box, #trainer-profile .right.box {width: 100%; height: auto;}
	#trainer-profile .trainer-data {padding: 0 20px;}
	#trainer-profile .tab-content.default {width: 100%; border-top: 1px solid #ddd; position: relative;}
	#trainer-profile .left.box .finder {right: 20px;}
	.user-profile .container, .trainer-profile .container, .articles .container, .ranking .container {background-image: none;}
	.community .right.box .finder {display: none;}
	
	.community .main-box {display: block; width: 100%; padding: 0;}
	.community .left.box {display: block; width: 100%; height: auto; vertical-align: top; overflow: auto;}
	.community .left.box h3 {text-align: left; padding: 20px;}
	.community .left.box .img-box {padding: 20px; display: inline-block; float: left;}
	.community .midd.box {display: none;}
	.community .right.box {display: block; width: 100%; height: auto;}
	
	#user-profile .right.box .finder, #trainer-profile .left.box .finder, .articles .left.box .finder, .ranking .left.box .finder {top: 20px;}
	
	.articles .right.box .sort, .ranking .right.box .sort {top: -35px;}	
}
@media (max-width: 640px) {
	#trainer.cir-sec {background-position: 51.4% top;}
	.community .right.box .tab-pane .img-box {width: 25%;}
}
@media (max-width: 480px) {
	#trainer.cir-sec {background-position: 51.4% top;}
	#user-profile .right.box .finder {right: auto; left: 20px; top: 20px;}
	#user-profile .right.box .sort {top: 60px;}
	.grid .text, .grid .no-text, .grid li, .grid img {width: 100%;}
}
@media (max-width: 479px) {
	#enter .box {width: 94%; width: calc(100% - 25px); height: 114px;}
	#enter .box h3 {line-height: 28px;}
	.cir-sec .column .box {width: 97%;}
	#about .column .box {display: block; width: 87%;}
	#trainer-profile .main-box * {font-size: 97%;}
}
@media (max-width: 414px) {
	.community .right.box .tab-pane .img-box {width: 90%;}
	.community .right.box .nav-tabs li a {padding: 15px;}
}
@media (max-width: 360px) {
	#trainer.cir-sec {background-position: 51.1% top;}
	#trainer-profile .trainer-info .city {width: 35%;}
	#trainer-profile .title-table .city {width: 35%;}
	#trainer-profile .title-table .stars {width: 30%;}
	#trainer-profile .trainer-info .stars {width: 30%;}
}
@media (max-width: 320px) {
	
}




/* iPad (portrait) */
@media (min-width: 320px) and (max-width: 579px) {

.menu{
  display:none;
}

.menu-media{
  display:block;
}

.start-page .content {
  width:300px;
  height:100%;
}

.start-page, .start-page .opacity{
  height:100%;
}
.start-page .content .text {
  width:300px;
}


h1 {
  font-size:36px;
}

.about-us h1 {
  margin-top:0;
}

.about-us .content{
  width:300px;
}

.about-us hr,.portfolio .portfolio-margin hr, .contact hr {
  width:106px;
}

.about-us .column-one, .about-us .column-two{
  width:300px;
  margin-bottom:20px;
}

 .about-us .content .column-three{
  width:300px;
  margin-bottom:70px;
 }

.portfolio .portfolio-margin{
  width:300px;
}

.partners .content{
  width:300px;
}

.partners .logo {
  width:300px;
}

.partners .logo img {
  width:80px;
  padding-bottom:20px;
}

.contact, .contact .content, .contact .content .form{
  width:300px;
}

.contact .content .contact-text{
  padding-left:0px;
  width:300px;
  text-align:center;
  margin-top:60px;
}

input{
  width:320px;
}

textarea{
  width:320px;
}

.contact .content .contact-text {
  width:275px;
}

.contact .content .form .column, .contact .content .form .column-3{
  width:320px;
}

.contact .content .form .column-2{
  width:320px;
  padding-left:0;
}

.grid li{
  margin:0 0 15px 0;
}

.contact{ 
  margin:0 auto;
}

.footer{
  position:relative;
}

}



/* iPad (portrait) */
@media (min-width: 580px) and (max-width: 767px) {

.menu{
  display:none;
}

.menu-media{
  display:block;
}

.menu-media .menu-content{
  width:540px;
}

.partners .logo img {
  padding-bottom:20px;
}

.start-page .content {
  width:300px;
  height:100%;
}

.start-page, .start-page .opacity{
  height:100%;
}
.start-page .content .text {
  width:300px;
}


h1 {
  font-size:36px;
}

.about-us h1 {
  margin-top:0;
}

.about-us .content{
  width:300px;
}

.about-us hr,.portfolio .portfolio-margin hr, .contact hr {
  width:106px;
}

.about-us .column-one, .about-us .column-two{
  width:300px;
  margin-bottom:20px;
}

 .about-us .column-three{
  width:300px;
  margin-bottom:70px;
 }

.portfolio .portfolio-margin{
  width:300px;
}

.partners .content{
  width:400px;
}

.partners .logo {
  width:400px;
}

.partners .logo img {
  width:80px;
  padding-bottom:20px;
}

.contact, .contact .content, .contact .content .form{
  width:300px;
}

.contact .content .contact-text{
  padding-left:0px;
  width:300px;
  text-align:center;
  margin-top:60px;
}

.contact .content .contact-text {
  width:275px;
}

.contact .content .form .column, .contact .content .form .column-3{
  width:420px;
}

.contact .content .form .column-2{
  width:420px;
  padding-left:0;
}

.contact{ 
  margin:0 auto;
}

.footer{
  position:relative;
}

input{
  width:420px;
}

textarea{
  width:420px;
}


}











/* iPad (portrait) */
@media (min-width: 768px) and (max-width: 1023px) {



.menu-content .logo{
  width:200px;
}

.menu-content{
  width:700px;
}

.about-us .content{
  width:700px;
}

.about-us p{
  width:200px;
}

.about-us h2{
  letter-spacing:2px;
}

.about-us .column-one{
  width:233px;
}

.about-us .column-two{
  width:233px;
}

.about-us .column-three{
  width:233px;
}

.portfolio .portfolio-margin {
  width:600px;
}

.partners .content{
  width:700px;
}

.partners .logo {
  width:700px;
}

.contact{ 
  margin:0 auto;
}

.contact .content {width:700px !important;}

.footer{
  position:relative;
}

.contact .content .form{
  width:355px;
}

input{
  width:320px;
}

textarea{
  width:320px;
}

.contact .content .contact-text {
  width:275px;
}

.contact .content .form .column, .contact .content .form .column-3{
  width:450px;
}

.contact .content .form .column-2{
  width:450px;
  padding-left:0;
}


}