.main-nav{padding-right: 220px !important;}
#header{transition:all .5s;z-index:997;transition:all .5s;padding:0;min-height:unset;background:#fff}
header#header.fixed-top.header-scrolled{background:#fff;z-index:999;box-shadow:0 8px 6px -6px rgba(0,0,0,.2)}
#header.header-scrolled,#header.header-pages{padding:0}
#header .logo h1{font-size:36px;margin:0;padding:0;line-height:1;font-weight:400;letter-spacing:3px;text-transform:uppercase}
#header .logo h1 a,#header .logo h1 a:hover{color:#00366f;text-decoration:none}
#header .logo img{padding:0;margin:19px 0}
#header .logo-2.logo-right img{margin-bottom:0;margin-top:15px}
#header .logo img.logo-2{max-width:180px}
a.scrolldown{display:none}
header#header.fixed-top.header-scrolled a.scrolldown{display:inline-block}
header#header.fixed-top.header-scrolled .main-nav ul li a{color:#000}
header#header .main-nav ul li a:hover{color:#3dc2da}
header#header.fixed-top.header-scrolled .main-nav ul li.enquire-btn a{color:#fff}
.main-nav ul li.active a,header#header.fixed-top.header-scrolled .main-nav ul li.active a{color:#3dc2da}
li.enquire-btn.active a{color:#fff!important}
.main-nav,.main-nav *{margin:0;padding:0;list-style:none}
.main-nav>ul>li{position:relative;white-space:nowrap;display: inline-block;}
.main-nav ul li a{display: inline-block;font-family: 'Satoshi-Medium';color: #1B5ADE;position: relative;}
.main-nav ul li.active a,.main-nav ul li:hover a{/* text-decoration:underline; */color: #1B5ADE;}
/* .main-nav ul li.active a:after {content:'';width: 100%;
height: 2px;
background: #1B5ADE;
position: absolute;
left: 0;
bottom:-3px;} */
.main-nav ul li a.active:after{content: '';border-bottom: 2px solid #1B5ADE;width: 100%;position: absolute;bottom: -22px;margin: 0 auto;left: 0;right: 0;transition: width 200ms, background-color 200ms, opacity 0ms 0ms;}
.main-nav ul li a::after {display: block; content: ""; position: absolute; left: 50%; margin-left: auto; margin-right: auto; bottom:-22px; width: 0%; height:2px; opacity: 0; border-radius:0; background-color: #1B5ADE; transition: width 200ms, background-color 200ms, opacity 0ms 200ms;left: 0;right: 0;}
.main-nav ul li a.active::after,.main-nav ul li:hover a::after{width:100%; opacity: 1; transition: width 200ms, background-color 200ms, opacity 0ms 0ms;}
.main-nav ul li{padding: 0 3%;}
.main-nav ul li:first-child{margin-left:0}
.social-header i.fa.fa-linkedin{width:31px;height:31px;border-radius:50%;float:left;font-size:19px;text-align:center;line-height:32px;position:relative;transition:all .3s;background:#007ab9;color:#fff;margin-left:35px}
.main-nav ul li:last-child{margin-right:0}
.main-nav ul li.enquire-btn a{background:#3dc2da;color:#fff;padding:13px 30px;border-radius:25px}
li.mobile-brochure{display:none}
div#navbarSupportedContent{flex-direction:column-reverse}
div#carouselExampleControls .carousel-inner,div#carouselExampleControls{height:100%;position:relative}

.mobile-nav-toggle{position:fixed;right: 8px;
top: 56px;z-index:9999999;border:0;background:0;font-size:24px;transition:all .4s;outline:none!important;line-height:1;cursor:pointer;text-align:right;     padding: 0;}
.mobile-nav-toggle i{margin:0px 0 0 0}
i.fa.fa-bars{color:#16172e;padding:10px;border:1px solid transparent}
.mobile-nav{position:fixed;top:0;bottom:0;z-index:999999999;overflow-y:auto;left:-300px;width:300px;padding-top:18px;background:#3dc2da;transition:.4s}
.mobile-nav ul{margin:0;padding:0;list-style-type:none}
.mobile-nav ul li a{color:#fff;font-size:1rem;padding:12px 20px;margin-left:0;width:100%;float:left;text-transform:capitalize;border-bottom: 1px solid rgba(255,255,255,0.2);}
.mobile-nav-active .mobile-nav{left:0;box-shadow:0 0 30px rgb(127 137 161 / 30%)}
button.mobile-nav-toggle i.fa.fa-times{margin:0px 0 0 0;padding:5px 10px;background:#fff;top:2px;}
.main-nav{width:100%;text-align:center;padding: 0 !important;}
@media only screen and (min-width :1001px) and (max-width :1100px){
.main-nav ul li a{font-size: 13px;}
.main-nav ul li {margin-left: 10px;}
.main-nav ul li {padding: 0 2%;}
.main-nav ul li a.active::after,.main-nav ul li a::after {bottom: -16px;}
}
@media only screen and (min-width :1101px) and (max-width :1140px){
.main-nav ul li {margin-left: 20px;}

}