#wrap-page{position:relative;overflow-x:scroll;overflow-y:hidden;transition:all .5s ease;scroll-behavior:smooth;background-image:url(../images/uon-luon.svg);background-repeat:no-repeat;background-size:100%;background-position:center 80%;padding:0;}
#wrap-page .container-full{display:flex;height:100%;align-items:center;flex-direction:column;}
a.room-booking-btn{color:white;text-decoration:none;font-weight:500;text-align:center;border:1px solid;display:block;padding:10px;border-radius:50px;transition:all .3s;}
a.room-booking-btn:hover{background-color:var(--main-color);}
header{z-index:2;}
.slider-area{position:relative;left:50px;white-space:nowrap;display:flex;height:100%;align-items:center;}
.slider-area img{margin-right:50px;height:45vh;}
::-webkit-scrollbar{width:4px;height:10px}
::-webkit-scrollbar-thumb{background:#000;border-radius:20px;height:10px}
::-webkit-scrollbar-thumb:hover{background:#555;}
.nav-scrolling span{position:absolute;top:0;bottom:0;max-width:100px;width:100%;height:45px;background-image:url(../images/Arrow.svg)!important;margin:auto;background-repeat:no-repeat!important;cursor:pointer;background-position:center;}
.prev-btn{left:50px;transform:rotate(180deg);background-position: right !important;}
.next-btn{right:50px;background-position: right !important;}
.nav-scrolling{position:fixed;top:0;bottom:0;margin:auto;width:100%;height:40px;}
footer#footer{z-index:2;}
#explore-dalat h1.page-title{position:fixed;z-index:1;top:15%;}
@media screen and (min-width:769px) and (max-width:1920px){
    a.room-booking-btn{border:0.0521vw solid;padding:0.7813vw;border-radius:2.6042vw;}
    .slider-area{left:2.6042vw;}
    .slider-area img{margin-right:2.6042vw;}
    ::-webkit-scrollbar{width:0.2083vw;height:0.5208vw;}
    ::-webkit-scrollbar-thumb{border-radius:2.6042vw;height:1.0417vw;}
    .nav-scrolling span{max-width:5.2083vw;height:2.0833vw;}
    .prev-btn{left:2.6042vw;}
    .next-btn{right:2.6042vw;}
    .nav-scrolling{height:1.5625vw;}
}
@media screen and (max-width:768px){
    #wrap-page .container-full{display:block;}
    #wrap-page{height:auto!important;overflow-x:hidden;overflow-y:auto;padding-top:75px;padding-left:20px;padding-right:20px;}
    .slider-area{display:block;left:0;white-space:unset;}
    .nav-scrolling{display:none;}
    .slider-area img{height:auto;margin:0!important;width:100%;}
    #explore-dalat h1.page-title{position:relative;}
    #footer{position:relative;}
    .wrap-gallery-item{margin-bottom:15px;}
}