@media (min-width: 1440px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1140px!important } } @media (min-width: 1850px) { .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1320px!important } header a.nav-link { font-size: var(--f18) } } @media (max-width: 1366px) { #model-form img { width:100%; height: 100% } #model-form .modal-dialog { max-width: 900px } } @media (max-width: 1024px) and (min-width:981px) { #model-form .modal-dialog { max-width:900px; width: 80% } header .navbar-nav .nav-link { font-size: 13px } .col-3.head-col { width: 25% } .col-9.content-col { width: 75%; margin-left: 25% } header .reservations a { font-size: 15px } header .reservations img { width: 30px } footer .col-4.get form input[type=email] { width: 100% } footer .col-4.get button { width: 120px; padding: 16px 15px } } @media (max-width: 980px) { header.mob,header.mob-header { padding-top:var(--p10); padding-bottom: var(--p10) } .menu-toggle1 i,i#close-menu1 { color: var(--white-color); cursor: pointer } h1 { font-size: var(--f45) } .menu-toggle1 i,h2,i#close-menu1 { font-size: var(--f28) } h3 { font-size: var(--f24); } h4 { font-size: var(--f20) } h5 { font-size: var(--f19) } h6 { font-size: var(--f18) } header.deskheader { display: none } div#tag1,header.mob,nav.navbar.navbar-expand-lg.navbar-dark.bg-primary { display: block } .col-9.content-col { width: 100%; margin-left: 0 } header.mob-header { display: block; height: auto } header.mob { z-index: 3 } header img { width: 100px } header li.nav-item.dropdown { justify-content: center; flex-wrap: wrap } header .dropdown-menu { position: relative!important } header a.logo { width: auto; padding: 0; margin-right: 0; margin-bottom: 0 } header .mobile-menu-logo { margin-bottom: 25px } header ul.navbar-nav { margin-bottom: 30px; flex-direction: column; gap: 0 } .footer-about-social-list,header .reservations { justify-content: center } header .text { text-align: left } header a.nav-link:hover { border-color: var(--secondary-color); color: var(--secondary-color) } header nav.navbar.navbar-expand-lg.navbar-dark.bg-primary { border-bottom: 0 solid } header div#menu-toggle1 { width: auto } header .row { flex-direction: row; justify-content: space-between; align-items: center } div#tag1 { position: fixed; left: -1px; top: 0; width: 100%; transform: translateX(-47em); height: 100%; transition: .5s ease-in-out; padding: 0 } div#tag1 .mobile-nav { padding: 2rem 20px 20px; background: var(--black-color); text-align: center; width: 350px; height: 100vh; position: relative } #close-menu { right: 1rem; position: absolute; top: 10px } header a.nav-link { margin-right: 0; padding: 0!important; font-size: var(--f16); margin-bottom: var(--m10); margin-top: var(--m10); border-left: 0 solid } div#mob_nav { margin-top: var(--m20) } header li.nav-item.dropdown:hover ul.dropdown-menu { width: 100%; position: relative; transform: translate3d(0,0,0)!important } footer .abt-cont p,footer .col-6.md-12.sm-12.right p,footer .copyright p,header li .dropdown-item { text-align: center } section { padding: var(--p50) var(--p12) } footer .copyright .row { align-items: center; flex-direction: column; gap: 20px 0 } footer .copyright .col-6 { flex: 0 0 auto; width: 100% } footer .row.upper-footer { margin-top: -160px; padding-bottom: var(--p30) } footer .col-3 { padding: 0 var(--p12); width: 33.33% } footer .col-3.md-3.sm-12.left { width: 100%; text-align: center; margin-bottom: var(--m25) } footer .col-3.md-3.sm-12.center-left { padding-left: var(--p12) } footer .row { padding-left: 5px; padding-right: 5px } footer .copyright { padding: 22px 12px; margin-top: 30px } footer .col-4.get form input[type=email] { width: 100% } footer .footer-logo { margin-bottom: 40px } footer .col-4,footer .col-4.quick { width: 50% } footer .col-4.get { width: 100%; margin-top: 30px } footer .copyright .container { padding: 15px 12px 10px } .banner h1 { font-size: var(--f32); margin-top: var(--m30) } .banner,.banner .guides,.banner img.img-fluid { height: 300px; max-height: 300px } #model-form .modal-dialog { max-width: 900px; width: 95% } } @media (max-width: 540px) { .breadcrumb,footer i.flaticon-right-chevron { padding-left:0 } .call-btn { display: flex } #model-form .modal-dialog { width: 90%; left: 40%; transform: translate(-40%,-50%) } #model-form .col-6 { width: 100% } #model-form .row { flex-direction: column-reverse } #model-form .col-6.cont-left { padding: var(--p10) var(--p10) } #model-form h2 { margin-bottom: var(--m15) } #model-form form { margin-top: var(--m20) } #model-form form .row { flex-direction: column } div#tag1 .mobile-nav { width: 70% } section { padding: var(--p40) var(--p12) } h1 { font-size: var(--f36) } h2 { font-size: var(--f24) } h3 { font-size: var(--f22); } h4 { font-size: var(--f18) } h5 { font-size: var(--f17) } h6 { font-size: var(--f16) } header.mob-header { padding-left: 5px; padding-right: 0; padding-top: var(--p15) } header img { width: 70px } header .reservations a { font-size: 16px } .video-cont h1:before { display: none } .menu-toggle1 i { font-size: var(--f22) } .btn_4.learn-more .button-text,header a.nav-link { font-size: var(--f14) } .copyright p { margin: auto; font-size: 14px!important } .head-sec span { font-size: var(--f25) } .banner h1 { font-size: var(--f28); text-align: center; padding-left: var(--p12); padding-right: var(--p12); margin-top: var(--m60) } .banner,.banner .guides,.banner img.img-fluid { height: 250px; max-height: 250px } .breadcrumb { font-size: 13px } .breadcrumb-wrap .container { padding: 0 } footer .col-3 { padding: 0 var(--p12); width: 100%; margin-bottom: var(--m20) } footer .footer_bg { padding-top: 200px } footer .col-3.md-3.sm-12.left { width: 100%; text-align: left; margin-bottom: var(--m20) } footer .abt-cont p { text-align: left } footer .row.upper-footer { padding-bottom: var(--p10) } footer .row { padding-left: 5px; padding-right: 5px; padding-bottom: 30px; gap: 30px } footer .col-4,footer .col-4.quick { padding-left: 15px; width: 100% } footer .col-4 { padding-right: 15px } footer .footer-language { margin-top: 20px } footer .col-4.get { margin-top: 0 } footer .copyright { padding: 12px 12px 0; margin-top: 0 } footer .footer-logo,section.about .img { margin-bottom: 30px } footer .copyright .row { gap: 15px 0; padding-bottom: 0 } iframe#tidio-chat-iframe { inset: auto -7px 0px auto!important } section.about .cont { padding-left: 0; padding-right: 0 } section.about .abt-para { max-height: 315px } section.about.abt-short.short_left_video iframe,section.abt-long .img-sec.left .item,section.abt-long .img-sec.left img,section.abt-long.long_video iframe { height: 300px } section.abt-long .img-sec.left { float: none; margin-right: 0; width: 100%; margin-bottom: 30px } } @media (max-width: 360px) { h1 { font-size:var(--f32) } h2 { font-size: var(--f22) } h3 { font-size: var(--f19) } h4 { font-size: var(--f17) } h5,h6 { font-size: var(--f16) } .head-sec p { font-size: 14px } .main-btn { font-size: var(--f14) } footer ul.quick-links li { font-size: 13px } }