@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
	.header{
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.header img{
		max-height: 75px;
	}
	.loss-weight p{
		padding-left: 0;
	}
}
@media screen and (max-width: 767px) {
	h2{
		font-size: 20px;
	}
	body{
		font-size: 13px;
	}
	.hero{
		background-position: center left;
	}
	.hero-image{
		position: relative;
		max-width: 100%;
		width: 100%;
	}
	.signup-area{
		padding: 35px 0;
	}
	.signup-area p {
	    padding: 0 5px;
	    margin-bottom: 22px;
	}
	.btn-cta{
		min-width: 185px;
	}
	.loss-weight .row{
		margin-top: 15px;
	}
	.section-title{
		padding: 18px 0;
	}
	.loss-weight img{
		top: 0;
		margin: 10px auto 20px;
	}
	.improve-health {
	    padding: 35px 0;
	}
	.improve-health-inner{
		padding: 18px 12px 15px;
	}
	.improve-health-inner h2{
		margin-bottom: 12px;
	}
	.improve-health-inner p {
	    margin-bottom: 20px;
	}
	.fitness{
		margin: 25px 0;
		padding: 25px 0;
	}
	.fitness:before{
		height: 100%;
	}
	.fitness h2 {
	    margin-bottom: 10px;
	}
	.fitness p{
		margin-bottom: 25px;
	}
	.testimonial {
	    padding: 30px 0;
	}
	.review-item{
		padding: 5px;
	}
	.fitness p{
		max-width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.footer{
		text-align: center;
	}
	.social-media{
		margin-bottom: 15px;
		justify-content: center;
	}
	.section-title h3{
		font-size: 17px;
		word-spacing: 0;
	}
	.modal-form .modal-header, .modal-form .modal-body {
	    padding-left: 18px;
	    padding-right: 18px;
	}
	.hero h2{
		font-size: 30px;
	}
	.hero img {
		float: none;
		display: block;
		height: 340px;
		margin: 20px auto 0;
	}
	.hero .row{
		height: auto;
		padding: 35px 0 0;
	}
}