@media only screen and (min-width:320px) and (max-width:767px) {
.logo{width:120px;}    
.bg-banner{height:130px;margin-top:0px;} 
.bg-banner-overlay,.bg-banner{height:184px;}    
.bg-banner .title-1{font-size:21px; line-height:1.4;}   
.title-2 {font-size: 23px;}
.title-3 {font-size: 20px;}   
.text-desc {font-size: 16px;}
.why-us ul li {font-size: 16px;list-style: none;line-height: 1.4;}
.bg-img-banner{height:auto;}   
.font-size-20{font-size:16px !important;} 
.centerContent{
	height: auto;
	background: #f4f4f4;
}
.leftListBlockSection{
	padding-top: 0;
}
/*.leftListBlockSection .listBlockContent li span,.leftListBlockSection .listBlockContent li p,.leftListBlockSection .title-3{
	color: #fff;
}
 .leftListBlockSection .listBlockContent li .title-6{
 	color: #FFA64F;
 }*/
 .videoSection .embed-responsive, .videoSection .embed-responsive video{
 	margin-top: 0;
 	margin-bottom: 20px;
 }
 .videoSection video{
 	height: 300px;
 }
 .videoSection .embed-responsive:before{
 	display: none;
 }
 .pricing-tables-03 .price-table tr td{
 	font-weight: 600;
 }
}


@media only screen and (min-width:768px) and (max-width:991px) {
  
    
    
}


@media only screen and (min-width:768px) and (max-width:1023px) {
.bg-banner{height:350px;}    
.bg-banner-overlay,.bg-banner{height:356px;}        
.title-1{font-size:39px; line-height:1.4;}   
.title-2 {font-size: 28px;}
.title-3 {font-size: 24px;} 
.text-desc {font-size: 16px;}   
.centerContent{
	height: auto;
	background: #f4f4f4;
}
.leftListBlockSection{
	padding-top: 0;
}
/*.leftListBlockSection .listBlockContent li span,.leftListBlockSection .listBlockContent li p,.leftListBlockSection .title-3{
	color: #fff;
}
 .leftListBlockSection .listBlockContent li .title-6{
 	color: #FFA64F;
 }*/
 .videoSection .embed-responsive{
 	margin-bottom: 20px;
 }
	.videoSection .embed-responsive:before{
		left: -50px;
	}

}

@media only screen and (min-width:992px) and (max-width:1023px) {
   .listBlockContent .font-size-14{
   	font-size: 13px !important;
   }
}


@media only screen and (min-width:1024px) and (max-width:1280px) {
.bg-img-banner{ height: 200px;}    
.centerContent{
	height: auto;
	}
}
    
    
 @media only screen and (max-width:400px) {   
 	.videoSection video {
    height: 200px;
}
.listBlockContent{
	display: block;
}
 }
@media only screen and (min-width: 768px) and (max-width: 1023px){
.heading-title {
    font-size: 24px;
}
}    
@media only screen and (min-width: 320px) and (max-width: 767px){
.heading-title {
    font-size: 19px;
    line-height: 1.3;
}
}