/*============================================================================
                        RESPONSIVE CSS WITH MEDIA 
=============================================================================*/

@media(min-width:671px) {
.testimonial .owl-controls .owl-nav [class*=owl-]{
	position:absolute;
	top:50%;
	margin-top:-20px;
	    box-shadow: inset 0 0 0 3px #fff;}
.testimonial .owl-controls .owl-nav [class*=owl-]:before{
	border-color:#fff;}		
.testimonial .owl-controls .owl-nav .owl-prev:before {
    border-right-color: transparent;
    border-top-color: transparent;
}
.testimonial .owl-controls .owl-nav .owl-next:before {
    border-left-color: transparent;
    border-bottom-color: transparent;
}	
.testimonial .owl-controls .owl-nav .owl-next{
	left:inherit;
	right:0;}
}

/*=============  MEDIA 1024px   =============*/

@media(min-width:1200px) {
.menuzord-menu > li > a{
    padding: 15px 16px 15px 16px;}
}
@media(max-width:992px) {
.logo {
    width: 160px;
	margin-top: -10px;
    margin-bottom: -56px;
}	
.logo:after {
	width: 25px;
    transform: perspective(13px) rotateY(14deg);
    -webkit-transform: perspective(13px) rotateY(14deg);
}
.menuzord {
	background-color:transparent;
}
.menuzord-menu {
    position: absolute;
    top: 100%;
	min-width: 300px;
	right:0;
}
.menuzord-menu > li > a.btn-plan {
    margin: 10px;
    width: initial;
}
.slider, .header-img {
    margin-top: -45px;
}
.main-footer [class*=col]{
	margin:10px 0 20px;
}
.phone, .social {
    padding: 0px 6px;
    margin: 0 0px 4px;
}	
.email{
	display:none;}
.pro-thumb div{
	width:33.3333%;}
}
@media(max-width:768px) {
.menuzord {

}

.no-mob{
	display:none;
}
.form-box {
    background-color: #f4f4f4;
    width: inherit;
    margin-top: 15px;
    margin-bottom: 15px;
    float: none;
}
.contact-group {
     margin-right: -7px;
}
.footer-bottom {
    padding: 15px 0px;
}
}
@media(max-width:670px) {
.phone{
    font-size: 17px;
}

.footer-bottom .pull-left, .footer-bottom .pull-right{
  float: none !important;
  display: block;
  text-align: center;
}
.social {
	display:none;
}
.about .title-wrap {
    margin-top: 0px;
}	
.about .title {
    display: block;
	font-size: 25px;
}	
.about img {
	display:none;
}
.about .detail {
	margin-left: 0px;
	text-align: left;
}
.testimonial .image {
    margin-right: auto;
    margin-left: auto;
    float: none;
}	
.testimonial .detail {
    margin-left: 0;
    margin-top: 20px;
}	

.gallery-wrap .col{
    width: 50%;
}
	}
@media(max-width:540px) {
.phone{
    display: block;
}	
.main-title h1 {
    font: 42px/60px "oswald",Arial,Helvetica,sans-serif;
    background: #fff;
    margin: -12px 0 -10px;
	padding: 0 10px;
}
.main-title .more {
    margin: 10px 0 0 -100%;
}	
.title-main {
    text-align: left;
    font-size: 25px;
}
.title-main .btn {
    margin-top: 0;
}
.pro-thumb div{
	width:50%;}
	
}
@media(max-width:420px) {

.facilities .col-xs-6{
	width:100%;
	}
}