/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
img {border: 0;}
a { text-decoration: none; border: 0; outline: 0; }
.clear { clear: both; width: auto !important }
ul {list-style: none;}
a:focus, input:focus, textarea:focus,
*:focus { outline: 0 !important; box-shadow: none !important; }
/* =================reset css ends here================= */
@font-face{font-family:'DINCondensedBold';src:url('../fonts/DINCondensedBold.eot');src:url('../fonts/DINCondensedBold.eot') format('embedded-opentype'), url('../fonts/DINCondensedBold.woff2') format('woff2'), url('../fonts/DINCondensedBold.woff') format('woff'), url('../fonts/DINCondensedBold.ttf') format('truetype'), url('../fonts/DINCondensedBold.svg#DINCondensedBold') format('svg');}
@font-face{font-family:'GothamBookRegular';src:url('../fonts/GothamBookRegular.eot');src:url('../fonts/GothamBookRegular.eot') format('embedded-opentype'), url('../fonts/GothamBookRegular.woff2') format('woff2'), url('../fonts/GothamBookRegular.woff') format('woff'), url('../fonts/GothamBookRegular.ttf') format('truetype'), url('../fonts/GothamBookRegular.svg#GothamBookRegular') format('svg');}
@font-face{font-family:'GothamMediumRegular';src:url('../fonts/GothamMediumRegular.eot');src:url('../fonts/GothamMediumRegular.eot') format('embedded-opentype'), url('../fonts/GothamMediumRegular.woff2') format('woff2'), url('../fonts/GothamMediumRegular.woff') format('woff'), url('../fonts/GothamMediumRegular.ttf') format('truetype'), url('../fonts/GothamMediumRegular.svg#GothamMediumRegular') format('svg');}
@font-face{font-family:'GothamBold';src:url('../fonts/GothamBold.eot');src:url('../fonts/GothamBold.eot') format('embedded-opentype'), url('../fonts/GothamBold.woff2') format('woff2'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype'), url('../fonts/GothamBold.svg#GothamBold') format('svg');}


/* =================core css starts here================= */
body { font-size: 16px; line-height: 27px;font-family: 'GothamBookRegular'; color: #000; background: #fff;padding-top: 130px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 100%; max-width: 1400px;}
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: #599FD6; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #999; opacity: 1; }
:-moz-placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; opacity: 1; }
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}
img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 15px; line-height: 1.2;/* font-weight: 700;*/ color: inherit; font-family:'GothamBold';}
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 28px;}
h4 { font-size: 22px; line-height: 1.4; }
h5 { font-size: 18px; line-height: 1.4; }
h6 { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px }
p { margin: 0px; padding: 0px; margin-bottom: 25px; }
strong {font-weight: 600;}
b {font-weight: 700;}
/* p:last-child {margin-bottom: 0;} */
.mar-40 {margin-bottom: 40px !important;}
.mar-30 {margin-bottom: 30px !important;}
.no-mar {margin: 0 !important;}
.btn {border-radius: 6px;padding: 10px 27px;min-width: 170px;font-size: 18px;line-height: 27px;box-shadow: none;font-family: 'GothamMediumRegular';letter-spacing: -1.5px;}
.btn-default,
.btn-default:focus { color: #fff; background-color: transparent; border: solid 2px #fff; }
.btn-default:hover,
.btn-default:active { color: #fff; background-color: #95b3cd; border-color: #95b3cd; }
.btn-primary,
.btn-primary:focus { color: #fff; background-color: #599ed5; border: solid 1px #599ed5; }
.btn-primary:hover,
.btn-primary:active { color: #fff; background-color: #0043c5; border-color: #0043c5; }
.btn-second,
.btn-second:focus { color: #fff; background-color: transparent; border: solid 1px #fff; }
.btn-second:hover,
.btn-second:active { color: #00bcb4; background-color: #fff; border-color: #fff; }
.btn.btn-lg {padding: 18px 40px !important;}
.btn.btn-xs { padding: 8px 15px !important; min-width: auto; }
.btn+.btn {margin-left: 10px;}

/* =================core css ends here================= */
/* ================= Header start ================= */
.header-container {display: flex; align-items: center; width: calc(100% + 30px); margin-left: -15px;}
header {    box-shadow: 0 0 15px rgba(0,0,0,0.25); height: 130px; background:#fff; color: #333; position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 9999; display: flex;align-items: center; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in;font-family: 'GothamMediumRegular'; }
.fixed header { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); background: #fff; color: #000; }
.navbar-toggler { width: 60px; height: 60px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; top:0; right: 15px; }
.navbar-default .navbar-toggler:hover,
.navbar-default .navbar-toggler:focus {background: #95b3cd;}
.navbar-toggler:not([class="collapsed"]),
.navbar-toggler:not([class="collapsed"]):focus,
.navbar-toggler:not([class="collapsed"]):hover {background:transparent;}
.navbar-toggler.collapsed,
.navbar-toggler.collapsed:focus,
.navbar-toggler.collapsed:hover {background:transparent;}
.home .navbar-toggler.collapsed,
.home .navbar-toggler.collapsed:focus,
.home .navbar-toggler.collapsed:hover {/* background: #599FD6; */}
.navbar-toggler .icon-bar { position: relative; display: inline-block; width: 23px; height: 3px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent!important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; vertical-align: middle; }
.navbar-toggler .icon-bar:before,
.navbar-toggler .icon-bar:after { content: ''; width: 23px; height: 3px; background: #599FD6; position: absolute; left: 0; transition: all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar {background: #599FD6!important;}
.navbar-toggler.collapsed .icon-bar:before,
.navbar-toggler.collapsed .icon-bar:after {background: #599FD6;}
.navbar-toggler.collapsed .icon-bar:before { top: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.dropdown-menu { border: 0; border-radius: 0; font-size: 12px; line-height: 18px; }
.dropdown-item {padding: 6px 15px;}
.dropdown-menu>li:hover>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>li:focus>a,
.dropdown-menu>li:active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.nav-item.active>a,
.dropdown-item.active,
.dropdown-item:active { background: transparent; color: #000;}

@media only screen and (min-width: 1200px) {
.navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
 
}

.header-right { float: right; z-index: 20; position: relative; margin: 0; padding: 0; font-size: 17px; line-height: 40px; font-weight: 700; }
.header-right a { float: left; padding: 0 10px; width: 40px; text-align: center; margin: 10px; margin-right: 0; }
.header-search { float: left; position: relative; }
.navbar {padding: 0;width: 100%;}
.navbar-nav { font-size: 15px; text-transform: uppercase;color: #585858;}
.navbar-brand { width: 305px; position: relative; margin: 0; }
.navbar-brand small { color: #fff; position: absolute; left: 100%; top: 50%; text-align: center; margin-top: -8px; font-size: 10px; line-height: 10px; padding: 5px 10px; opacity: 0.5; }
.fixed .navbar-brand small {color: #000;}
.logo-dark {display: none;}
.fixed .logo-white {display: none;}
.fixed .logo-dark {display: block;}
.navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav .nav-link { padding: 0 16px;}
.navbar-nav li{color:#585858;}
.navbar-nav li:hover a{color: #000;}
.navbar-nav li.active{color:#1c1c1c;}
.nav.navbar-nav > li > a span:before{content:'';width:0;height:2px;float:left;position:absolute;bottom:0;left:50%;background:#599FD6;transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;-ms-transition:all 0.1s ease-in;}
.nav.navbar-nav > li > a span{position:relative;padding-bottom:10px;}
.nav.navbar-nav > li > a:hover span:before, .nav.navbar-nav > li.active > a span:before{width:100%;left:0;}
/* ================= Header end ================= */

/* ================= Hero  Start ================= */
.hero-outer{position: relative;}
.hero-container{position:relative;height:calc(100vh - 130px);  color:#fff;background:#000;text-align:center;}
.hero-container .slick-list, .hero-container .slick-track{height:100% !important;}
.hero-container .hero-slide{width:100%;height:100%;display:table;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.hero-container .hero-slide-content{display:table-cell;vertical-align:bottom;position:relative;z-index:99;text-align:left;background: rgba(0,0,0, 0.2);padding-bottom: 95px;}
.hero-container h1{font-size:70px;line-height:75px;margin:0;letter-spacing:1px;font-family:'DINCondensedBold';}
.slick-slide img{height: 73px!important; filter: grayscale(100%);}
.hero-container .slick-dots{max-width:1390px; left:50%; transform:translateX(-50%); text-align:left; padding:0 10px;}
.hero-scroll-down{font-size: 40px;color:#fff;cursor:pointer;position:absolute;bottom: 15px;left:50%;transform:translateX(-50%);line-height: 1; z-index: 13;}

/* ================= Hero  end ================= */
.inner-hero-container{height:calc(80vh - 130px);max-height:590px;width:100%;display:table !important;position:relative;}
.inner-hero-bg{width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;background:#000;}
.inner-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.5;}
.inner-hero-middle{display:table-cell;vertical-align:middle;text-align:center;}
.inner-hero-container h1{font-size:60px;line-height:1.2;margin-bottom:0px;color:#fff;font-family:'DINCondensedBold';}
.inner-hero-container h2{font-size:40px;line-height:1.2;color:#fff;margin-bottom:0;font-family:'DINCondensedBold';}
.content-box{width:100%;display:flex;flex-wrap:wrap;padding:0 40px;}
.content-box-left{width:453px;display:flex;align-items:center;}
.content-box-left h3{font-size:35px;text-transform:uppercase;margin-bottom:0;}
.content-box-right{width:calc(100% - 453px);padding-left:40px;}
.career-cta-container{position:relative;width:100%;height:60vh;max-height:640px;display:flex;align-items:center;justify-content:center;}
.career-cta-bg{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;}
.career-cta-bg img{width:100%;height:100%;object-fit:cover;opacity:0.5;}
.career-cta-content h5{font-size:43px;margin-bottom:20px;color:#fff;}
.career-cta-content{width:100%;max-width:380px;position:relative;z-index:1;text-align:center;}
.contact-container{padding:50px 0;}
.contact-box{width:100%;display:flex;}
.contact-left,.contact-right{width:50%;float:left;}
.contact-left{padding:20px;display:flex;flex-flow:column;}
.contact-left h3{font-size:35px;margin-bottom:0;}
ul.contact-list{width:100%;max-width:275px;margin-top:40px;}
ul.contact-list li{display:flex;align-items:flex-start;font-size:18px;margin-bottom:28px;flex-wrap: wrap;}
ul.contact-list li:last-child{margin-bottom:0;}
ul.contact-list li img{margin-right:17px;width: auto;margin-top:5px;height: 22px;}
ul.contact-list li span{width: calc(100% - 48px);}
ul.contact-list .social-contact{margin: 5px 0 0 30px; text-align: left;}
.fa{vertical-align: middle;}
.contact-right{padding:20px;}
.form-control{border:0;border-bottom:1px solid #333;border-radius:0;box-shadow:none;padding:15px 0;font-size:16px;}
.form-control:focus{border-color:#599ed5;}
textarea.form-control{resize:none;margin-bottom:60px;height:60px;}
.send-btn .btn{min-width: 225px;}
.news-post-box{width:100%;display:flex;flex-wrap:wrap;}
.news-post-left{width:50%;padding:0;}
.news-post-right{width:50%;padding:30px 0 30px 48px;}
 .news-post-content{display:flex;flex-flow:column;justify-content:space-between;font-size:14px;line-height:24px;}
.news-post-box.row-reverse{flex-flow:row-reverse;flex-wrap:wrap;}
.news-post-box.row-reverse .news-post-right{padding:30px 48px 76px 0;}
.news-post-content a.link span{color:#599FD6;font-size:14px;font-weight:700;margin:0;position:relative;padding-bottom:5px;}
.news-post-content a.link:hover span{color: #0043c5;}
.news-post-content a.link:hover span:before{background:#0043c5;}
.news-post-content a.link span:before{content:'';position:absolute;width:100%;height:2px;left:0;top:100%;bottom:0;background:#599FD6;}
.news-post-left .news-post-img{width:100%;height:100%;}
.news-post-img img{width:100%;object-fit:cover;height:100%;}
.news-post-content h3{text-transform:uppercase;font-size:22px;}
.news-post-content span{display:inline-block;margin-bottom:15px;color:#7c7c7c;font-weight:600;}
ul.team-member-list,ul.grid-list{width:calc(100% + 3px);margin-left:-1.5px;display:flex;flex-wrap:wrap;}
ul.team-member-list li,ul.grid-list li{width:33.33%;float:left;padding:1.5px;position:relative;}
ul.team-member-list li{/*width: 33.33%;*/ width:25%;}
.member-info-desc{position:absolute;bottom:0;left:0;padding:20px;color:#fff;right:0;letter-spacing:-0.5px; z-index: 2;}
.member-info-desc h5{text-transform:uppercase;margin-bottom:0;font-family:'GothamBookRegular';font-size:23px;line-height:1.1;}
.member-info-desc p{font-size:14px;display:inline-block; margin-bottom: 0;}
.grid-box,.team-member-box{width:100%;height:100%;position:relative;overflow:hidden;position: relative;}
.grid-box:before,.team-member-box:before{content: '';background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.79) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c9000000',GradientType=0 );
position: absolute;left: 0;right: 0;top: auto;bottom: 0;width: 100%;height: 40%; z-index: 1;}
.grid-img, .team-member-img{width:100%;height:100%;}
.grid-img img, .team-member-img img{width:100%;height:100%;object-fit:cover;}
.team-member-img img{filter: grayscale(100%);}
.grid-hover-content{width:100%;line-height:15px;opacity: 0; z-index: 2; margin-top:10px;font-size:20px;font-family:'GothamBold';text-transform:capitalize;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;transform:translateY(15px);}
ul.grid-list li:hover .grid-hover-content{opacity: 1; transform:translateY(0px);}
ul.grid-list li:hover .grid-info-desc h4{transform:translateY(0px);}
.grid-icon{width:30px;margin-right:10px;float:left;}
.grid-info-desc{padding:15px 13px 30px;position:absolute;bottom:0;left:0;right:0;color:#fff;letter-spacing:-0.5px; z-index: 9;}
.grid-info-desc h4{font-family:'GothamBookRegular';font-size:25px;line-height:30px;margin-bottom:0;text-transform:uppercase;transform:translateY(30px);-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.content-container{padding:50px 0;}
.heading{text-align:center;margin-bottom:50px;}
.heading h4,.heading h5{position:relative;display:inline-block;margin-bottom:0;}
.heading h4{padding-bottom:17px;font-size:25px;}
.heading h5{padding-bottom:10px;font-size:25px;}
.heading h4:before,.heading h5:before{content:'';width:100%;max-width:120px;height:3px;background:#599FD6;position:absolute;top:100%;left:50%;transform:translateX(-50%);}
ul.hotel-brand-list{width:calc(100% + 30px);margin-left:-15px;}
.hotel-brand-list li.list-img-item{padding:0 15px;}
footer{width:100%;padding:70px 0 30px;background:#111216;font-size:16px;color:#fff;font-family: 'GothamMediumRegular';}
.footer-content{width:100%;display:flex;flex-wrap:wrap;}
.footer-content-left{width:235px;float:left;}
.footer-content-left > a{display:block;}
.footer-content-right{width:calc(100% - 235px);display:flex;flex-wrap:wrap;flex-flow:column;padding-left:50px;}
.content-right-upper{display:flex;margin-bottom:20px;}
.content-right-upper h5{margin-bottom:0;font-size:16px;font-family:'GothamBookRegular';min-width:107px;}
ul.footer-nav{display:flex;width: calc(100% + 20px);margin-left: -10px;}
ul.footer-nav li{padding:0 10px;text-transform:uppercase;}
.content-right-lower{display:flex;justify-content:space-between;}
/*.content-right-lower > div:first-child{width:calc(100% - 370px);}*/
.footer-contact-list{width:100%;display:flex;flex-wrap:wrap;margin-bottom:10px;color: #76777b;}
.copyright{ color: #76777b;min-width: 370px;}
.footer-contact-list li{margin-bottom:10px; padding-right: 15px;}
.footer-contact-list li:first-child{width:100%;}
.footer-contact-list li a{padding-left:5px;}
ul.social{width:calc(100% + 10px);margin-left:-5px;}
ul.social li{display:inline-block;padding:0 5px;}
ul.social li a:hover{background:#599FD6;color:#fff;}
ul.social li a{width:30px;height:30px;background:#fff;color:#333;border-radius:50%;text-align:center;line-height:30px;}
ul.social li a i{vertical-align: middle;}

ul.social-contact{width:calc(100% + 10px);margin-left:-5px;}
ul.social-contact li{display:inline-block;padding:0 5px;}
ul.social-contact li a:hover{background:#fff;color:#333; }
ul.social-contact li a{width:30px;height:30px;background:#599FD6;color:#fff; border-radius:50%;text-align:center;line-height:30px;}
ul.social-contact li a i{vertical-align: middle;}


div.wpcf7-mail-sent-ok {
	display: none !important;
}

body:not(.page-id-17) .grecaptcha-badge {
	display: none;
}

input.wpcf7-not-valid {
    border-bottom: 2px solid #f00 !important;
}

span.wpcf7-not-valid-tip{ 
	display: none !important;
}

@media only screen and (max-width: 1400px) {
.grid-info-desc h4 {font-size: 20px;}
.grid-hover-content{font-size: 15px;}
.grid-icon{width: 26px;}
.header-container {width: 100%;margin-left: 0;}
}

/* ============================= 
! Screen size below 1201px
 ============================= */

@media only screen and (max-width: 1200px) {
.container-fluid{width: 100%;max-width: 100%;}
header{height: 85px;}
body{padding-top: 85px;}
.navbar-brand { margin: 10px 15px; max-height: 40px;width: 160px; }
.header-right { position: absolute; top: 0; right: 70px; }
.navbar-nav { background-color: #fff; color: #000; }
.navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav .nav-link {line-height: 44px;text-align: center;}
.navbar-collapse { position: fixed; left: 0; top: 85px; right: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); max-height: calc(100% - 85px); overflow-y: auto; }
.dropdown-menu {padding: 0;}
.dropdown-menu a {padding-left: 30px;}
.navbar-nav.sm-collapsible .sub-arrow { border: 0; margin: 0; line-height: 40px; height: 40px; top: 0; }
.nav.navbar-nav > li > a span:before{content: none;}
.inner-hero-container {height: calc(80vh - 85px);}
ul.grid-list li { width: 33.33%;}
.copyright {min-width: auto;}
}

/* ============================= 
! Layout for ipad lanscape 
 ============================= */
@media only screen and (max-width: 1048px) {
.footer-content{flex-flow: column;}
.footer-content-left {float: none;text-align: center; margin: 0 auto 20px;}
.footer-content-right{width: 100%;padding-left: 0; align-items: center;justify-content: center;}
.content-right-lower {display: flex; justify-content: space-between;flex-flow: column; align-items: center;}
.footer-contact-list li{width: 100%;margin-bottom: 0;}
.footer-contact-list{text-align: center;margin-bottom: 20px;}
ul.social {width: 100%;margin-left: 0;margin: 0 auto;text-align: center;margin-bottom: 20px;}
ul.social-contact {width: 100%;margin-left: 0;margin: 0 auto;text-align: center;margin-bottom: 20px;}
.copyright{text-align: center;}
.inner-hero-container {height: 400px;}
.grid-hover-content{opacity: 1;}
.grid-info-desc h4{transform: translateY(0);}
.grid-hover-content{transform: translateY(0);}
}

/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 991px) {
footer{padding: 40px 0;}
.content-box{flex-flow: column;align-items: center;padding: 0;}
.content-box-left {width: 100%; padding: 0; height: auto; margin-bottom: 20px;justify-content: center;text-align: center;}
.content-box-right {width: 100%; padding-left: 0;text-align: center;}
.contact-box{flex-flow: column;}
.contact-left,.contact-right{width: 100%;padding: 0;margin-bottom: 20px;}
.contact-left h3{margin-bottom: 20px;font-size: 28px;}
.contact-container { padding: 35px 0;}
ul.team-member-list li {width: 33.33%;}
ul.grid-list li { width: 50%;}
 }
/* =============================  
 ! Layout for mobile(lanscape) version  
 ============================= */
@media handheld, only screen and (max-width: 767px) {
.contents-box{margin-bottom: 30px;}
.heading h4{padding-bottom: 8px;}
.heading {margin-bottom: 25px;}
.content-container{padding:35px 0;}
.inner-hero-container {height:280px}
.hero-container h1{font-size:50px;line-height:55px;}
.hero-container .hero-slide-content{vertical-align:middle;text-align:center;padding: 0;}
body{padding-top:60px;}
header{height:60px;}
.navbar-toggler{right:0;}
.navbar-collapse{top:60px;max-height:calc(100% - 60px);}
.news-post-box{flex-flow:column;}
.news-post-left,.news-post-right{width:100%;}
.news-post-right, .news-post-box.row-reverse .news-post-right{padding:30px 0;}
ul.footer-nav{width:100%;margin-left:0;flex-flow:column;align-items:center;}
ul.footer-nav li{padding:0;margin-bottom:10px;}
ul.footer-nav li:last-child{margin-bottom: 0;}
ul.team-member-list li, ul.grid-list li{width:100%;}
.fab {vertical-align: middle;}

.hero-scroll-down{display: none;}
.hero-container{height: 400px;}
.hero-container .slick-dots{text-align: center;}

}

/* ============================= 
 ! Layout for mobile(portrait) version  
 ============================= */
@media only screen and (max-width: 479px) {
 
}