@media (max-width:1199px) { .menu ul.level1>li>a, .menu ul.level1>li>.nav-link { padding: 32px 6px; } .navbar-expand-md .navbar-nav { align-items: center; } .navbar-expand-md .navbar-nav .butn-light { margin-top: 0 !important; margin-bottom: 0 !important; } .contact_box .single-facility h5 { font-size: 18px; } .contact_box .single-facility { padding: 15px 10px; } .header.element .banner { min-height: 82vh; } } /* -- Mobile Menu Code -- */ @media (max-width:992px) { header{position:relative;} ul.d-flex.justify-content-center { flex-wrap: wrap; } .banner .video-container{height: auto;} section#walkthrough { padding: 0 0 60px; } .content{padding: 20px;} .navbar { transform: none; top: 0; position: relative; background: #FFF; z-index: 999; } .nav-scroll { padding-bottom: 10px; } .navbar .navbar-collapse { width: 300px; right: 0; height: calc(100vh - 90px); } .nav-scroll .logo-img { width: 150px; margin-bottom: 0px; } .navbar-toggler-icon { display: flex; align-items: center; justify-content: center; color: #aa8453 !important; } .navbar-toggler { display: flex; align-items: center; justify-content: center; padding: 5px 9px; } .navbar-toggler, .navbar-toggler:focus { border: 1px solid #aa8453 !important; } .navbar-toggler.open .ti-menu:before { content: "\e646"; } .menu { width: 300px; height: calc(100vh - 90px); position: fixed; right: -340px; top: 90px; background: #FFF; transition: all 0.5s ease; overflow: auto; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); } .menu.open { right: 0; } .menu ul.level1>li>a, .menu ul.level1>li>.nav-link { color: #222; } .menu ul { display: block; } .menu ul.level1>li>a, .menu ul.level1>li>.nav-link { padding: 12px 28px; display: flex; justify-content: space-between; align-items: center; font-weight: 700; } .menu ul ul.level2 li a { padding: 3px 13px; font-weight: 600; } .menu ul ul { display: none; } .menu ul ul.level2 li a { padding: 3px 13px; } .menu ul ul.level2 li { border: none; text-transform: uppercase; letter-spacing: 3px; font-family: 'Barlow Condensed', sans-serif; font-size: 15px; } .navbar .nav-link { position: relative; } .navbar .nav-link:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } span.dropdown_clk { display: block; } /* span.dropdown_clk i { display: block !important; } */ span.dropdown_clk i { display: inline-block !important; float: right; margin: 20px 18px 0 0; } .menu ul.level1>li>.nav-link.open i:before, .menu ul.level2>li>.nav-link.open i:before { content: "\e648"; } /* .menu ul.level2>li>.nav-link span.dropdown_clk { top: 12px; right: 8px; } */ .menu span.dropdown_clk { top: 0; right: 0; width: 100%; height: 100%; } .menu .level2 span.dropdown_clk { z-index: 22; } .menu .level2 span.dropdown_clk i { margin-top: 10px !important; } /* .menu ul.level1>li>.nav-link i { display: none; } */ .nav-link>i { display: none !important; } .menu ul ul.level2 li a+i { display: none; } span.dropdown_clk.open i.ti-angle-down:before { content: "\e648"; } } @media (max-width:992px) { .header_wrap { height: 90px; width: 100%; } .rooms1 .item .con { padding: 13px; min-height: 150px; bottom: -78px; } .rooms1 .item .con h5, .rooms1 .item .con h5 a { font-size: 18px; } .slider-fade .owl-item { height: 450px; position: relative; } .header.slider .owl-item { height: 450px; position: relative; } .header .video-container iframe { min-height: 450px; z-index: -5; width: 100%; } .header { min-height: 450px; } .header .video-container { height: 450px; } .slider-fade .owl-dots { width: 100%; top: auto; bottom: 0; left: 0; display: flex !important; justify-content: center; gap: 15px; z-index: 99999; } .slider-fade .owl-item { overflow: hidden; } .location .map_location iframe { height: 500px; } .location .map_box .main_cont h2 { font-size: 14px; margin-bottom: 0; } .location .map_box .main_cont { width: 100%; margin: 0; border: Dashed #aa8453; border-width: 0 1px 0 0; } .location .map_box { display: flex; } .location .map_box .main_cont:last-child { border: none; } .location .map_box .main_cont img { max-width: 44px; } .contact_box .single-facility { padding: 15px; } .icon-box-2-row>div { flex: 0 33.33%; max-width: 33.33%; } .icon-box-2-row { justify-content: center !important; } .location .map_box.newdesign>div { width: 33.33%; margin: 0 !important; } .location .map_box.newdesign { gap: 20px 0; } .header.element .banner { min-height: auto; } .header.element .promoter { top: 0; } } @media (max-width:767px) { .header.slider, .header.slider .owl-item { min-height: 400px; height: 400px; } .img_left_bg { background: transparent !important; min-height: auto; } .img_left_bg img { display: block !important; } .services { padding-left: 15px; padding-right: 15px; } .v-middle { top: 50%; } .banner-header { height: 30vh; } .banner-header .caption { margin-top: 30px !important; } .services .logo_content { display: flex; flex-direction: column; align-items: center; } .services .logo_content img { width: 150px; display: block; } .location .map_box { flex-direction: column; } .location .map_box .main_cont { border-width: 0 0 1px 0; padding: 23px 0; } .location .map_box .main_cont:last-child { border-width: 0 0 1px 0; } .menu_click .container { padding: 0 5px; } .menu_click ul { flex-wrap: wrap; gap: 9px 4px; } .menu_click ul li { margin: 0; padding: 0; } .menu_click ul li a { padding: 2px 7px; margin: 0 0px; font-size: 11px; font-weight: 600; } .two_colum_row_wrap { padding: 0 15px; } .services .content .cont h4 { font-size: 22px; } .facilties .single-facility h5 { font-size: 20px; } .facilties .single-facility p br { display: none; } .details_sec .owl-dots { bottom: 0; position: relative; } .details_sec .img iframe { height: 300px; } .blog_pg .row>div { margin-bottom: 10px !important; } .mob-mb-30 { margin-bottom: 30px !important; } .sales_sec .reservations { margin-top: 0 !important; height: 200px; } .mob-mb-0 { margin-bottom: 0 !important; } .contact_box .single-facility { height: auto; } .contact_box .single-facility ul { margin-bottom: 0; } .facilties .single-facility h5 { font-size: 18px; } .facilties .single-facility { margin-bottom: 20px; } .sales_sec .reservations { margin-bottom: 20px; } .box_border { margin-top: 0; margin-bottom: 21px; } .testimonials .item .quote { top: auto; bottom: 10px; } .icon-box-2-row>div { flex: 0 50%; max-width: 50%; } .right.rere_no { width: fit-content !important; text-align: right; margin-left: auto; padding-right: 60px; } .rere_no img { width: 60px; } .location .map_box.newdesign { flex-direction: row; } .location .map_box.newdesign>div { padding: 10px 0; } .progress-wrap { bottom: 65px; width: 44px; height: 44px; right: 21px; } .cookie-space { padding-bottom: 0; } .header .video-container iframe { min-height: auto; } .header .video-container { height: auto; } .header { min-height: auto; } #mec_page .slider .item2 { background-position: right; } } @media (max-width:480px) { .banner-header { height: 115px; } .banner-header h1 { font-size: 28px; } .banner-header .caption { margin-top: 25px !important; } .icon-box-2-row>div { flex: 0 100%; max-width: 100%; } .right.rere_no p { font-size: 8px; line-height: 10px; padding: 5px !important; } .right.rere_no { padding-right: 48px; } .rere_no img { width: 47px; } .location .map_box.newdesign>div { width: 50%; } } @media (max-width:375px) { .header .caption h1 { font-size: 22px; letter-spacing: 8px; } } @media only screen and (max-width: 600px) { .single-facility { padding: 20px 10px; min-height: 180px; } .bickham { font-size: 70px; line-height: 40px; } .title{font-size: 30px; margin-bottom: 20px;} .col-2.col-md-2.col-sm-2.col-12.text-end { text-align: left !important; } .imgabout h2{display: none;} .contatcinfs { display: none; } .township, .downloadsec, .aboutsec, .ourpartners, section { padding: 70px 0px; } .socialmedia ul { padding: 10px 0px; justify-content: center; } .contact-info li{margin-bottom: 30px;} .contact-info li:last-child{margin-bottom: 0px;} .subfooter p.copy{text-align: center;} .downloads h5 { font-size: 15px; font-weight: 400; text-transform: capitalize; } .data { position: relative; top: auto; bottom: auto; transform: none; transition: all .1s ease-in; height: 100%; border: #e9e9e9 1px solid; padding: 20px; border-top: 0px; } .data p { margin: 0; } .data h2{color:#00469b} .midnav ul li a{font-size: 13px; letter-spacing:0px;} .midnav ul li { padding: 5px 8px; margin: 0px 3px 10px; } .single-facility h5{font-size: 15px;} .ralithabout:hover .data{background: #fff;color:#000;} .mobilehide { display: none; } .banner{background: #eee;} .banner #frmContact{margin-top:30px} }