body {
    font-family: "Hanken Grotesk", sans-serif;
    font-weight:400 ;
    font-size: 15px;
}
.new-table{
    font-size: 17px;
    font-weight: 500;
}

.top-image{
	background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 583px;
    background-size: cover;
}
body{
	background-color: #fff;
}
.frist-nav .active{
	color: #fff !important;
    background-color: #343a40 !important;
    border-radius: 30px !important;
}
#sub_menu  .active:hover{
    color: #fff !important;
}
#sub_menu .active{
    color: #fff !important;
    background-color: #343a40 !important;
    border-radius: 30px !important;
    padding: 7px !important;
}
.frist-nav  .active:hover{
    color: #fff !important;
}
.night-font{font-size: 27px;}
.adult-colo{color: #616161bf} 

.newtop-image{
background-position: bottom;
background-repeat: no-repeat;
display: block;
width: 100%;
height: auto;
background-size: contain;
}
.top-text{
    width: 37%;
    text-align: left;
    float: right;
    vertical-align: middle;
    position: relative;
    top: 37%;
    color: #ffffffbf !important;
}
.gallery-item {
    margin-bottom: 15px;
}
.gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.overview_block{
    display: block;
    overflow: auto;
    height: 320px;
}
.gallery_newitem{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 380px !important;
}
.gallery_secitem{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 181px;
}
.park_imgadjust{
    margin-left: 9%;
    width: auto !important;
}
.parknew_item{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;width: 100%;
    height: 210px;
}
.day_tabs{
    color: #21252996 !important;
    background-color: #989c9f4a !important;
    border-radius: 30px !important;
}
.par_def{
    display: block;
    overflow: auto;
    height: 366px;
}
.ellipse {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-ellipse{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.travel-ellipse{
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
li a {
    color: black !important;
}
.down{
    text-decoration: none;
    font-size: 27px;
    color: black;
}
.normal-footer{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
}
.footer-pro{
    background-color: #fff;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 28%;
    height: 125px; 
    background-size: cover; 
    background-position: center;
    float: right;
}
.njfoo{
   width: 100% !important;
}
.map{
    background-color: #8080802e;
}
.iti_park{
    position: absolute;
    left: unset; 
    width: 74%;
    display: block;left: 35%;
}
.iti-left{
        right: 98% !important;
    }
.iti-right{
    left: 100% !important;
}
.agentLogo{
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 7%;
    height: 110px; 
    background-size: cover; 
    background-position: center; 
    float: left; 
    margin: 1% 0 0 3%; 
    position: relative; z-index: 2;
}
.top-card{
    height: 580px !important;
}
.room-imghei{
    height: 50% !important;
}
.new-top{
    height: 98%;
}
.nav-iti-right,
.nav-iti-left{
    display: none !important;
}
.moblie-table{
   display: none !important;
}
.desk-table{
  display: table; !important;
}
.download-btn{
    top: 86%;
    position: absolute;
    right: 11px;
}
.desti{
    margin-top: 5% !important;
}
.pat-mar{
    margin-top: 3rem !important;
}
.hot-over{
    font-size: 27px !important;
}
.addon-font{
    font-size: 22px;
}
.rout-height{
    display: block;
    height:280px;
    overflow: auto;
}
.iti-height{
    height:350px;
}
.iti-days{
    display: block;
    overflow: auto;
    height: 300px;;
}
.newr{
    padding-top: 7px;
    padding-bottom: 0px;
    width: auto;
    text-align: center;
}
.new-scrollDiv{
    top: 0px;
    width: 90%;
    height: 4rem;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    padding-left: 7px;
    margin-bottom: 10px;
    display: flow-root;
}
.new-scrollDiv li {
        display: inline-block;
        padding: 13px 0px 11px 0px;
        cursor: pointer;
    }
#des_leftSide{
    right: 100%;
    position: absolute;
    top: 20%;
    font-size: 30px;
    color: #0000004a;
}
#de_rightSide{
    left: 90%;
    position: absolute;
    top: 20%;
    font-size: 30px;
    color: #0000004a;
}
#des-desk{
    display: block !important;;
}
#des-mob{
    display: none !important;
}
@media (max-width: 600px) {
    .b-footer{
        height: auto !important;
    }
    .mopfooterpro{
         float: left !important;
         width: 30% !important;
    }
    .footer-margin1{
        margin: 0px 0 14px 0px !important;
    }
    .footer-margin2{
        margin-top: 8px !important;
    }
    .nefooter-pro{
        width: 50% !important;
    }
    .map-mob{
        height: auto !important;
    }
    .newtop-text{
        width: auto !important;
        text-align: left;
        float: right;
        vertical-align: middle;
        position: relative;
        top: 25%;
        color: #ffffffbf !important;
    }
    .park-width{
        width: 145% !important;
    }
    .over{
        display: block;
        overflow: auto;
    }
    .iti_park{
       position: static !important;
       width: 100%;
    }
    .iti-left{
        right: 91% !important;
    }
    .iti-right{
        left: 89% !important;
    }
    .scrollDiv{
        padding-left: 0px !important;
        width: 85% !important;
    }
    .scrollDiv li {
        padding: 13px 9px 11px 0 !important;
        margin: -7px !important;
    }
    .agentLogo{
        width: 21% !important;
    }
    .top-scrollDiv {
        top: 0px;
        width: 90%;
        height: 4rem;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        white-space: nowrap;
        padding-left: 7px;
        margin-bottom: 10px;
        display: flow-root;
    }
    .top-scrollDiv li {
        display: inline-block;
        padding: 13px 18px 11px 10px;
        cursor: pointer;
    }
    .nav-iti-right,
    .nav-iti-left{
        display: block !important;
    }
    .nav-iti-left{
        right: 93%;
        top: 17% !important;
    }
    .nav-iti-right{
        right: 0;
        top: 15% !important;
    }
    .night-font{
        font-size: 18px !important;
    }
    .top-card{
       height:auto !important;
   }
   .travel_img{
       height: 200px !important;
       background-size: cover !important;
   }
   .guest-table{
        table-layout: fixed;
   }
   .moblie-table{
    display: table !important;
   }
   .desk-table{
    display: none !important;
   }
   .gallery_newitem{
    height: 380px !important;
   }
   .download-btn{
        top: 91% !important;
   }
   .desti{
       margin-top: 19% !important;
   } 
   .pat-mar{
        margin-top: 0 !important;
   }
   .park-over{
        margin-top: 10%;
   }
   .hot-over{
    font-size: 25px !important;
   }
   .addon-font{
    font-size: 18px !important;
   }
   .table-left{
    padding-left: 7% !important;
   }
   .map-height{
        height: 500px !important;
   }
   .rout-height{
      height:auto !important;
   }
   .iti-height{
    height: auto !important;
   }
   .iti-days{
        height: auto !important;
    }
    .colum{
        padding-left: 0 !important;
        margin: -4% 0 -9% 0 !important;
    }
    .newr{
        width: auto !important;
    }
    #sub_menu .active {
        padding: 0px !important;
    }
    .new-scrollDiv{
        width: 82% !important;
        margin: 0 0 0 36px;
    }
    #des_leftSide{
        right: 86% !important;
    }
    .des-desk{
    display: none !important;;
    }
    .des-mob{
        display: block; !important;
    }
    #de_rightSide{
        left:90% !important;
    }
    .new-margin
    {
        margin-left: 3%;
    }
}