@media(max-width:1400px){
    .my-container{
        max-width: 1200px;        
        margin: 0 auto;
    }  
    .nav-links li {
        padding: 0px 10px;
    }
}
@media(min-width: 1200px)
{
/* .container {
    max-width: 1240px!important;
} */
}
@media(max-width:1300px){
    
    /* .logo-section {       
        height: 140px;
        width: 350px;
    } */
    .flex-logo {        
        width: 90%;
        top:0;
    }
    .nav-links li {
        padding: 0 5px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
       display: none;
    }
    
    
}
@media(max-width:1200px){ 
    .below-anouncement .content {        
        padding: 30px 40px 0px 60px;
    }
    .second-sec .inner-bg {         
        top: -9%;
        width: 100%;
    }
    .my-container {
        max-width: 1024px;
    }
    .neighbour-section .contetnt {
        padding: 50px 30px;
    }
    .flex-logo {        
        left: 5%;
    }
    /* .logo-section {
        height: 120px;
        width: 350px;
    } */
    .flex-logo {
        width: 95%;
        top: 0;
    }
    .logo-content p {        
        padding: 0 10px;
    }
    .nav-links{        
        padding-right: 5px;        
    }  
  
}


@media(max-width:1024px){
    .guest-info-additional .col ,.book-room-bg .col{
  flex-basis: auto;
    }
    .donation-otp-form {
        margin: auto 0;
        width: 100%;
    }
    .personal-info-last-grid {
        padding-top: 5px;
    }
    .side-section-bgcolor {       
        width: 100%!important;        
    }
    .full-width-banner .container {
        max-width: 100%;
        width: 100%;
    }
    .img-full-width {
        padding: 0!important;
    }
    .pt-30-formob{
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    .full-width-banner .container .col-md-12 {
        padding: 0;
    }
    .subpage-content {
        padding-bottom: 50px;
    }
  .side-about {
        padding: 0!important;
    }
    .sub-banner-logic {
        padding-bottom: 0px;
    }
    .about-banner {
        margin-top: 0px;
        z-index: 0;
    }
    .mobile-content a {
        color: #fff;
    }
    .mobiel-copy{
        padding: 30px 0;
    }
    .myborder {
        border-bottom: .1px solid rgb(134, 134, 134);
        padding-top: 10px;
    padding-bottom: 20px;
    }
    .scroll-now .content{
        display: none;
    }
    .social-mobil ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .social-mobil ul li:not(:last-child) {
        padding-right: 10px;
    }
    .below-anouncement .container {
        margin-top: 0px;
    }
    .below-anouncement .heading{
        display: none;
    }
   
    .pb-400 {
        padding-bottom: 40px;
    }
    .pt-90 {
        padding: 40px 0;
    }
    .below-anouncement .content {         
        padding: 30px 35px 0px 35px;
    }
    /* .head-p {
        margin: auto 0;
        width: 100%;
        padding: 10px 15px 10px 18px;
    } */
    .mobile-header{
        display: block;
    }
    .my-container{
        max-width: 1100px;        
        margin: 0 auto;
    }
    .main-slider {        
        margin-top: 0px;
    }
    .swiper-button-next, .swiper-button-prev {     
        display: none!important;
    }
    .swiper-slide.swiper-slide-active {
        margin-left: 0%;
    }
    .header-section{
        display: none!important;
    }
    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;       
        background-image: url('../images/logo-banner.jpg');
        background-size: cover;
        width: 100%;
        padding: 10px 0;
    }
    .logo-mobile,.mobile-menu  {
        padding: 0 50px;
    }
    .below-banner-first .second-sec {
        margin-top: 20px;
        z-index: 9;
        padding: 0;
    }
  
    .mobile-responsive-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px 80px;
    }
    .close-btn img {
        width: 30px;
        color: #fff;
    }
    .mobile-main-menu {
        display:none ;
        background-color: #04354B;
        height: 100vh;
        position: absolute;
        width: 100%;
        z-index: 999;
        top: 0;
        overflow: scroll;
    }
    .mobile-responsive-header img  {
        width: 130px;
    }
    .close-btn .fa {
        color: #fff;
        font-size: 70px;
        -webkit-text-stroke: #04354b 9px;
    }

    .mobile-content {
        padding: 30px 80px;
    }
    .mobile-content ul {
        padding-left: 0;
        line-height: 35px;
    }
 
}

@media(max-width:992px){
    .my-container {
        max-width: 920px;
    }
    .below-banner-first .nav-tabs .nav-item:nth-child(2) {
        padding-left: 15px;
    }
    .inner-bg h4 {
        padding-right: 25px;
        line-height: 36px;
    }
    .head-p {
        margin: auto 0;
        width: 60%;
    }
    .main-slider .container {
        max-width: 100%;
        padding: 0;
        overflow: hidden;
    }
    .footer-section .footer-row .text-right, .footer-inner-p{
       text-align: left!important;
    }  
    .pr-00{
        padding-right: auto!important;
    } 
    .neighbour-section .contetnt {
        padding: 50px 0px;
    }
    .custom-col .gal-container {         
        padding: 0 20px;
    }
}
 
@media(max-width:768px){
     
    .footer-right{
        text-align: right;
    }
    .mobile-responsive-header img {
        width: 60px;
    }
    .mobile-responsive-header {         
        padding: 30px 40px;
    }
    .mobile-content {
        padding: 10px 40px;
    }
    .close-btn .fa {        
        font-size: 50px;      
    }
    .copy-right-container p {        
        text-align: center;
    }
    .logo-mobile img {
        width: 70px;
    }
    .copy-right-container .copy-rights {       
        justify-content: space-around;
    }
    .mobile-read{
        display: block;
        padding: 0!important;
    }
    .desktop-read{
        display: none;
    }
    .anounce-img{
        display: none;
    }
    .my-container  {
        max-width: 650px;
    }
    .pr-00, .px-00 {
        padding-right: none!important;
    }
    .second-sec .inner-bg h4 {       
        padding: 0;
    }
    .neighbour-section .contetnt {
        padding: 50px 25px 10px 25px;
    }
    .first-sec {
        padding: 10px 50px!important;
    }
    .head-p {
        margin: auto 0;
        width: 100%;
        padding: 10px 25px 10px 25px;
    }
    .adjust-img {        
        display: none;
    }

}

@media(max-width:576px){
    html{
        font-size: 85%;
    }
    .my-container {
        max-width: 420px;
    }
}