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

#menu ul li > a {
  padding: 11px 15px; font-size: 11px; 
}

}

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

.header-info ul li{display:block;}

.owl-carousel .owl-dots{bottom: 5px !important;}

.owl-dot{padding: 5px !important; margin: 3px 2px;}

.home-intro {padding-right: 0px; margin-bottom: 30px;}

.footer-right p{text-align: center;}

.footer-left{text-align: center; margin-bottom: 10px}

#owl-carousel1 .owl-dots {
  bottom: -50px !important;
}


}


@media only screen and ( min-width:360px) and ( max-width:540px ){

.header-info ul li{font-size: 11px; display:block;}

.owl-carousel .owl-dots{bottom: 5px !important;}

.owl-dot{padding: 5px !important; margin: 3px 2px;}

.home-intro {padding-right: 0px; margin-bottom: 30px;}

.footer-right p{text-align: center;}

.footer-left{text-align: center; margin-bottom: 10px}

#owl-carousel1 .owl-dots {
  bottom: -50px !important;
}

}