@media (max-width: 767px) {
.nav-bar {padding: 0px 0px;border-top: 2px solid #de6226;}	
.stellarnav{ margin:0px; background-color: #2b5f77;}	
.header-section {display: none;}
.navbar-button {display: none;}
.header-2{ display:none;}
.mean-container .mean-bar {background: #ffffff;-webkit-box-shadow: 0 -17px 36px 0 #00000024;box-shadow: 0 -17px 36px 0 #00000024;}
.mean-container .logo {top:2px;}
.mean-container .logo img {width: 120px;}
.mean-container a.meanmenu-reveal span {background:#021a46;}
.mean-container a.meanmenu-reveal.meanclose {color:#a3cd31;}
.mobile-nav {display: block;z-index: 9999;position: relative;}
.mobile-nav .logo {text-decoration: none;position: absolute;top: 8px;z-index: 999;left: 15px;color: #ffffff;font-weight: bold;text-transform: uppercase;font-size: 20px;}
.mean-container .mean-bar {background-color: #ffffff;padding: 0;}
.mean-container a.meanmenu-reveal {padding: 15px 15px 0 0;}
.mobile-nav nav .navbar-nav .nav-item a i {display: none;}
.mobile-nav nav .navbar-nav {height:400px;overflow-y: scroll;}


.wel-text h1 { font-size:23px;}
.wel-text h1 span {font-size:23px;}
.welcome-text p {font-size:16px; line-height:28px;} 
.owl-controls .owl-nav .owl-next {right: 0px;}
.owl-controls .owl-nav .owl-prev {left: 0px;}
.vision-box { margin:10px 0px;}
.vision-box h3 {position: absolute;width: 275px; top: 115px;left: -100px; border-radius: 10px 10px 0px 0px; transform: rotate(-90deg);}
}