@charset "utf-8";
@media only screen and (min-width:992px) and (max-width:1200px){
	.home-services .service-box{
		padding:30px 15px
}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.caption h1{
		font-size:35px
}
    .service-box,.team-member,.price-item,.single-news {
		margin-bottom: 30px;
}
	.navbar-nav li a{
		padding:15px 5px
}
	.price-item,.service-box,.single-news,.team-member{
		margin-bottom:30px
}
	.testimonial-item i.fa{
		margin-top:20px
}
	.contact-info,.video-area .accordion{
		margin-top:30px
}
	.choose-box i.fa{
		width:50px;
		padding:5px 0
}
	.choose-box.left i.fa{
		text-align:right
}
	.choose-box.right i.fa{
		text-align:left
}
}
@media only screen and (max-width:767px){
	body,p{
		line-height:25px
}
	.section-big{
		padding:50px 0
}
	.section-title{
		margin-bottom:50px
}
	.section-title h2{
		line-height:30px
}
	.intro-text h1{
		font-size:40px;
		line-height:50px;
		margin-bottom:10px
}
	.action-area h2,.intro-text h2{
		font-size:20px
}
	img{
		max-width:100%
}
	.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
		background:#fff
}
	.navbar{
		min-height:0
}
	.mainmenu .navbar-nav{
		margin:0
}
	.mainmenu .navbar-nav li{
		float:none;
		display:block
}
	.mainmenu .navbar-nav li a{
		padding:11px 15px;
		color:inherit
}
	.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
		max-height:420px
}
	a.about-button{
		margin-top:0
}
	.about-text h2,.follow-me h2,.single-service h2,.testimonial-item h2{
		font-size:22px
}
	.home-services .service-box{
		margin-bottom:30px
}
    .price-item ,.team-member,.single-news {
		margin-bottom: 30px;
}
	.filters li{
		margin:0 10px
}
	.section-title h2{
		font-size:30px
}
	.contact-info,.video-area .accordion{
		margin-top:30px
}
	.price-item p.level{
		margin-bottom:60px
}
	.price-item p.price{
		padding-bottom:20px
}
	.price-item a.btn{
		display:inline-block
}
	.choose-box.left i.fa{
		float:left
}
	.why-choose-area img{
		width:100%;
		margin-bottom:30px
}
}
@media only screen and (max-width:480px){
	.social-links li{
		margin-bottom:10px
}
}
