/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width:384px) and (max-width:1080px) {
    nav{
        position:fixed;
        height:100vh;
        width:70%;
        background-color:#ffffff;
        left:0px;
        top:0px;
        padding: 15px;
    }
    .m-display{
        display:none !important;
    }
    .vision-miss {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.vision-miss .head {
    font-size: 40px;
    line-height: 50px;
}
.mlrp {
    padding: 10px 20px;
    width: 100%;
}
.badge-name {
    margin-top: 20px;
}
.wh-left li {
    text-align: center;
    padding: 25px 25px 25px 0px;
}
.wh-right li{
    text-align:center;
}
.round-number {
    display: none;
}
.common-box .head {
    font-size: 30px;
    line-height: 35px;
}
.gallery a {
    width: 100%;
}
.filter a {
     display: inline-block;
    margin: 4px;
}
.common-box{
    text-align:center;
}
.call-now {
    width: 88%;
}
.form-box {
    padding: 30px;
}
.pro-img {
    height: 140px;
}
.about-foot {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 20px 0px;
}
.footer-head {
    text-align: center;
}
.foot-x-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.footer-head {
    margin-top: 20px;
}
.list-add {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.list-add li i {
    position: relative;
    margin-right: 10px;
}
.social-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
}
.slider-txt .head {
    font-size: 40px;
    line-height: 50px;
    padding: 24% 5% 0% 5%;
}
.slider-txt .sub-head {
    font-size: 14px;
    padding: 1% 5% 0% 5%;
}
.slider-txt .text-left {
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    margin-bottom:20px;
}
.slider-txt .text-right{
    text-align:center;
}
.slider-txt {
    top: 13%;
}
.mobile-btn-just{
    padding:10px 25px;
    font-size:20px;
}
.brand-logo {
    height: auto;
    width:60%;
}
.header-box {
    left: 3%;
    right: 3%;
    top: 2%;
    z-index:25;
}
.main-nav-link {
    display: block;
}
.main-nav-item {
    float: left;
    width:100%;
}
.new-height-list-footer{
    height:0px;
}
.main-nav-link {
    display: block;
    padding: 15px 15px;
    transition: all 0.5 ease-in-out;
}
.sub-menu {
    position: relative;
    width: 100%;
}
.sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 0%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    transition: .5s ease-in-out;
    display:none;
    padding: 20px;
    box-shadow:none;
    
}
#mobile-menu{
    display:none;
}
.mv-name {
    position: relative;
    text-align: center;
}
.mv-round-circal {
    left: 27%;
}
.mv-body{
    text-align: center;
    margin:20px 0px;
}
.header-txt {
    padding: 121px 0px 32px 0px;
    font-size: 40px;
    text-align:center;
}
.gallery-list li {
    width: 22%;
    padding: 3px;
}
.sub-sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 102%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    left: 0px;
    top: 0px;
    transition: .5s ease-in-out;
    opacity: 0; 
    padding: 20px;
    display:none;
    transition: opacity 0.5s, transform 0.5s, visibility 0.5s ease-in-out;
}
.sall-box {
     margin: 10px 0px;
}
.amenity-list li {
    width: 50%;
}
.d-display{
    display:block !important;
}
.get-touch-mobile{
    position:fixed;
    bottom:3%;
    left:3%;
    right:3%;
    text-align:center;
    z-index:25;
}
.footer-two {
    padding: 20px 10px 85px 10px;
}
.news-img{
    height: 175px;
}
.news-img-2{
   height: 175px; 
}
.small-txt h4 {
    font-weight: 700;
    font-size: 20px;
}

}


/* Medium devices (tablets, 601px–1024px) */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    nav{
        position:fixed;
        height:100vh;
        width:70%;
        background-color:#ffffff;
        left:0px;
        top:0px;
        padding: 15px;
    }
    .m-display{
        display:none !important;
    }
    .vision-miss {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.vision-miss .head {
    font-size: 40px;
    line-height: 50px;
}
.mlrp {
    padding: 10px 20px;
    width: 100%;
}
.badge-name {
    margin-top: 20px;
}
.wh-left li {
    text-align: center;
    padding: 25px 25px 25px 0px;
}
.wh-right li{
    text-align:center;
}
.round-number {
    display: none;
}
.common-box .head {
    font-size: 30px;
    line-height: 35px;
}
.gallery a {
    width: 100%;
}
.filter a {
     display: inline-block;
    margin: 4px;
}
.common-box{
    text-align:center;
}
.call-now {
    width: 88%;
}
.form-box {
    padding: 30px;
}
.pro-img {
    height: 140px;
}
.about-foot {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 20px 0px;
}
.footer-head {
    text-align: center;
}
.foot-x-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.footer-head {
    margin-top: 20px;
}
.list-add {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.list-add li i {
    position: relative;
    margin-right: 10px;
}
.social-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
}
.slider-txt .head {
    font-size: 40px;
    line-height: 50px;
    padding: 24% 5% 0% 5%;
}
.slider-txt .sub-head {
    font-size: 14px;
    padding: 1% 5% 0% 5%;
}
.slider-txt .text-left {
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    margin-bottom:20px;
}
.slider-txt .text-right{
    text-align:center;
}
.slider-txt {
    top: 13%;
}
.mobile-btn-just{
    padding:10px 25px;
    font-size:20px;
}
.brand-logo {
    height: auto;
    width:60%;
}
.header-box {
    left: 3%;
    right: 3%;
    top: 2%;
    z-index:25;
}
.main-nav-link {
    display: block;
}
.main-nav-item {
    float: left;
    width:100%;
}
.new-height-list-footer{
    height:0px;
}
.main-nav-link {
    display: block;
    padding: 15px 15px;
    transition: all 0.5 ease-in-out;
}
.sub-menu {
    position: relative;
    width: 100%;
}
.sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 0%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    transition: .5s ease-in-out;
    display:none;
    padding: 20px;
    box-shadow:none;
    
}
#mobile-menu{
    display:none;
}
.mv-name {
    position: relative;
    text-align: center;
}
.mv-round-circal {
    left: 27%;
}
.mv-body{
    text-align: center;
    margin:20px 0px;
}
.header-txt {
    padding: 121px 0px 32px 0px;
    font-size: 40px;
    text-align:center;
}
.gallery-list li {
    width: 22%;
    padding: 3px;
}
.sub-sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 102%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    left: 0px;
    top: 0px;
    transition: .5s ease-in-out;
    opacity: 0; 
    padding: 20px;
    display:none;
    transition: opacity 0.5s, transform 0.5s, visibility 0.5s ease-in-out;
}
.sall-box {
     margin: 10px 0px;
}
.amenity-list li {
    width: 50%;
}
.d-display{
    display:block !important;
}
.get-touch-mobile{
    position:fixed;
    bottom:3%;
    left:3%;
    right:3%;
    text-align:center;
    z-index:25;
}
.footer-two {
    padding: 20px 10px 85px 10px;
}
.news-img{
    height: 175px;
}
.news-img-2{
   height: 175px; 
}
.small-txt h4 {
    font-weight: 700;
    font-size: 20px;
}
}
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 390px)
  and (orientation: portrait) {
      nav{
        position:fixed;
        height:100vh;
        width:70%;
        background-color:#ffffff;
        left:0px;
        top:0px;
        padding: 15px;
    }
    .m-display{
        display:none !important;
    }
    .vision-miss {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.vision-miss .head {
    font-size: 40px;
    line-height: 50px;
}
.mlrp {
    padding: 10px 20px;
    width: 100%;
}
.badge-name {
    margin-top: 20px;
}
.wh-left li {
    text-align: center;
    padding: 25px 25px 25px 0px;
}
.wh-right li{
    text-align:center;
}
.round-number {
    display: none;
}
.common-box .head {
    font-size: 30px;
    line-height: 35px;
}
.gallery a {
    width: 100%;
}
.filter a {
     display: inline-block;
    margin: 4px;
}
.common-box{
    text-align:center;
}
.call-now {
    width: 88%;
}
.form-box {
    padding: 30px;
}
.pro-img {
    height: 140px;
}
.about-foot {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 20px 0px;
}
.footer-head {
    text-align: center;
}
.foot-x-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.footer-head {
    margin-top: 20px;
}
.list-add {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.list-add li i {
    position: relative;
    margin-right: 10px;
}
.social-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
}
.slider-txt .head {
    font-size: 40px;
    line-height: 50px;
    padding: 24% 5% 0% 5%;
}
.slider-txt .sub-head {
    font-size: 14px;
    padding: 1% 5% 0% 5%;
}
.slider-txt .text-left {
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    margin-bottom:20px;
}
.slider-txt .text-right{
    text-align:center;
}
.slider-txt {
    top: 13%;
}
.mobile-btn-just{
    padding:10px 25px;
    font-size:20px;
}
.brand-logo {
    height: auto;
    width:60%;
}
.header-box {
    left: 3%;
    right: 3%;
    top: 2%;
    z-index:25;
}
.main-nav-link {
    display: block;
}
.main-nav-item {
    float: left;
    width:100%;
}
.new-height-list-footer{
    height:0px;
}
.main-nav-link {
    display: block;
    padding: 15px 15px;
    transition: all 0.5 ease-in-out;
}
.sub-menu {
    position: relative;
    width: 100%;
}
.sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 0%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    transition: .5s ease-in-out;
    display:none;
    padding: 20px;
    box-shadow:none;
    
}
#mobile-menu{
    display:none;
}
.mv-name {
    position: relative;
    text-align: center;
}
.mv-round-circal {
    left: 27%;
}
.mv-body{
    text-align: center;
    margin:20px 0px;
}
.header-txt {
    padding: 121px 0px 32px 0px;
    font-size: 40px;
    text-align:center;
}
.gallery-list li {
    width: 22%;
    padding: 3px;
}
.sub-sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 102%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    left: 0px;
    top: 0px;
    transition: .5s ease-in-out;
    opacity: 0; 
    padding: 20px;
    display:none;
    transition: opacity 0.5s, transform 0.5s, visibility 0.5s ease-in-out;
}
.sall-box {
     margin: 10px 0px;
}
.amenity-list li {
    width: 50%;
}
.d-display{
    display:block !important;
}
.get-touch-mobile{
    position:fixed;
    bottom:3%;
    left:3%;
    right:3%;
    text-align:center;
    z-index:25;
}
.footer-two {
    padding: 20px 10px 85px 10px;
}
.news-img{
    height: 175px;
}
.news-img-2{
   height: 175px; 
}
.small-txt h4 {
    font-weight: 700;
    font-size: 20px;
}

}


/* Medium devices (tablets, 601px–1024px) */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    nav{
        position:fixed;
        height:100vh;
        width:70%;
        background-color:#ffffff;
        left:0px;
        top:0px;
        padding: 15px;
    }
    .m-display{
        display:none !important;
    }
    .vision-miss {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.vision-miss .head {
    font-size: 40px;
    line-height: 50px;
}
.mlrp {
    padding: 10px 20px;
    width: 100%;
}
.badge-name {
    margin-top: 20px;
}
.wh-left li {
    text-align: center;
    padding: 25px 25px 25px 0px;
}
.wh-right li{
    text-align:center;
}
.round-number {
    display: none;
}
.common-box .head {
    font-size: 30px;
    line-height: 35px;
}
.gallery a {
    width: 100%;
}
.filter a {
     display: inline-block;
    margin: 4px;
}
.common-box{
    text-align:center;
}
.call-now {
    width: 88%;
}
.form-box {
    padding: 30px;
}
.pro-img {
    height: 140px;
}
.about-foot {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 20px 0px;
}
.footer-head {
    text-align: center;
}
.foot-x-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.footer-head {
    margin-top: 20px;
}
.list-add {
    margin: 0px auto;
    padding: 0px;
    display: table;
    text-align: center;
}
.list-add li i {
    position: relative;
    margin-right: 10px;
}
.social-link ul {
    margin: 0px auto;
    padding: 0px;
    display: table;
}
.slider-txt .head {
    font-size: 40px;
    line-height: 50px;
    padding: 24% 5% 0% 5%;
}
.slider-txt .sub-head {
    font-size: 14px;
    padding: 1% 5% 0% 5%;
}
.slider-txt .text-left {
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    margin-bottom:20px;
}
.slider-txt .text-right{
    text-align:center;
}
.slider-txt {
    top: 13%;
}
.mobile-btn-just{
    padding:10px 25px;
    font-size:20px;
}
.brand-logo {
    height: auto;
    width:60%;
}
.header-box {
    left: 3%;
    right: 3%;
    top: 2%;
    z-index:25;
}
.main-nav-link {
    display: block;
}
.main-nav-item {
    float: left;
    width:100%;
}
.new-height-list-footer{
    height:0px;
}
.main-nav-link {
    display: block;
    padding: 15px 15px;
    transition: all 0.5 ease-in-out;
}
.sub-menu {
    position: relative;
    width: 100%;
}
.sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 0%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    transition: .5s ease-in-out;
    display:none;
    padding: 20px;
    box-shadow:none;
    
}
#mobile-menu{
    display:none;
}
.mv-name {
    position: relative;
    text-align: center;
}
.mv-round-circal {
    left: 27%;
}
.mv-body{
    text-align: center;
    margin:20px 0px;
}
.header-txt {
    padding: 121px 0px 32px 0px;
    font-size: 40px;
    text-align:center;
}
.gallery-list li {
    width: 22%;
    padding: 3px;
}
.sub-sub-menu {
    background-color: #ffffff;
    position: relative;
    top: 102%;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    left: 0px;
    top: 0px;
    transition: .5s ease-in-out;
    opacity: 0; 
    padding: 20px;
    display:none;
    transition: opacity 0.5s, transform 0.5s, visibility 0.5s ease-in-out;
}
.sall-box {
     margin: 10px 0px;
}
.amenity-list li {
    width: 50%;
}
.d-display{
    display:block !important;
}
.get-touch-mobile{
    position:fixed;
    bottom:3%;
    left:3%;
    right:3%;
    text-align:center;
    z-index:25;
}
.footer-two {
    padding: 20px 10px 85px 10px;
}
.news-img{
    height: 175px;
}
.news-img-2{
   height: 175px; 
}
.small-txt h4 {
    font-weight: 700;
    font-size: 20px;
}
}