@media (max-width: 1200px) 
{  
  header.main-header .nav-header{background-color: #fff;}
}

@media (min-width: 960px) and (max-width: 1300px) 
{
  .socail-ft ul li{margin: 9px 3px;}
  header.main-header .navbar-middle.navbar-header .nav-item > .nav-link{padding: 1.20rem 14px;}

  .welcome-area-inner .heading h5{font-size: 19px;}
  .welcome-area-inner .heading h1{font-size: 26px;}
  .heading-inner h5{font-size: 19px;}
  .heading-inner h4{font-size: 30px;}
  section.rooms p{padding-left: 15px; padding-right: 15px;}
  .room-short-info h2{font-size: 22px;}
  .heading-inner h3{font-size: 30px;}
  .service-btn-group .box-heading{font-size: 24px;}
  .PlacesofInterest .card .card-text{font-size: 17px;}
  .heading h3{font-size: 24px;}
  .testimonials p{font-size: 18px;}
  .testimonials .author-name{font-size: 20px;}
  .testimonials .sub-line{font-size: 17px;}

  .heading-inner h1{font-size: 28px;}
  .heading h4{font-size: 26px;}

  .room-full-info .rfi-head h2{font-size: 24px;}

  .room-full-info .r_facilities h4{font-size: 17px;}

  .main-banner .banner-caption h1{font-size: 32px;}

  #covidmodal .modal-dialog .modal-title{font-size: 16px;}
  #covidmodal .modal-dialog h2{font-size: 15px; margin-bottom: 8px;}
  #covidmodal .modal-dialog ol li{font-size: 14px;}
  #covidmodal .modal-dialog ol{margin-bottom: 15px;}

}

@media (min-width:   62.000em) 
{  
  .sidenav .sn-main > li .submenu{display:none!important;}
  .sidenav .sn-main > li  .submenu-indicator{display:none!important;}
}

@media (min-width: 20em) and (max-width: 61.938em) 
{
  .experience .text-body h5{padding-top: 35px;}
  .motif-line1::before{display: none;}
  .experience .card-body{min-height: 320px; padding: 5px}
  section.media-sec P {font-size: 14px;}
  .neeraj-palace .vector-motif{background-size: 50% auto}
  .experience .text-body h5{min-height: 88px;}
  .motif-line img{max-width: 80%; text-align: center; margin: 0 auto;}
  section.facilities .list-block{left: 0}
  .offside-nav .socail-ft{display: none}
  .check-ability .row > div{border: none}
  header.main-header .navbar-middle.navbar-header {background:#4c3a20!important; padding: 4px 0;}
  header.main-header .navbar-middle.navbar-header .nav-item > .nav-link {color: #fff; padding: 10px 0rem;}
  .contact .cont-details{padding: 50px 0;}
  .sidenav > li > a{padding:0.8rem 1rem;}
  header.main-header .navbar-middle.navbar-header .nav-item{text-align: left; margin: 0 auto; width: 100%; font-size: 14px; letter-spacing: 0px;}
  header.main-header .navbar-middle.navbar-header{/*position: unset*/}
  .hotel_room-and-suite .item{border: 1px solid #c8a26b; margin: 15px;}


  .hotel_room-and-suite  .room-arrow .owl-nav button {width: 50px; height: 50px; position: absolute; background: rgba(0, 0, 0, 0.67) !important; top: 50%; font-size: 20px; opacity: 1;}

  .sidenav > li .sidemenu-mega-menu{display:none;}

  #sidemenu{width: 300px;}

  .jquery-accordion-menu ul li {width: 100%; display: block; position: relative}

  .jquery-accordion-menu ul li a {width: 100%; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear}

    .jquery-accordion-menu ul li a i {width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left}
    .jquery-accordion-menu ul li a i.zmdi{ display:none;}

    .jquery-accordion-menu .submenu-indicator {float: right; right: 22px; position: absolute; line-height: 19px;
      font-size: 26px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear}

      .jquery-accordion-menu ul ul.submenu .submenu-indicator {line-height: 16px}

      .jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg)}

      .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu {width: 100%; display: none; position: static; background-color: rgba(163, 129, 79, 0.08); padding: 5px 0;}

      .jquery-accordion-menu ul ul.submenu li {clear: both; width: 100%}

      .jquery-accordion-menu ul ul.submenu li a {width: 100%; font-family: 'Playfair Display'; font-weight: 400; font-size: 1rem; text-decoration: none; position: relative; padding: 0.6rem 1.5rem; color: #1b1b1b; display: block; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear}

    }

    @media (min-width: 20em) and (max-width: 47.938em) 
    {
      .packages .main-links li a:after{content: ''; border: 0;}
      .room-full-info .rfi-head h2{font-size: 1.5rem;}
      .room-full-info .rfi-head h3 {font-size: 1rem; }
      .owl-theme .owl-dots{bottom: 0.5rem;}

      .main-banner .item img{min-height: 150px; object-fit: cover;}    
      .main-banner > img{min-height: 150px; object-fit: cover;}
      .main-banner .banner-caption h2{font-size:2rem}
      section.facilities .list-block ul{ width: 100%; margin-bottom:0;}
      .neeraj-palace .paragraph-block{padding: 10px}
      .motif-line1::before{display: none}
      section.media-sec:after{display: none}
      .main-slider  img {width: 100%; min-height: 230px; object-fit: cover;}
      .brand .socail-ft ul {list-style: none; display: unset;}
      .cont-details .text-block{max-width: 100% }
      section.media-sec{background: none}
      section.media-sec {height: auto; position: unset; margin-top: auto;}
      section.media-sec .container {position: unset;}
      section.comfort-luxury h2{font-size: 1.5rem;}
      .main-banner{position: relative; }

      .hotel_room-and-suite .room-full-info{position: relative; color: #000; top: 0; padding: 15px; padding-top: 0;}
      .hotel_room-and-suite .room-full-info *{ opacity:1;}
      .room-full-info .btn-set{position: relative;  left: 0; width: 100%;  bottom: 0;}
      .hotel_room-and-suite .room-full-info .r_facilities {display:none;}
      .room-full-info .rfi-head{border-color:transparent;}

      .hotel_room-and-suite .item .img-fluid {min-height: auto; object-fit: cover;}

      .hotel_room-and-suite  .room-arrow .owl-nav button {top: 30%;}

      .navbar-middle .container-fluid{position: relative;}
      .navbar-middle .navbar-nav{padding-top: 15px;}
      .kanota_group_mob{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: fit-content;
        margin: auto;
      }

      .main-slider .item-caption h2{font-size: 2rem;}

      .check-ability{margin-top: 0;}
      .nav-header .row > div{position: initial;}
      .nav-header .hamburger-menu{position: absolute; top: 100%; left: 0; background-color: #a3814f; width: 100%; padding: 10px 15px;}
      .hamburger-inside, .hamburger-inside::before, .hamburger-inside::after{background-color: #ffffff;}
      .hamburger-menu span{color: #ffffff;}

    }

    @media only screen and (max-width: 576px)
    {
      .flash-msg{padding: 5px 10px; top: 29px; font-size: 13px;}

      .inquiryBtn{font-size: 13px; padding: 4px 10px; letter-spacing: 1px; right: -49px; top:261px;}
      .inquiryBtn.bookBtn {right: -48px; top: 140px; z-index: 9999; font-size: 13px;}  
      .covid-update {right: -70px; top: 75%; font-size: 15px;}

      header.main-header marquee{font-size: 12px}
      .placelink ul li a{font-size: 12px;}
      .welcome-area-inner .heading h5{font-size: 14px;}
      .heading h1{font-size: 24px;}
      .heading-inner h5{font-size: 16px;}
      .heading-inner h4{font-size: 20px;}
      .room-short-info h2{font-size: 16px;}
      .heading-inner h3{font-size: 24px; padding-bottom: 0px;}
      .paragraph-block p{line-height: 20px; margin-bottom: 8px;}
      .service-btn-group .box-heading{font-size: 18px;}

      .heading h3{font-size: 20px;}
      .testimonials p{font-size: 15px;}
      .testimonials .author-name{font-size: 17px;}
      .testimonials .sub-line{font-size: 14px;}

      .heading-inner h1{font-size: 24px; }

      section.rooms{padding-left: 15px; padding-right: 15px;}

      footer .footer-top .footer-coinfo ul li a{font-size: 16px;}
      footer .footer-bottom{font-size: 13px;}

      .footer-bottom  div.text-md-left{padding-bottom: 5px;}
      p{font-size: 14px;}

      .cont-details h3{font-size: 14px;}

      section.facilities .list-block ul li{font-size: 13px;}

      .main-footer .headquarters-info h6{font-size: 12px;}
      .main-footer .headquarters-info p{font-size: 14px;}

      .room-full-info .rfi-head h2{margin: .5rem 0px;}
      .room-full-info .rfi-head h3{font-size: 14px;}
      .room-full-info .rfi-head h4{font-size: 15px;}
      .room-full-info p{font-size: 14px;}

      section.facilities .list-block{padding: 15px;}

      .heading h4{font-size: 20px;}
      .call-btn h5{font-size: 15px;}
      .call-btn span{margin-bottom: 10px; font-size: 15px;}
      .follow-us-icon .fa{padding: 5px 7px;}

      .service-btn-group .box-heading{padding: 0px 15px;}

      .gallery .inner-links li a{font-size: 10px; padding: 5px 8px;}

    /* .overlay > img{min-height: auto;}
    .gallery-area a[data-fancybox="gallery"] img{height: auto;} */

    /* .overlay{margin-bottom: 15px;} */

    .main-banner .banner-caption h2{font-size: 24px;}

    .main-banner .banner-caption h1{font-size: 24px;}

    .packages .heading h5{font-size: 15px;}
    .packages .hotel-rates ul{margin-bottom: 0px;}
    .packages .hotel-rates ul li{font-size: 14px; margin: 4px;}
    .roomPrice-innfo p{font-size: 14px;}
    .packages .heading h3{font-size: 20px;}

    #covidmodal .modal-dialog .modal-title{font-size: 13px;}
    #covidmodal .modal-dialog h2{font-size: 12px; margin-bottom: 8px;}
    #covidmodal .modal-dialog ol li{font-size: 11px;}
    #covidmodal .modal-dialog ol{margin-bottom: 15px;}

    .logo img {max-width: 237px;}
    .logo a{margin: auto;}
  }

  @media only screen and (max-width: 992px)
  {
    section.facilities .list-block{left: 0px;}
    footer.main-footer .footer-top h5{margin-top: 1rem;}
    .main-footer .socail-footer{max-width: 100%;}
    .main-footer .socail-footer ul li{display: inline-block;}
    .main-footer .socail-footer ul li span{display: none;}
    .main-footer .footer-partner li{display: inline-block;}
    /* .main-footer .footer-partner{text-align: left;}
    .main-footer .footer-coinfo{text-align: left;} */
    .contact .cont-details{padding: 15px;}
    .contact .motif-line{display: none;}

    .rates-detail a img {max-width: 237px;}
    
  }

  @media only screen and (max-width: 380px){
    .main-footer .footer-partner li{width: 50%; float: left; min-height: 65px; margin-bottom: 15px;}
  }

  @media (min-width: 577px) and (max-width: 768px) {
    .flash-msg{font-size: 14px; padding: 10px 20px;}
    .inquiryBtn{right: -44px; top: 261px; padding: 4px 8px; font-size: 14px;}
    .inquiryBtn.bookBtn {right: -35px; top: 140px; z-index: 9999;}
    .covid-update{right: -75px; top: 70%; font-size: 16px;}

    .heading-inner h1{font-size: 22px;}
    header.main-header marquee{font-size: 14px;}
    .welcome-area-inner .heading h5{font-size: 15px;}
    .welcome-area-inner .heading h1{font-size: 18px;}
    .heading-inner h5{font-size: 15px;}
    .heading-inner h4{font-size: 22px;}
    section.rooms{padding-left: 15px; padding-right: 15px;}
    .room-short-info h2{font-size: 18px;}
    .heading-inner h3{font-size: 22px;}
    .service-btn-group .box-heading{font-size: 20px;}
    .PlacesofInterest .card .card-text{font-size: 14px;}
    .heading h3{font-size: 20px;}
    .testimonials p{font-size: 16px;}
    .testimonials .author-name{font-size: 18px;}
    .testimonials .sub-line{font-size: 15px;}
    section.royal-weddings img{width: 100%;}

    .footer-bottom  div.text-md-left{padding-bottom: 10px;}
    p{font-size: 15px;}
    .btn{font-size: 13px; padding: 5px 10px;}

    .room-full-info .rfi-head h2{font-size: 18px; margin: 8px 0px;}
    .room-full-info .rfi-head h3{font-size: 15px;}
    .room-full-info .rfi-head h4{font-size: 15px;}
    .room-full-info p{font-size: 14px;}

    section.facilities .list-block{padding: 15px;}
    section.facilities .list-block h4{font-size: 15px;}
    section.facilities .list-block ul li{font-size: 14px;}

    .heading h4{font-size: 22px;}
    .call-btn span{margin-bottom: 10px; font-size: 16px;}
    .follow-us-icon .fa{padding: 6px 10px;}

    .main-footer .headquarters-info p{font-size: 15px;}
    footer .footer-top .footer-coinfo ul li a{font-size: 17px;}

    /* .overlay{margin-bottom: 15px;} */
    .gallery .inner-links li a{font-size: 11px; padding: 7px 14px;}

    .main-banner .banner-caption h2{font-size: 28px;}

    .main-banner .banner-caption h1{font-size: 28px;}

    .packages .heading h3{font-size: 21px;}
    .roomPrice-innfo p{font-size: 15px;}
    .packages .heading h5{font-size: 16px;}
    .packages .hotel-rates ul li{font-size: 15px;}

    #covidmodal .modal-dialog .modal-title{font-size: 14px;}
    #covidmodal .modal-dialog h2{font-size: 13px; margin-bottom: 8px;}
    #covidmodal .modal-dialog ol li{font-size: 12px;}
    #covidmodal .modal-dialog ol{margin-bottom: 15px;}
  }

  @media (min-width: 768px) and (max-width: 992px) {
    .flash-msg{padding: 10px 15px;}
    .cont-details h3{font-size: 16px;}
    .cont-details p{font-size: 15px;}
    section.cont-details a{font-size: 13px;}

    header.main-header marquee{font-size: 15px;}
    .welcome-area-inner .heading h5{font-size: 18px;}
    .welcome-area-inner .heading h1{font-size: 24px;}
    .heading-inner h5{font-size: 18px;}
    .heading-inner h4{font-size: 28px;}
    section.rooms p{padding-left: 15px; padding-right: 15px;}
    .room-short-info h2{font-size: 20px;}
    .heading-inner h3{font-size: 28px;}
    .service-btn-group .box-heading{font-size: 22px;}
    .PlacesofInterest .card .card-text{font-size: 16px;}
    .heading h3{font-size: 22px;}
    .testimonials p{font-size: 17px;}
    .testimonials .author-name{font-size: 19px;}
    .testimonials .sub-line{font-size: 16px;}

    .heading-inner h1{font-size: 24px;}

    .room-full-info .rfi-head h2{font-size: 22px;}
    .room-full-info .rfi-head h3{font-size: 15px;}
    .room-full-info .rfi-head h4{font-size: 15px;}

    section.facilities .list-block h4{font-size: 1rem;}
    section.facilities .list-block ul li{font-size: 15px;}

    .room-full-info .r_facilities h4{font-size: 16px;}
    .room-full-info .r_facilities ul li{font-size: 15px;}

    .heading h4{font-size: 24px;}
    .call-btn span{font-size: 17px;}
    .follow-us-icon .fa{padding: 6px 9px;}

    .main-banner .banner-caption h2{font-size: 32px;}

    .main-banner .banner-caption h1{font-size: 32px;}
    .packages .heading h3{font-size: 22px;}
    .roomPrice-innfo p{font-size: 1rem;}
    .packages .heading h5{font-size: 17px;}
    .packages .hotel-rates ul li{font-size: 1rem;}

    #covidmodal .modal-dialog .modal-title{font-size: 15px;}
    #covidmodal .modal-dialog h2{font-size: 14px; margin-bottom: 8px;}
    #covidmodal .modal-dialog ol li{font-size: 13px;}
    #covidmodal .modal-dialog ol{margin-bottom: 15px;}
  }

/*Custom CSS*/
@media screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
  .btn {
    font-size: 0.7rem;
  }
  .desktop-hide {
    display: block;
  }
  .mobile-hide {
    display: none;
  }
  header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .main-slider {
    /*margin-top: 60px;*/
  }
  .welcome-area-inner {
    padding: 0 0 50px;
  }
  .heading-inner h2 {
    font-size: 24px;
  }
  .motif-line img, .motif-icon img {
    max-width: 35%;
  }
  .royal-weddings .pr-4 {
    padding-right: 0 !important;
  }
  .royal-weddings .img {
    padding: 10px 0 0 10px;
  }
  .video {
    padding: 0 0 5px 5px;
  }
  .video video {
    margin-left: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .room-arrow .owl-nav button {
    opacity: 1;
  }
  .room-full-info .btn-set .btn {
    padding: 5px 20px;
  }
  .single-room-facilities {
    padding: 20px;
  }
  .room-full-info .single-room-facilities ul li {
    width: 50%;
    font-size: 12px;
  }
  .room-full-info .single-room-facilities ul li img {
    max-width: 25px;
  }
  .more-info .bg-cream {
    padding: 20px !important;
  }
  .page-banner {
    margin-top: 90px;
  }
  .topic-blocks {
    margin-top: 60px !important;
  }
  .topic-blocks h3 {
    font-size: 18px;
  }
  .gallery-area a[data-fancybox="gallery"] img {
    min-height: 140px;
    height: 140px;
  }
  .blog-sec .card .card-text {
    font-size: 15px;
  }
  .single-post-left .heading-inner h1 {
    font-size: 20px;
  }
  .page-content h2 {
    font-size: 20px;
  }
  .page-content h3 {
    font-size: 18px;
  }
  .page-content h4 {
    font-size: 16px;
  }
  .cont-details p {
    margin-bottom: 8px;
  }
  .paragraph-block.pl-3 {
    padding-left: 0 !important;
  }
  .paragraph-block h4 {
    font-size: 18px;
    text-align: initial;
  }
}

/*End Custom CSS*/