@media only screen and (min-width: 280px) and (max-width:745px) {
  /* For Phones: */
  
  body{
	min-width:100% !important;
 }
  
  #logo{
	margin-left: 38% !important;
  }
  
  #container{
	min-width: 350px !important;
  }
  
  .block-padding{
	padding:30px 0px;
	}
  
  /*Work bench*/
  
  #header-menu { display:none; }
  #header-drawer { display:block !important;     margin-top: 9px !important; }
  #header-drawer img{ height:25px !important;}
  #header-menu{ clear: both !important; width: 100%; background: #eee; margin-top:10px;}
  #header-menu ul > li{padding: 10px; border-bottom: 1px solid #fff; text-align: center; float: none !important; margin-left:0px;}
  
  .box-width {
  	width: 100% !important;
  	min-width: 100% !important;
  }
  
 /*#####home#####*/
 
 /*banner block*/
 
 #home-banner .banner-left{
	width: 95%;
    margin-left: 2.5%;
    float:none !important;
 }
 
 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:-88px !important;
 }
 
 .bx-wrapper .bx-pager.bx-default-pager a{
	background:#dcdcdc !important;
	width:8px !important;
	height:8px !important;
 }
 
 .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#dd117a !important;
 }
 
 .bx-slider-unit-content{
	display:none;
 }
 
 .bx-controls-direction{
	display:none !important;
 }
 
 #home-banner .bx-wrapper{
	border: 3px solid #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    background:none !important;
 }
 
 
 .banner-left-content{
	clear:both !important;
	float:none !important;
	width:auto !important;
	margin:0 3%;
 }
 
 .banner-right-form{
	clear:both !important;
	float:none !important;
	width:auto !important;
	margin:0 3%;
 }
 
 #home-enquiry-form{
	padding-top:20px !important;
 }
 
 #home-enquiry-form h2{
	text-align: center;
	    font-size: 33px;   
	    
	     padding-top: 10px;
 }
 
 .banner-desc{
	font-size:15px !important;
	text-align:center;
	width:auto !important;
 }
 
 .banner-right-form{
	margin-top:40px;
 }
  
  
  .service-grid-item{
  
	width: 148px !important;
    height: 183px !important;

	padding:22px !important;
  }
  
  .service-grid-name{
	    line-height: 1.2em !important;
    font-size: 13px !important;
  }
  
  .service-gallery-item, .portfolio-gallery-item{
	
	width: 94% !important;
	margin-left: 3% !important;
    margin-right: 3% !important;
    margin-bottom: 20px !important;
    clear:both !important;
    float:none !important;
    display:block !important;
	
  }
  
  .book-now-block, .service-book-now-block{
	text-align:center;
  }
  
.book-now-text, .service-book-now-text{
	clear:both !important;
	float:none !important;
}

.book-now-text h2, .service-book-now-text h2{
	margin-bottom:25px;
}

.book-now-button, .service-book-now-button{
	clear:both !important;
	float:none !important;
	margin-top: 15px;
}
  
  
#home-testimonials-container{
	width:2100px !important;
	
}

.home-testimonial-item{
	    width: 316px !important;
	    margin-left: .5% !important;
    margin-right: .5% !important;
}

.home-testimonial-text{
	
	height: 250px !important;

}
  
  
.ratings-container{

	margin-top:40px !important;

}

.ratings-block-item{
	
	float:none !important;
	margin-bottom: 61px !important;
	width: auto !important;
}
  
div#ratings{
	padding-bottom:20px !important;
}  
  
div#footer-other-service ul{
	display:block;
}  

div#footer-other-service ul > li{
	float: none !important;
    margin-bottom: 20px;
    font-size: 14px;
    width:auto !important;
    margin-left:30px;
    margin-right:30px;
    text-align:center;
}

div#footer-other-service h3{
	
	text-align:center;
	 color:#ffffff !important;
	
}
  
.footer-company-info{
	width:90% !important;
	float:none !important;
	text-align:center;
	margin:0 auto;
	margin-bottom: 30px;
}  

.footer-company-desc{
	width:auto !important;
}
  
.footer-menu-1, .footer-social-media{
	width:45%;
}  
  
  
#aboutus-block{

	padding: 46px 20px !important;	
		
}  

.team-unit{
	float:none !important;
	display:block !important;
	    width: auto !important;
    margin: 0px 3%;
    height:auto !important;
    padding:30px 0px;
    margin-bottom:20px;
}

.team-profile-pic{
	margin-top:0px !important;
}
  
 .team-bio-height{
	height:auto !important;
 }
  
  
 #banner h2{
	padding-top:0px !important;
	text-align:center;
	margin-bottom:15px;
 } 
 
 #banner h1{
	padding-top:0px !important;
	text-align:center;
	margin-bottom:15px;
	font-size:32px;
 }
 
 .whyus-grid-item{
	width: auto !important;
	display:block;
	margin:0px 3%;
	margin-bottom:20px;
 }
  
  
  .pricing-pack-item{
	
	width:auto !important;
	float:none !important;
	margin:0 3% !important;
	margin-bottom:20px !important;
  
  }
  
  #service-description-block{
	padding:20px 20px !important;
  }
  
  .nearby-locality-title{
	text-align:center !important;
	float:none !important;
	width:auto !important;
  }
  
  .nearby-locality-links{
	float:none !important;
	width:auto !important;
	text-align:center !important;
  }
  
  .nearby-locality-links ul > li{
	width:auto !important;
	float:none !important;
  }
  
  .form-column{
	float:none !important;
	margin:0 auto !important;
	width:100%;
	text-align:center;
  }
  
  #faqs-block{
	padding:30px 20px;
  }
  
  .success-content{
	padding:30px 20px !important;
  }
  
  .form-input, .form-select{
	width:100%;
	display:inline-block;
  }
  
  
 
  
  #footer{ text-align:center; font-size:12px; }
  
  #footer .left, .right{
	float:none !important;
  }
  
   ul.footer-menu{
		margin-top:10px;
   }
  
  ul.footer-menu > li{
	float:none !important;
	margin-left:0px !important;
  }
  
  .page{
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
  }
  
  
  .breadcrumbs{
	text-align:center;
  }
  
  .breadcrumbs ol{
	display:inline-block;
  }
  
  .video-grid-left{
	clear:both !important;
	float:none !important;
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	margin-bottom:15px;
  }
  
  .video-grid-right{
	clear:both !important;
	float:none !important;
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	margin:0px;
  }
  
  .video-grid > a{
	height:200px !important;
  }
  
}