/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Desktop Big  ==========*/
@media (min-width : 1200px) and (max-width : 1500px) {
.tips-wrapper .tips-contents {
  padding: 80px 50px;
}


}
/*==========  Desktop Normal  ==========*/
@media (min-width : 992px) and (max-width : 1199px) {
header{
	max-width: 972px;
}
.tp-caption {
  left: 50px!important;
}
.app-wrapper .mobile img {
  width: 100%;
}
.tips-wrapper .tips-contents {
  padding: 35px 20px;
}
.plan-wrapper .plan-img img {
  top: -30px;
}
.price-wrapper .price-contents {
  padding: 25px 15px 25px 0px;
}
.workout-wrapper .workout-container-small .workout-back {
  padding: 26px 30px;
}
footer .footer-top img {
  top: -35px;
}


}
/*==========  Tablet  ==========*/
@media (min-width : 768px) and (max-width : 991px) {
	header{
		max-width: 750px;
	}
	.navbar-brand{
		padding: 16px 10px;
	}
	.about-wrapper img{
		margin-top:85px;
	}
	.app-wrapper h1{
		font-size: 18px;
		line-height: 25px;		
	}
	.app-wrapper p{
		font-size 	: 13px;
		margin-top 	: 25px;
	}
.app-wrapper .mobile img {
  width: 100%;
  bottom: -145px;
}
	.app-wrapper .app-store li{
		width: 33%;
	}
.training-wrapper .text-container {
  padding: 30px 80px 25px 0;
}
	.training-wrapper .text-container p{
		display: none;
	}
	.plan-wrapper .plan-img img{
		width: 100%;
	}
	.plan-wrapper .plan-contents h1{
		font-size: 22px;
	}
	.plan-wrapper .plan-contents .slogan{
		font-size: 15px;
	}
	.plan-wrapper .plan-contents .plan-btn{
		margin-top: 30px;
	}
	.plan-wrapper .plan-contents p{
		font-size: 14px;
	}
	.blog-home-wrapper .thumbnail h2{
		min-height: 60px;
	}
	.blog-home-wrapper .thumbnail .date{
		font-size: 18px;
		line-height: 18px;
		width: 50px;
		padding: 5px 0;
	}
	.blog-home-wrapper .thumbnail .date span{
		font-size: 14px;
	}
	.owl-carousel{
	    width: 102%;
	}
.classes-wrapper .classes-contents a h2 {
  font-size: 14px;
}
.tp-caption {
  left: 70px!important;
}
.tips-wrapper .tips-contents {
  padding: 50px 50px;
}
.plan-wrapper .plan-img img {
  position: static;
}
.workout-wrapper .workout-container-small .workout-back {
  padding: 26px 30px;
}
footer .footer-top img {
  top: 0;
}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
	h1{
		font-size: 28px;
	}
	.navbar-brand,
	.navbar-fixed-top .navbar-brand{
		max-width: 120px;
		padding: 5px;
		height: auto;
	}
	.navbar-toggle{
		margin-top: 11px;
		margin-bottom: 11px;
	}
	.navbar-default{
		width: 100%;
	}
	.header-top .icon-holder{
		float: left;
		margin-top: 10px;
	}
	.login-wrapper .login-container{
		margin-top:7%;
		padding:5px;
	}
	.login-wrapper .login-container .login-container-half{
		width:49%;
		border-width: 0;
	}
	.login-wrapper .login-container .login-container-half form{
		margin-top:30px;
	}
	.login-wrapper .login-container .login-container-half .form-control{
		margin-bottom:5px;
		height:35px;
	}
	.login-wrapper .login-container .login-container-half .btn-wrapper{
		margin-top: 0;
	}
	.login-wrapper .login-container .login-container-half .btn-wrapper .btn{
		padding: 4px 12px;
	}
	.login-wrapper .login-container .login-container-half .social-contents{
		margin-top: 6px;
	}
	.login-wrapper .login-container .login-container-half .form-control-feedback{
		height:35px;
		line-height: 35px;
	}
	.banner-wrapper h1{
		padding: 50px 10px;
		font-size: 45px ;
	}
	.workout-container .workout-back, 
	.workout-container-small .workout-back{
		background-size: cover;
	}
	.team-wrapper .team-contents .email{
	    position: absolute;
	    left    : 0;
	    top     : 73%;
	}
	.team-wrapper .team-img img{
	    width: 100%;
	}
	.team-wrapper .team-contents{
		padding: 25px; 
	}
	.training-wrapper .text-container{
		padding: 20px; 
	}
	.training-wrapper .carousel-control{
		width:6%;
	}
	.training-wrapper .carousel-control.left{
		left:0;
		right:auto;
		background: transparent;
		height:20px;
		top:33%;
	}
	.training-wrapper .carousel-control.right{
		top:0;
		bottom:auto;
		background: transparent;
		height:20px;
		top:33%;
	}
	.training-wrapper .carousel-control.left:hover, 
	.training-wrapper .carousel-control.right:hover{
		background: transparent;
	}
	.training-wrapper .text-container p{
		display: none;
	}
	.app-wrapper h1{
		font-size: 18px;
		line-height: 25px;
		text-align: left;		
	}
	.app-wrapper p{
		font-size 	: 13px;
		margin-top 	: 25px;
		text-align: left;
	}
	.app-wrapper .app-store{
		text-align: center;
	}
	.price-wrapper .price-contents .btn-wrapper{
		margin-top: 15px;
		position: static;
	}
	figure.effect-sadie figcaption::before{
		opacity: 1;
		-ms-transform:translate3d(0px, 0px, 0px);
		-webkit-transform:translate3d(0px, 0px, 0px);
		transform:translate3d(0px, 0px, 0px);
	}
	figure.effect-sadie p{
		opacity:1;
	}
	.gallery-wrapper .grid figure{
		border-right: 0 solid #ffffff;
	}
	.tips-wrapper .tips-container{
		margin-left:5px;
	}
	.schedule-wrapper .class-container .class-contents{
		min-height: auto;
	}
	.workout-container .workout-back{
		padding:30px;
	}
	.popup-wrapper .tab-content .tab-pane .tab-pane-60,
	.popup-wrapper .tab-content .tab-pane .tab-pane-50,
	.popup-wrapper .tab-content .tab-pane .tab-pane-40{
		width: 100%;
	}
	.popup-wrapper .tab-content > .tab-pane.second .upcoming-contents{
		padding-left: 0;
	}
	.popup-wrapper .tab-content > .tab-pane.second{
		border-width: 0;
	}
	.popup-wrapper .content-wrapper .contents p,
	.popup-wrapper .content-wrapper .contents .fa{
		display: none;
	}
	.testimonial-wrapper .testimonial-container .identity .pull-left{
		float: none !important;
	}
	.testimonial-wrapper .testimonial-container .identity img{
		display: block;
		margin: auto;
		width: 115px;
	}
	.testimonial-wrapper .testimonial-container h2,
	.testimonial-wrapper .testimonial-container .word{
		text-align: center;
	}
	.testimonial-wrapper .testimonial-container .designation{
		margin-top: 20px;
		margin-left:0;
		margin-bottom:25px;
		text-align: center;
	}
	.address-wrapper ul li:last-child{
	    margin-bottom: 50px;
	}
	.address-wrapper ul li .pull-left{
		width: 12%;
	}
	.address-wrapper ul li .pull-right{
		width: 87%;
	}
	.why-wrapper li{
		width:100%;
		line-height: 30px;
		padding-bottom: 20px;
	}
	.leave-comments,
	.pagination{
		margin-bottom:50px;
	}
	.comment-wrapper .media-left{
		display: none;
	}
	.comment-wrapper .event-media .inner{
		padding-left:30px;
		padding-right: 0;
	}
	.twitter-wrapper form{
		margin-top: 15px;
		margin-bottom:15px;
	}
	.vertical .carousel-inner{
		min-height:80px;
	}
	footer .footer-top .heading{
		margin-bottom:25px;
	}
	footer .footer-top .address{
		margin-bottom:40px;
	}
	
.tp-caption {
  left: 70px !important;
}
.tips-wrapper .tips-contents {
  padding: 90px 50px;
}
.app-wrapper .app-store li {
  display: block;
  width: 30%;
  float: left;
}
	
	
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
	h1{
		font-size: 28px;
	}
	.navbar-brand,
	.navbar-fixed-top .navbar-brand{
		max-width: 120px;
		padding: 5px;
		height: auto;
	}
	.navbar-toggle{
		margin-top: 11px;
		margin-bottom: 11px;
	}
	.navbar-default{
		width: 100%;
	}
	.header-top .icon-holder{
		float: left;
		margin-top: 10px;
	}
	.login-wrapper .login-container .login-container-half{
		width:100%;
		border-width: 0;
	}
	.login-wrapper .login-container .login-container-half form{
		margin-top:15px;
	}
	.login-wrapper .login-container .login-container-half .form-control{
		margin-bottom:5px;
		height:30px;
	}
	.login-wrapper .login-container .login-container-half .btn-wrapper{
		margin-top: 0;
	}
	.login-wrapper .login-container .login-container-half .btn-wrapper{
		padding: 2px 12px;
	}
	.login-wrapper .login-container .login-container-half .social-contents{
		margin-top: 6px;
	}
	.login-wrapper .login-container .login-container-half .form-control-feedback{
		height:30px;
		line-height: 30px;
	}
	.banner-wrapper h1{
		padding: 50px 10px;
		font-size: 45px ;
	}
	.workout-container .workout-back, 
	.workout-container-small .workout-back{
		background-size: cover;
	}
	.team-wrapper .team-contents .email{
	    position: absolute;
	    left    : 0;
	    top     : 75.5%;
	}
	.team-wrapper .team-img img{
	    width: 100%;
	}
	.team-wrapper .team-contents{
		padding: 25px; 
	}
	.team-wrapper .team-contents .social li a i, 
	.about-wrapper .social li a i{
		padding: 0 11px;
		width: 35px;
		line-height: 35px;
	}
	.team-wrapper .team-contents .social li, .about-wrapper .social li{
		margin-left: 1px;
	}
	.team-wrapper .team-contents .email{
		top: 77.5%;
	}
	.training-wrapper .text-container{
		padding: 20px; 
	}
	.training-wrapper .carousel-control{
		width:6%;
	}
	.training-wrapper .carousel-control.left{
		left:0;
		right:auto;
		background: transparent;
		height:20px;
		top:25%;
	}
	.training-wrapper .carousel-control.right{
		top:0;
		bottom:auto;
		background: transparent;
		height:20px;
		top:25%;
	}
	.training-wrapper .carousel-control.left:hover, 
	.training-wrapper .carousel-control.right:hover{
		background: transparent;
	}
	.training-wrapper .text-container p{
		display: none;
	}
	.app-wrapper h1{
		font-size: 18px;
		line-height: 25px;
		text-align: left;		
	}
	.app-wrapper p{
		font-size 	: 13px;
		margin-top 	: 25px;
		text-align: left;
	}
	.app-wrapper .app-store{
		text-align: center;
	}
	.app-wrapper .app-store li:last-child{
		margin-left: 12px;
	}
	.price-wrapper .price-contents .btn-wrapper{
		margin-top: 15px;
		position: static;
	}
	figure.effect-sadie figcaption::before{
		opacity: 1;
		-ms-transform:translate3d(0px, 0px, 0px);
		-webkit-transform:translate3d(0px, 0px, 0px);
		transform:translate3d(0px, 0px, 0px);
	}
	figure.effect-sadie p{
		opacity:1;
	}
	.tips-wrapper .tips-container{
		margin-left:6px;
	}
.tips-wrapper .tips-contents {
  padding: 20px;
}
	.gallery-wrapper .grid figure{
		border-right: 0 solid #ffffff;
	}
	.schedule-wrapper .class-container .class-contents{
		min-height: auto;
	}
	.workout-container .workout-back{
		padding: 50px 30px;
	}
	.popup-wrapper .tab-content .tab-pane .tab-pane-60,
	.popup-wrapper .tab-content .tab-pane .tab-pane-50,
	.popup-wrapper .tab-content .tab-pane .tab-pane-40{
		width: 100%;
	}
	.popup-wrapper .tab-content > .tab-pane.second .upcoming-contents{
		padding-left: 0;
	}
	.popup-wrapper .tab-content > .tab-pane.second{
		border-width: 0;
	}
	.popup-wrapper .content-wrapper .contents p,
	.popup-wrapper .content-wrapper .contents .fa{
		display: none;
	}
	.popup-wrapper li{
		width: 100%;
		border-right: 0 solid #4f4f4f;
		border-bottom: 1px solid #4f4f4f;
	}
	.popup-wrapper .nav-tabs > li a:hover{
		border-top: 1px solid #4f4f4f;
	}
	.popup-wrapper .nav-tabs > li.active:last-child{
		border-width: 1px;
	}
	.popup-wrapper .content-wrapper .contents{
		padding: 0;
	}
	.popup-wrapper .tab-content{
		top: 0;
	}
	.address-wrapper ul li:last-child{
	    margin-bottom: 50px;
	}
	.why-wrapper li{
		width: 100%;
		line-height: 30px;
		padding-bottom: 20px;
	}
	.testimonial-wrapper .testimonial-container .identity .pull-left{
		float: none !important;
	}
	.testimonial-wrapper .testimonial-container .identity img{
		display: block;
		margin: auto;
		width: 100px;
	}
	.testimonial-wrapper .testimonial-container h2,
	.testimonial-wrapper .testimonial-container .word{
		text-align: center;
	}
	.testimonial-wrapper .testimonial-container .designation{
		margin-top: 20px;
		margin-left:0;
		margin-bottom:25px;
		text-align: center;
	}
	.leave-comments,
	.pagination{
		margin-bottom:50px;
	}
	.comment-wrapper .media-left{
		display: none;
	}
	.comment-wrapper .event-media .inner{
		padding-left:30px;
		padding-right: 0;
	}
	.twitter-wrapper form{
		margin-top: 15px;
		margin-bottom:15px;
	}
	.vertical .carousel-inner{
		min-height:100px;
	}
	footer .footer-top .heading{
		margin-bottom:25px;
	}
	footer .footer-top .address{
		margin-bottom:40px;
	}
	

.tp-caption {
  left: 70px !important;
}
.app-wrapper .app-store li {
  display: block;
  width: 30%;
  float: left;
}
	
	
} 