@media (min-width: 320px) and (max-width: 399px) {
    .hero-buttons a{
        margin-bottom: 5px;
        display: block;  
        text-align: center;  
    }
    .rooms li{
        width: 100%;
      }
      a.alink{
        padding:5px 15px;
      }
      .tourist-attraction-single img{
          height: 150px;
      }
      
.grid-item{
    width:100%;
    padding:10px;
  }
}



@media (min-width: 320px) and (max-width: 600px) {
/* mobile menu */
.site-menu,.header-quick{
    display: none;
}
.mobile-menu{
    display: block;
    float: right;
    padding-top: 15px;
}
.logo img{
    width: 50%;
}
.logo{
    padding:10px 0;
    text-align: center;
}
.quick-contact{
    display: none;
}

/* slider */
.hero-content{
    width: 100%;
}
.hero h1{
    font-size: 35px;
}

/* about */
.about{
    padding: 30px 10px 0;
}
.about-highlight li{
    width: 100%;
}
.about h2{
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 40px;
}
.about-pad{
    padding-top: 40px;
}
.about .col-lg-5 .col-lg-12,.about .col-lg-5 .col-lg-6{
    padding: 0;
}
.about .col-lg-5 .col-lg-6{
    margin-bottom: 20px;
}

/* rooms */
.rooms{
    padding: 30px 10px;
}
.rooms h3{
    font-size: 24px;
    line-height: 40px;
}
.title{
    padding:0px 10px
}
.rooms .title p,.local-experience .title p,.tourist-attraction .title p,.attraction-video .title p,
.blogs .title p {
    font-weight: 600;
    padding: 10px 10px 20px; 
}
.small-section-room{
    margin-top: 20px;
}
.small-section-room .col-lg-12,.rooms .col-lg-6{
    padding:0
}
.big-section-room img,.small-section-room img {
    height: auto;
    object-fit: contain;
}
.rooms li{
    width: 100%;
    float: none;
  }

/* local experience */
.local-experience{
    padding: 100px 10px;
}
.local-experience h4{
    font-size: 24px;
    line-height: 40px;
}
.local-experience .local-experience-list,.local-experience .col-lg-4:nth-child(2) .local-experience-list,.local-experience .col-lg-4:nth-child(2) .local-experience-list{
    margin-bottom: 20px;
    padding:10px;
}
.tourist-attraction-single{
    background-size: cover;
}

/* tourist attraction */
.tourist-attraction{
    padding: 30px 10px;
}
.tourist-attraction h3{
    font-size: 24px;
    line-height: 40px;
}

/* video attraction */
.attraction-video{
    padding: 30px 10px;
}
.attraction-video h3{
    font-size: 24px;
    line-height: 40px;
}

/* photo glimpses */
.photo-glimpses{
    padding:30px 10px !important;
}
.photo-glimpses .col-lg-3{
    margin-bottom: 20px;
}

/* blogs */
.blogs{
    padding: 30px 10px;
}
.blogs h3{
    font-size: 24px;
    line-height: 40px;
}

/* footer */
footer{
    padding: 30px 10px;
}

.place-owl .item img{
    height: 80px;
  }


 }







 @media (min-width: 601px) and (max-width: 767px) {
 /* mobile menu */
 .site-menu,.header-quick{
    display: none;
}
.mobile-menu{
    display: block;
    float: right;
    padding-top: 15px;
}
.logo img{
    width: 50%;
}
.logo{
    padding:10px 0;
    text-align: center;
}
.quick-contact{
    display: none;
}

/* slider */
.hero-content{
    width: 100%;
}
.hero h1{
    font-size: 40px;
}

/* about */
.about{
    padding: 30px 10px 0;
}
.about-highlight li{
    width: 100%;
}
.about h2{
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 40px;
}
.about-pad{
    padding-top: 40px;
}
.about .col-lg-5 .col-lg-12,.about .col-lg-5 .col-lg-6{
    padding: 0;
}
.about .col-lg-5 .col-lg-6{
    margin-bottom: 20px;
}

/* rooms */
.rooms{
    padding: 30px 10px;
}
.rooms h3{
    font-size: 24px;
    line-height: 40px;
}
.title{
    padding:0px 10px
}
.rooms .title p,.local-experience .title p,.tourist-attraction .title p,.attraction-video .title p,
.blogs .title p {
    font-weight: 600;
    padding: 10px 10px 20px; 
}
.small-section-room{
    margin-top: 20px;
}
.small-section-room .col-lg-12{
    padding:0
}

/* local experience */
.local-experience{
    padding: 100px 10px;
}
.local-experience h4{
    font-size: 24px;
    line-height: 40px;
}
.local-experience .local-experience-list,.local-experience .col-lg-4:nth-child(2) .local-experience-list,.local-experience .col-lg-4:nth-child(2) .local-experience-list{
    margin-bottom: 20px;
    padding:10px;
}

/* tourist attraction */
.tourist-attraction{
    padding: 30px 10px;
}
.tourist-attraction h3{
    font-size: 24px;
    line-height: 40px;
}

/* video attraction */
.attraction-video{
    padding: 30px 10px;
}
.attraction-video h3{
    font-size: 24px;
    line-height: 40px;
}

/* photo glimpses */
.photo-glimpses{
    padding:30px 10px !important;
}
.photo-glimpses .col-lg-3{
    margin-bottom: 20px;
}
/* blogs */
.blogs{
    padding: 30px 10px;
}
.blogs h3{
    font-size: 24px;
    line-height: 40px;
}

/* footer */
footer{
    padding: 30px 10px;
}

.place-owl .item img{
    height: 80px;
  }

 }



 @media (min-width: 768px) and (max-width:991px){
    .blogs,footer,.photo-glimpses,.attraction-video,.rooms,.tourist-attraction,.about{
        padding: 30px 10px;
    }
    .local-experience{
        padding: 50px 10px;
    }

    .mobile-menu{
        display: block;
        float: right;
        padding-top: 15px;
    }
    .logo img{
        width: 50%;
    }
    .logo{
        padding:10px 0;
        text-align: center;
    }
    .quick-contact,.site-menu{
        display: none;
    }
    .header-quick{
        background: url(../images/blackbg1.svg) no-repeat;
        background-size: cover;
    }
    .header-quick li a{
        font-size: 12px;
    }
    /* slider */
    .hero-content{
        width: 100%;
    }
    .hero h1{
        font-size: 40px;
    }
    
    /* about */
    .about{
        padding: 30px 10px 0;
    }
    .about-highlight li{
        width: 100%;
    }
    .about h2{
        padding-bottom: 20px;
        font-size: 24px;
        line-height: 40px;
    }
    .about-pad{
        padding-top: 40px;
    }
    .about .col-lg-5 .col-lg-12,.about .col-lg-5 .col-lg-6{
        padding: 0;
    }
    .about .col-lg-5 .col-lg-6{
        margin-bottom: 20px;
    }
    
    /* rooms */
    .rooms{
        padding: 30px 10px;
    }
    .rooms h3{
        font-size: 24px;
        line-height: 40px;
    }
    .title{
        padding:0px 10px
    }
    .rooms .title p,.local-experience .title p,.tourist-attraction .title p,.attraction-video .title p,
    .blogs .title p {
        font-weight: 600;
        padding: 10px 10px 20px; 
    }
    .small-section-room{
        margin-top: 20px;
    }
    .small-section-room .col-lg-12{
        padding:0
    }
    
    /* local experience */
    .local-experience{
        padding: 100px 10px;
    }
    .local-experience h4{
        font-size: 24px;
        line-height: 40px;
    }
    .local-experience .local-experience-list,.local-experience .col-lg-4:nth-child(2) .local-experience-list,.local-experience .col-lg-4:nth-child(2) .local-experience-list{
        margin-bottom: 20px;
        padding:10px;
    }
    
    /* tourist attraction */
    .tourist-attraction{
        padding: 30px 10px;
    }
    .tourist-attraction h3{
        font-size: 24px;
        line-height: 40px;
    }
    
    /* video attraction */
    .attraction-video{
        padding: 30px 10px;
    }
    .attraction-video h3{
        font-size: 24px;
        line-height: 40px;
    }
    
    /* photo glimpses */
    .photo-glimpses{
        padding:30px 10px !important;
    }
    .photo-glimpses .col-lg-3{
        margin-bottom: 20px;
    }
    /* blogs */
    .blogs{
        padding: 30px 10px;
    }
    .blogs h3{
        font-size: 24px;
        line-height: 40px;
    }
    
    /* footer */
    footer{
        padding: 30px 10px;
    }

 }
 @media (min-width: 992px) and (max-width:1000px){}



 @media (width: 1920px)  {

 }