@media(max-width:1366px){
    /* header nav .navbar-nav .nav-item {
        padding: 10px 5px 10px 1px;
    }

    header nav .navbar-nav .nav-item .nav-link {
        padding: 0px;
    } */
    /* header.sticky .container-fluid, header.sec-nav .container-fluid {
        flex-direction: row;
        padding: 0px 36px;
    } */
}

@media (max-width:768px) {
    .about-home .about-img {
    margin-top: 20px;
}

.inter-change .img .cont {
    position: absolute;
    left: 0;
    padding: 40px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7098039216);
    width: 70%;
}
.inter-change .row{
    flex-direction: column-reverse;
}
.experience-p .experience-grid {
    grid-template-columns: repeat(2, 1fr);
 
}
.nearby-places .near {
    grid-template-columns: repeat(1, 1fr);
}
header .menu-header-btns{
    display: none;
}
ul#menu-main-menu {
    flex-direction: column;
}
header.sticky nav .navbar-nav .nav-item, header.sec-nav nav .navbar-nav .nav-item {
    padding: 0px 5px;
}
.blog .main-blog {
    grid-template-columns: repeat(2, 1fr);
}
.sginup-box .newsletter-box {

    padding: 0;
}
.nearby-places .near .near-cont .inner-ul li {
  
    font-size: 15px;
    margin-bottom: 10px;
}
.banner-home .banner-content .common-heading {
    font-size: 45px;
    text-shadow: 1px 1px 1px #000;
}

.banner-home .banner-content .sub-heading {
 text-shadow: 1px 1px 1px #000;
    font-size:42px;
}
header nav .navbar-nav .nav-item {
    padding: 0px 5px;
}
.about-section .img-mains .img-style {
    position: relative;
}
.about-section .img-mains .img2 {
    
    position: absolute;
    bottom: 25px;
}
.about-section .img-mains {
    margin-bottom: 25px;
}
.experience-p .experience-grid {
   
    grid-template-columns: repeat(2, 1fr);

}
}

@media (max-width:456px) {
    .service-home .service-grid {
    grid-template-columns: repeat(1, 1fr);
}
.inter-change .img .cont {
      
        width: 100%;
    }

    .nearby-places .near .near-cont {
    padding: 25px;
}
.nearby-places .near .near-cont .inner-ul {
    
    grid-template-columns: repeat(1, 1fr);
}
.common-heading{
    font-size: 25px;
}
.sginup-box {
    padding: 60px 15px;
}
footer .footer-widget {
    padding: 50px 0 0px 0px;
}
footer .centred {
    margin-top: 45px;
}
.blog .main-blog {
    grid-template-columns: repeat(1, 1fr);
}
.experience-p .experience-grid {
    grid-template-columns: repeat(1, 1fr);
 
}
.cta .common-heading {
    
    font-size: 31px;
}
.about-home .cont {
    padding: 0px 0px;
}
.about-home .about-img {
    grid-template-columns: repeat(1, 1fr);
}
.common-space {
    padding: 55px 0;
}
.banner-home .banner-content .common-heading {
        font-size: 36px;
        text-shadow: 1px 1px 1px #000;
        line-height: 1.5;
    }
   .banner-home .owl-nav{
    display: none;
    }
    .about-section .img-mains .image-border-frame {
        left: 0;
    width: 100%;
}
.about-section .img-mains .img1 {
          left: 0;
    width: 100%;
}
.about-section .img-mains .img2 {
  
    height: auto;
    width: 50%;
}
.beard-head .bread h1 {
    font-size: 30px;
}
.room-p .room-detail .facility {
    margin-top: 30px;
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 20px;
}
.room-p .book-now-form {
    background-color: #f2f3f5;
    padding: 5%;
}
.experience-p .experience-grid {
   
    grid-template-columns: repeat(1, 1fr);

}
}