/*============ Custom Media Responsive CSS ============*/
@media screen and (max-width:1200px){
.service_right h5{
	margin-left: 20px
}
.service_left h5{
	margin-right: 20px
}
}


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

.service_sidebar{
	margin-top: 50px
}

.service_middle {
	border: none
}
.service_middle img{
	display: none
}
.service_left, .service_right{
	width:48%
}
.office , .renovation{
  padding: 0
}
.section_sub_title p{
	width: 90%
}
.choose_us_right{
	display: none
}

}

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

.service_left, .service_right {
	position: static;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px
}
.service_middle {
	display: none
}
.apartment, .office, .move_in_out{
	width: 100%;
	float: none
}
.service_content a{
	display: inline-block;
	width: 100%
}
.big_img{
	width: 100%;
	height: 100%
}
.service_left .service_icon {
  float: none;
  margin: 0 auto
}
.service_left h5{
	margin-right: 0;
	margin-top: 20px;
	text-align: center;
	width: 100%
}
.car_washing, .renovation, .green_cleaning {
  float: none;
  width: 100%
}
.service_right .service_icon {
  float: none;
  margin: 0 auto
}
.service_right h5{
	margin-left: 0;
	margin-top: 20px;
	text-align: center;
	width: 100%
}




/*------------ Media Query for mobile landscape Screen -----------*/
@media screen and (max-width: 767px) and (min-width: 360px){
	 @media screen and (orientation:landscape) { 
		.big_img {
			width: 70%;
			height: auto;
			margin: 0 auto
		}
		.small_img{
			right: 100px
		}
		.service_left > div, .service_right > div{
			width: 50%;
			float: left;
			padding-left: 15px;
			padding-right: 15px
		}
		
	 }
}