/*
* menu responsive 
*/

@media (min-width: 1025px) {
    .header .header-navigation.navbar .navbar-nav .sub-nav-toggler {
        display: none;
    }
}

@media(max-width: 576px) {
  .slide-heading {
    font-size: 36px;
    line-height: 39px;
}
}
@media(max-width: 991px) {
    .slide-image
    {
        flex:none;
    }

}
@media (min-width:577px ) and (max-width: 991px) {

    .slide-heading
    {
        font-size: 42px;
    }
    .services-slider
    {
        padding-bottom: 25px;
    }

}
@media (min-width:1024px ) and (max-width: 1399px) {

    .banner-caption-box {
        width: 70vw !important;
        min-width: 0 !important;
        left: 60% !important;
        transform: translateX(-50%) !important;
        padding: 14px 3vw !important;
        box-sizing: border-box;
    }
}
@media(max-width: 1024px) {
    .services-slider
    {
        padding: 0;
    }

    .sec-pad {
        padding: 15px 0;
    }


    .welcome-section .welcome-left
    {
        padding: 12px 12px;
    }

    .banner-slide
    {
        padding-top: 0px;
    }

    #main-nav-bar > ul > .menu-item-has-children::after {
      margin-left: 10px;
  }

  #main-nav-bar
  {
      width: 80%;
      z-index: 9999 !important;
  }
  #main-nav-bar > ul > li > ul
  {
    width: 65%;
}
.banner-caption-box-3
{
    width: 50vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box;
    text-align: center !important;
}
.banner-caption-box {
    width: 90vw !important;
    left: 90% !important;
    transform: translateX(-50%) !important;
    padding: 14px 3vw !important;
    box-sizing: border-box;
    text-align: center !important;
}
.banner-caption-box-2 {
 width: 70vw !important;
 min-width: 0 !important;
 left: 90% !important;
 transform: translateX(-50%) !important;
 padding: 14px 7vw !important;
 box-sizing: border-box;
 text-align: center !important;
 top: 50px !important;
}
.left-shadow-overlay {
  max-width: 100vw;
  pointer-events: none;
}
.sec-title h2
{
    font-size: 28px;
    line-height: 30px;
}
.company-history-content h2
{
    font-size: 28px;
}
.thm-btn
{
    padding: 10px 35px;
    font-size: 14px;
}
.bottom-footer p
{
    text-align: center;
}
.banner-caption-box .banner-caption-h3
{
    font-size: 65px;
    line-height: 65px;
}
.banner-caption-box .banner-caption-p
{
    font-size: 38px;
}

.banner-caption-box .thm-btn
{
    font-size: 32px;
}
.banner-caption-box .thm-btn i
{
    font-size: 30px;

}
.welcome-section .row
{
    display: unset;
}
.welcome-section .welcome-left
{
    margin-bottom: 10px;
}
.gallery-carousel .owl-controls .owl-nav
{
    margin-bottom: 0px;
}

.navbar.header-navigation.is-sticky {
    position: unset !important;
}
.thm-btn.header-btn
{
    display: none;
}

.header-flex {
    flex-direction: column;
    align-items: center; /* Center items horizontally */
    display: unset;
}

.navbar-toggle {
    align-self: flex-end; /* Position toggle button to right */
    margin-bottom: 0;
    margin-top: 3px;
}
.header-2 .navbar-toggle {
    margin-top: 8px;
}

.collapse.navbar-collapse {
    width: 100%;
}
.nav.navbar-nav {
    flex-direction: column;
    width: 100%;
    text-align: center;
}
.nav.navbar-nav > li {
    width: 100%;
    margin: 8px 0;
}
.header-nav-btn .book-now-btn {
    margin: 15px 0 0 0;
    align-self: center;
    width: auto;
}

.header .header-navigation.navbar
{
    position: unset;
    top: unset;
    z-index: unset;
    width: unset;
    background-color: #ffffff;
    transform:unset;
}

.header .header-navigation.navbar .navbar-brand img
{
    height: 40px;
}
.top-header
{
    display: none;
}
.header-fixed {
    position: relative;
    top: 0;
    margin-top: 0;
}
.navbar-header {
    width: 100%;
    float: none;
    margin: 0 !important;
}
.navbar-nav {
    margin: 0;
}
.navbar-default .navbar-toggle {
    display: block;
    margin-right: 0;
    background-color: transparent !important;
}
.navbar-default .navbar-toggle:hover {border-color: #3563A9;}
.navbar-default .navbar-toggle:hover .icon-bar {background: #3563A9;}
.navbar-collapse.collapse {
    display: none!important;
    height: 0!important;
    padding-bottom: 0;
    overflow: auto!important;
    width: 100%;
}
.navbar-default .navbar-collapse {
    background: #ffffff;
    padding: 0px 0px !important;
    padding-bottom: 0px !important;        
    margin: 0;
}
.navbar-collapse.collapse.in {
    display: block !important;
    height: auto !important;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.header .header-navigation.navbar .nav {
    width: 100%;
    text-align: left;
    padding: 10px;
}
.header .header-navigation.navbar .nav > li {
    display: block;
    padding: 0 !important;
    width: 100%;
    float: none !important;
}
.header .header-navigation.navbar .nav > li > a {
    padding: 8px 0;
}
.header.header-3 .header-navigation.navbar .nav > li > a {
    color: #fff;
}
.header .header-navigation.navbar .right-box.nav {
    width: 100%;
    margin: 0;
}
.header .header-navigation.navbar .right-box.nav > li > a {
    border: none !important;
    padding: 8px 0;
}
.header .header-navigation.navbar .nav > li > a:after {
    display: none;
}
.header .header-navigation.navbar .nav.navigation-box + .nav {
    /*border-top: 1px dashed #282828;*/
}
.header .header-navigation.navbar .navbar-nav > li > .sub-menu,
.header .header-navigation.navbar .navbar-nav > li > .sub-menu > li > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    left: auto;
    right: auto;
    top: auto;
    transition: none;
    display: none;
    float: none;
    margin: 0;
}
.header .header-navigation.navbar .navbar-nav > li > .sub-menu > li > a::after {
    display: none;
}
.header .header-navigation.navbar .nav > li + li {
    padding: 0 !important;
    border-top: 1px solid; #282828;
    display: block;
    float: none;
}
.header .header-navigation.navbar .nav > li > a,
.header .header-navigation.navbar .right-box.nav > li > a {
    padding: 0;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 16px 0 16px 20px !important;
    transition: background 0.4s ease 0s;
    text-transform: capitalize;
}
.header .stricky-fixed.header-navigation.navbar .nav > li {
    padding: 0 !important;
}
.header .header-navigation.navbar .navbar-nav .sub-nav-toggler {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 9px 9px; 
    position: absolute;top:0;right:0;margin-top: 8px;
    margin-right: 10px;
}
.header .header-navigation.navbar .navbar-nav .sub-nav-toggler .icon-bar {
    background-color: #fff;
    border-radius: 1px;
    display: block;
    height: 1px;
    width: 20px;
}
.header .header-navigation.navbar .navbar-nav .sub-nav-toggler .icon-bar + .icon-bar {
    margin-top: 4px;        
}
.header .header-navigation.navbar .nav li a {
    padding: 5px !important;
    position: relative;
}
#main-nav-bar > ul > li > a
{
    font-size: 16px;
}
.header .header-navigation.navbar .navbar-nav > li > .sub-menu li a {padding: 10px 0 10px 20px;}
.header .header-navigation.navbar .right-box.nav > li > .sub-menu form {width: 100%;}

.header .stricky-fixed.header-navigation.navbar .navbar-header {padding-bottom: 0px;}
.header .stricky-fixed.header-navigation.navbar .navbar-toggle {margin: 19px 0 !important;}

.header.header-2 .header-navigation.navbar .navbar-toggle .icon-bar {background: #333;}
.header.header-2 .header-navigation.navbar .nav > li {padding: 0;}
.header.header-2 .header-navigation.navbar .nav > li > a {color: #fff;}
.header.header-2 .header-navigation.navbar .nav > li > a:hover {color: #3563A9;}

.header.header-5 {background: #000;}
.header.header-5 .header-navigation.navbar .navbar-toggle {margin: 40px 0;margin-bottom: 0;}
}

@media(max-width: 1024px) {
    #main-nav-bar > ul > li > a.book-now-btn {display: none;}
    .circle-overlay
    {
        z-index: 0;
    }
    #main-nav-bar
    {
        position: absolute;
        top: 55px;
        z-index: 1;
        right: 0;
    }
    .header-1 #main-nav-bar, .header-3 #main-nav-bar {
        top: 45px;
    }    
    .header-2 #main-nav-bar > ul > li > a, .header-2 #main-nav-bar > ul > .menu-item-has-children::after
    {
        color: #000000;
    }
    
    .book-now-section .title-box {
        border-right: 0px solid #53535d;
        float: left;
        margin-right: 0;
        padding: 0px 0;
        position: relative;
        width: 100%;
        padding-top: 22px;
    }
    .single-room .thm-btn {
        padding-left: 30px;
        padding-right: 30px;
    }
    
}

@media(max-width: 768px) {
    .container {
        padding: 0 15px;
    }
    .subscribe-section input {
        width: 100%;
        margin-bottom: 20px;
    }
    .subscribe-section h3 {
        margin-top: 10px;
    }
    .book-now-section {
        padding-bottom: 20px;
    }
    .book-now-section .form-grp {
        width: 33%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .welcome-section .thm-btn {
        margin-bottom: 5px;
    }
    .single-blog-list {
        margin-top: 30px;
    }
    .subscribe-section {
        padding-top: 0;
    }
    .subscribe-section h3 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .book-now-section .title-box i {display: none;}
    footer {
        padding-bottom: 50px;
    }
    .footer-widget {
        margin-bottom: 20px;
    }
    .experience-badge .label
    {
        font-size: 14px;
    }
    .single-blog-post {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .single-blog-list {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
    .book-now-section .form-grp {
        width: 100%;
        padding-bottom: 10px;
    }
    .tab-btn
    {
        padding: 8px 10px;
        font-size: 14px;
    }
    .portfolio-section .section-header
    {
        margin-bottom: 10px;
    }
    .portfolio-section.portfolio-page
    {
        padding: 20px 0;
    }
    .portfolio-title
    {
        font-size: 26px;
    }
    .portfolio-category
    {
        margin-bottom: 0;
    }
    p, .footer-widget.about-widget p, .footer-widget.link-widget li a, .footer-widget.contact-widget p, .footer-widget.contact-widget p, .about-text p, .founders-content p
    {
        font-size: 15px;
    }
    .portfolio-desc
    {
        margin-bottom: 10px;
    }
    .slide-buttons, .banner-slide .thm-btn, .services-section .thm-btn
    {
        display: none;
    }
    .tp-caption.banner-caption-box-3
    {
        min-width: 550px !important;
        max-width: 550px !important;
    }
    .history-timeline-section
    {
        padding: 20px 0;
    }
    .founders-content h3
    {
        font-size: 28px;
    }
    blockquote
    {
        font-size: 16px;
    }
    .card-title
    {
        font-size:28px;
    }
    .card-subtitle
    {
        font-size: 18px;
    }
    .card-body {
        padding: 20px;
    }
    .card-icon
    {
        font-size: 20px;
    }
    .member-position-modern
    {
        font-size: 16px;
    }
    .gallery-section
    {
        padding: 20px 0;
    }
}
@media(max-width: 530px) {
    .tp-caption.banner-caption-box-3
    {
        min-width: 450px !important;
        max-width: 450px !important;
    }
}
@media(max-width: 460px) {
    .tp-caption.banner-caption-box-3
    {
        min-width: 350px !important;
        max-width: 350px !important;
    }
}
@media(max-width: 480px) {
    .room-carousel.owl-theme .owl-nav,
    .gallery-carousel .owl-controls {
        position: relative;
        bottom: 0;
        text-align: center;
    }
    .gallery-carousel .owl-controls .owl-nav {
        text-align: center;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .single-testimonial-carousel {
        padding: 0 5px;
    }
}
@media(max-width: 360px) {
    .footer-widget.about-widget {padding-right: 0;}
    .subscribe-section h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .sec-title h1 {display: none;}
    .sec-title h2 {position: relative;}
}