/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1199px) {
 .content_left{
 	padding: 50px;
 	margin: 0px;
 }
 .content_left,.content_right{
 	float: none;
 	width: 100%;
 }
.how_we_box {
    width: 255px;
    height: 205px;
}

.banner_caption{
	width: 50%;
}
.banner_caption h1{
	font-size: 35px;
}


}
   
@media only screen and (max-width: 991px) {
.how_we_box {
    width: 382px;
    height: 310px;
}
.pt-title{
	margin-top: 20px;
}
.banner_caption h1{
	font-size: 32px;
}

}

@media only screen and (max-width: 767px) {
.how_we_box{
	width: 100%;
    height: 545px;
}
.services .heading{
	margin: 0px;
	margin-bottom: 30px;
}
.service_block{
	text-align: center;
	margin-bottom: 30px;
}
.service_block .readmore{
	margin: 0px auto;
}

.search_icon{
	margin-top: 0px;
	margin-bottom: 20px;
	border: none;
}

.header_top{
	text-align: center;
}
.footer_block{
	margin-bottom: 20px;
}

.header_menu .navbar-collapse.collapse { padding-top: 0px;}

.inner_heading h1{
 font-size: 25px;
}

.banner_caption h1 {
    font-size: 20px;
}
.banner_caption{
	top: 15%;
	width: 70%;

}


}

@media only screen and (max-width: 479px) {
.how_we_box{
	width: 100%;
    height: 300px;
}
.banner_caption {
    width: 78%;
    top: 5%;
}
.banner_caption h1 {
    font-size: 18px;
}

}


@media only screen and (max-width: 320px){
.how_we_box {
    width: 100%;
    height: 270px;
}
.content_left h1{
	font-size: 25px;
}
.banner_caption {
    width: 70%;
    top: 0;
}
.banner_caption h1 {
    font-size: 16px;
     margin-bottom: 5px;
}
.banner_caption p {
    margin-bottom: 0px;
    font-size: 9px;
}

.banner_caption a{
	line-height: 27px;
    height: 27px;
}


}