@media only screen and (max-width:1300px) {

ul.navbar-nav li a, .login-regieter a {

    color: #fff;

    border-bottom: 3px solid transparent;

    font-size: 14px;

}

}

@media only screen and (min-width:1400px) {



ul.navbar-nav li {

    margin-right: 30px;

}

.accomodation-list span.room-number{

    font-size: 170px;

}



.about-us{

padding: 90px 0 110px 0;

}

}

@media only screen and (max-width:1399px) {



ul.navbar-nav li {

    margin-right: 18px;

}

.about-us {

    padding: 70px 0 20px;

}

.about-us .h-750{

    height: 580px!important;

}

.about-image .seprater-rv {

    bottom: -17% !important;

}



.accomodation-list span.room-number{

    font-size: 120px;

}



.tgcf-banner , .mae-banner , .acco-banner , .about , .Contact , .offers{

    height: 90vh!important;

}

}



@media only screen and (min-width:768px) {

    .position-md-fixed{

        position: fixed!important;

    }



.mn-155{

    margin-right: -155px;

    max-width: 750px;

    width: 100%;

    z-index: 999;

}

.gallery-group .nav-tabs .nav-link.active:after {
content: '';
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 15px;
height: 15px;
background-color:  #ac8424;
bottom: -7.5px;
transform: rotate(-45deg);
}

.mnl-155{

    margin-left: -155px;

    max-width: 750px;

    width: 100%;

}

.page-header.is-sticky {

  position: fixed;

  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);

  animation: slideDown 0.35s ease-out;

background-color: var(--bs-dark);

}



.w-300{

    width: 300px;

}

}

@media only screen and (max-width:767px) {

.tgcf-banner , .mae-banner , .acco-banner , .about , .Contact , .offers{

    height: 225px!important;

}

.acco-banner:before {

    background: rgba(0, 0, 0, 0.4);



}  

.fs-40 {
    font-size: 1.5rem !important;
}

.dots{
width: 45px !important;
}

.dots {
    position: absolute !important;
    right: 10% !important;
    top: 4% !important;
}

#myTab .nav-link {
/*min-width: 128px;*/
margin-right: 0px;
font-size: 11px;
max-width: 60px;
width: 100%;
margin-top: 18px;

}
#myTab{
overflow-x: auto;
}
.grid img {
height: 150px;
}


.holiday {
background: url(/assets/images/acco.png);
height: 35vh !important;
width: 100% !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.holiday:before {
content: '';
height: 100% !important;
width: 100% !important;
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0px !important;
left: 0;
}
.about-us {
padding: 30px 0!important;
}
.about-us::before {
height: 100% !important;
left: 0% !important;
top: 0% !important;
}

.Holiday-text h1{
font-size: 16px !important;
}

.overlaped-img img {
    height: 210px !important;

}

.room {
   height: 30vh !important; 

}

.jungle-image {
 height: 30vh !important;
}
.mn-155 {

    margin-right: 0;

}

.fs-24 {
    font-size: 21px !important;
}

.fs-36 {
    font-size: 1.25rem !important;
}

.mnl-155 {

    margin-left: 0;

}

.dot-1 {
    position: absolute !important;
    top: 3px !important;
    left: 70% !important;
    width: 50px !important;
}

.fs-39 {
    font-size: 1.563rem !important;
}
.seprater-rh, .seprater-rv, .seprater-lv, .seprater-lh, .seprater-v, .seprater-h {

    display: none;

}

.fs-45 {

    font-size: 20px !important;

}

.welcome-caption h1 {

    font-size: 18px;

}

.welcome-caption h2 {

    line-height: 24px;

    font-size: 24px;

}

.welcome-caption p {

    font-size: 12px;

}



#mainSlider .carousel-item:before{

    display: none;

}

.logo {

    height: 65px;

}

.welcome-caption {

    opacity: 1 !important;

    transform: translateZ(0) scale(1);

}

.carousel-indicators {

    height: 112px;

    max-width: 335px;

    padding-top: 5px;

}

.dot-bg:before{

    display: none;

}

.h-500,

.h-400,

.explore-feature img {

    height: 250px;

    object-fit: cover;

}

.bg-sm-dark {

    background-color: rgb(33,37,41)!important;

}

.mob-top-section {

    background-color: #212529;

    margin-top: 0;

    position: relative !important;

    top: 0 !important;

    transform: translateY(0) !important;

}

video#Video {

    height: 33vh !important;

}

#mainSlider .carousel-item img {

    height: 225px;

    object-fit: cover;

}

#mainSlider .carousel-item {

  height: 225px;

  min-height: 225px;

}

video#george , video#george-1{

    height: 300px!important;

    border-radius: 25px!important;

}

.play-pause-btn {

    left: 40%!important;

    top: 40%!important;

}

.btn-div{

justify-content: space-between!important

}

.dark-bg:before{

    top: -10px!important;

}

.offers-cover{

    margin: 20px 0;

    background-position: initial!important;

}




}