@media (max-width: 767px){
    .spec_sec ul.ul_li {
     height: auto; 
}
    .services-item .services-inner .title-block .text {
    font-size: 16px;
}
    .site-header .extend-container .main-navigation ul.extend-container li a {
    font-size: 15px;
}
    .dsn-slider-global {
    height: 40vh;
    margin-top: 20%;
}
   .title {
    font-size: 28px;
}
    .site-header .inner-header .main-logo {
    width: 170px;
}
    .site-header{
        transform: none !important;
          background-color: #fff;
    }
    .site-header .menu-icon .text-menu {
    color: #333;
    }
    body.nav-bg .site-header {
    background-color: #fff;
}
     .site-header .menu-icon .icon-m .menu-icon-line.icon-bottom{
            margin-top: -7px !important;
    }
    .site-header .menu-icon .text-menu > div{
        top: -6px;
    }
    .site-header .extend-container .main-navigation ul.extend-container > li {
    font-size: 24px;
}
    .site-header .extend-container .main-navigation{
       background-color: #fff;
    }
    .icon_sec .main-btn {
    display: block;
    margin: 0 30px; 
}
    .Amenities .services-item {
    margin: 10px 0;
    width: 50%;
}
    body .bg_sec {
    height: 30vh;
            background-attachment: unset !important;
 }
    .our-work .box-info .dsn-pagination {
    display: block;
}
    .our-work .slider-button-prev, .our-work .slider-button-next{
        width: 60px;
    }
    .slider-button-prev.slider-button-next, .slider-button-next.slider-button-next {
    left: -10px;
}
    .our-work .box-info {
    position: relative;
    padding: 0 38px;
}
}
@media (min-width: 768px) and (max-width: 991px){
     .site-header{
        transform: none !important;
          background-color: #fff;
    }
    .site-header .menu-icon .text-menu {
    color: #333;
    }
    body.nav-bg .site-header {
    background-color: #fff;
}
     .site-header .menu-icon .icon-m .menu-icon-line.icon-bottom{
            margin-top: -7px !important;
    }
    .site-header .menu-icon .text-menu > div{
        top: -6px;
    }
    .site-header .extend-container .main-navigation{
       background-color: #fff;
    }
      .dsn-slider-global {
    height: auto;
    margin-top: 13%;
}
    .dsn-slider .next-slide-box .box-img {
    height: 65%;
}
    .features {
    height: 40vh;
}
    body .bg_sec {
        background-attachment: unset !important;
        height: 40vh;
    }
      .icon_sec .main-btn {
    display: block;
    margin: 0 10px; 
}
    .services-item{
        margin: 10px 0;
    }
}

.site-header .extend-container .main-navigation {
    height: auto;
    top: 68px;
}