@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.4rem 'Manrope', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: "Oswald", sans-serif; */
/* font-family: "Manrope", sans-serif; */

:root{
    --black: #000;
    --brand: #272535;
    --main_color: #c4a676;
    --body_txt_color: #111;
    --white: #fff;
    --ft_bg: #242424;
   }





em{font-style: normal;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem 0;}
.mtt{margin-top: 9rem;}
.as_btn{height: 5rem; line-height: 5rem; padding: 0 3rem; position: relative; display: inline-block; margin-top: 2.5rem; text-transform: uppercase; font-weight: 600; border-radius: .4rem; color: var(--main_color);  background: var(--brand); transition: all .3s ease-in-out; font-size: 1.4rem; letter-spacing: .2rem; text-align: center;}
.as_btn::before{content: ''; position: absolute; top: -.5rem; left: -.5rem;  right: -.5rem;  bottom: -.5rem; border-radius: .4rem; border: .1rem dotted var(--main_color); transition: all .3s ease-in-out;}
.as_btn:hover{background-color: var(--main_color); color: var(--brand);}
.sub_heding{color: var(--main_color); text-transform: uppercase; font-size: 1.4rem; line-height: 1.4rem; letter-spacing: .2rem; display: block; padding-bottom: .5rem;}
h1,h2{font-family: "Oswald", sans-serif; color: var(--black); text-transform: capitalize; font-size: 3rem; line-height: 3.5rem;}
h4{font-family: "Oswald", sans-serif; color: var(--black); text-transform: capitalize; font-size: 2.2rem; line-height: 2.8rem;}
h6{font-family: "Oswald", sans-serif; color: var(--black); text-transform: capitalize; font-size: 1.8rem; line-height: 2.2rem;}


/* top_button */
.top_btn {background: var(--brand); border-radius: .5rem; bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block;}
.top_btn i{font-size: 2rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover {bottom: .3rem; opacity: 1; color: var(--white);}

/*header*/
.header_sec{ width: 100%;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
/* .nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec{padding-right: 20rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-weight: 600; font-size: 1.7rem;}
.menu_sec li a{display: inline-block; padding-right: 3rem; color: var(--black);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--main_color);}
.nav_top .navbar-brand img{width: 30rem;} 
.header_sec .container{max-width: 100%; padding: 0 3rem;}
.menu_drawer {width: 30rem; background: var(--black); height: 100vh;  position: fixed;  left: 0;  top: 0; transform: translateX(-100%); transition: all ease 0.5s; padding: 5rem 2.5rem 1.5rem 3rem; z-index: 9999; border-right: .5rem solid var(--main_color);}
.open {transform: translateX(0%);}
.back_button{position: absolute; right: 2rem; top: 2rem; color: var(--white); cursor: pointer; font-size: 1.8rem; border: .1rem dashed #ccc; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;}   
.heder_rt{position: absolute; right: 21.7rem; top: 0;}  
.heder_rt ul li{display: inline-flex; align-items: center;}
.heder_rt ul li a{color: var(--black); display: inline-block; padding: .5rem 3rem; border-right: .1rem solid #ccc;}
.heder_rt ul li:first-child a{padding-left: 0;}
.heder_rt ul li:last-child a{padding-right: 0; border-right-color: transparent;}
.ph_top{display: inline-flex !important; align-items: center;}
.ph_top em{width: 3.5rem; height: 3.5rem; background: var(--brand); border-radius: 100%; margin-right: 1.5rem; display: flex; align-items: center; justify-content: center; color: var(--main_color);}
.heder_menu{padding: 2.5rem 0;}
.heder_top{background: var(--black); padding: 1rem 0;}
.side_menu_list li{text-transform: capitalize;}
.side_menu_list li a{display: block; border-bottom: .1rem dashed #ccc; padding: 1.5rem; color: var(--white);}
.heder_rt_btn{position: absolute; right: 0; top: 0;}
.toggle_menu{font-size: 2.2rem; cursor: pointer;}
.side_menu_list{margin-top: 5rem;}
.catagori_content{ max-height: 50rem !important; overflow-y: scroll; overflow-x: hidden; padding: 0 2rem 0 0;}
.top_lt .email_top{color: var(--white);}
.slide_gallery .portfolio_box img { height: 7rem; object-fit: cover; border-radius: .4rem;}
.slide_gallery .portfolio_link { width: 3rem; height: 3rem; right: 1rem;  top: 1rem; font-size: 1.5rem;}
.socil_list li{display: inline-block;}
.socil_list li a{width: 4rem; height: 4rem; background: var(--brand); color: var(--main_color); display: flex; align-items: center; justify-content: center; border-radius: 100%;  margin: 2rem .5rem 0 0;}
.socil_list li a:hover{background: var(--main_color); color: var(--brand);}
.socil_list li:last-child a{margin-right: 0;}
.heder_top .d-flex{align-items: center; justify-content: space-between; position: relative;}
.heder_top .d-flex .socil_list li a {margin: 0 1rem 0 0; width: 3rem; height: 3rem; background: var(--brand); color: var(--main_color); border-color: transparent;}
.heder_top .d-flex .socil_list li{font-size: 1.4rem;}
.socil_txt{color: var(--white); text-transform: capitalize; margin-right: 1.5rem;}
.add_txt b{color: var(--main_color); display: inline-block; padding-right: .8rem; text-transform: capitalize;}
.add_txt{color: var(--white);}
.header_sec.fixed{box-shadow: 0 0 .7rem 0 #ccc; position: fixed; left: 0; top: 0; z-index: 9999; background: var(--white);}
.header_sec.fixed .heder_top{display: none;}
.heder_rt_btn .as_btn span{display: none;}


   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 30rem 0;}
.bannersec  .carousel-control-prev, .bannersec .carousel-control-next{top: 50%; bottom: inherit; opacity: 1; width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.5);}
.bannersec  .carousel-control-prev{left: 2rem;}
.bannersec .carousel-control-next{right: 2rem;}




/* .banner_frm_sec */
.banner_frm{margin-top: -20.8rem; position: relative;}
/* .banner_frm_content{box-shadow: 0 0 2rem .3rem rgba(0, 0, 0, 0.05); padding: 2rem 2rem .5rem 2rem; background: var(--white);  position: relative; z-index: 1; border-radius: .5rem;} */
.banner_frm_content{background: #272535; backdrop-filter: blur(6px); box-shadow: 0px 10px 24px 0px rgba(0,0,0,.2); padding: 2rem 2rem .5rem 2rem; border-radius: .5rem;}
/* .ban_frm_row{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -.5rem;}
.ban_frm_box{width: 16.66666667%; padding: 0 .5rem;} */
/* .banner_para{color: rgba(255,255,255,.7); text-align: left; position: relative; font-size: 1.8rem;} */
.frm_label_txt{color: var(--white); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative;}
.banner_content{position: relative;}
.banner_frm .input_fld input[type="date"]{background: var(--white);}
.banner_frm .as_btn{background: var(--main_color); color: var(--brand); height: 4rem; line-height: 4rem;}
.banner_frm .as_btn:hover{background: var(--white); color: var(--black);}
.banner_frm .input_fld input[type="date"]{height: 4rem;}


/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld input[type="date"]::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
/* .input_fld button{border: none;} */
/* .search_box .input_fld button a{color: #555 !important;} */
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 1.5rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}
.quantity_box{width: 100%; display: inline-block; border: .1rem solid #b6b5b5; overflow: hidden; border-radius: 1rem;}
.quantity_box .quantity{ position: relative; margin: auto;}
.quantity_box .quantity-nav {line-height: 4rem;}
.quantity_box .quantity-button {background: var(--white); color: #464646;  width: 3.3rem; height: 4rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0;}
.quantity_box .quantity-up {left: 0; border-right: .1rem solid #b6b5b5;}
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before{content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.5rem;}
.quantity_box .quantity-down {right: 0; border-left: .1rem solid #b6b5b5;}
.quantity_box .quantity-down::before{content: "\f068";}
.quantity input[type="number"]{outline: none;  color: #464646; height: 4rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem;}
.input_fld button{border: none;}



/* portfolio_page */
.portfolio_box{position: relative; margin-top: 2rem; overflow: hidden;}
/* .portfolio_box img{height: 29rem; object-fit: cover; border-radius: .8rem;} */
.portfolio_img img{height: 60rem !important; object-fit: cover;}
.our_portfolio .row:nth-child(2n){flex-direction: row-reverse;}
.portfolio_content{position: absolute; width: 100%; height: 100%; top: 0; right: 0;}
.portfolio_link{width: 4rem; height: 4rem; background: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: 2rem; transition: 0.5s; border-radius: 100%; opacity: 0; visibility: hidden; font-size: 2rem; color: var(--brand); z-index: 9;}
.portfolio_link::before{content: ""; position: absolute; left: -.5rem; right: -.5rem; top: -.5rem; bottom: -.5rem; border: .2rem dotted var(--white); border-radius: 100%;}
.portfolio_info{position: absolute; bottom: 2rem; left: 2rem; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9;}
.portfolio_subtitle{font-size: 1.4rem; color: var(--white); margin-bottom: .7rem; letter-spacing: .1rem; text-transform: uppercase;}
.portfolio_subtitle span{color: var(--white);}
.portfolio_title{color: var(--white); font-size: 3rem;}
.portfolio_title a{color: var(--white);}
.portfolio_content:hover::before{opacity: 0.9; visibility: visible;}
.portfolio_content:hover .portfolio_link{opacity: 1; visibility: visible; color: var(--brand);}
.portfolio_content:hover .portfolio_info{opacity: 1; visibility: visible; bottom: 4.5rem;}
.portfolio_subtitle span img{width: 2rem !important; height: auto !important; margin-right: 1rem;}
.portfolio_box::before{content: ""; position: absolute; right: -21%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 32rem; height: 100rem; background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-right: -6rem; z-index: 1; pointer-events: none; border-radius: .8rem;}
.portfolio_box::after{content: ""; position: absolute; right: 32%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 25rem; height: 95rem; background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-right: -9rem; pointer-events: none; border-radius: .8rem;}
.portfolio_box:hover::before{opacity: 0.55; margin-right: 0;}
.portfolio_box:hover::after{opacity: 0.35; margin-right: 0;}


/* amenities_sec */
.amenities_icon img{width: 5rem; margin-right: 2rem;}
.amenities_txt h6{position: relative;}
.amenities_box{padding: 2rem; background: #f7f7f7; margin-top: 3rem; border-radius: .5rem;}
.amenities_top{display: flex; align-items: center; border-bottom: .1rem dashed #ccc; padding-bottom: 1rem;}
.view_btn{margin-top: 1rem;}


/* about_sec */
.about_sec{background: rgb(238, 238, 238);}
.about_sec .container{max-width: 100%; padding: 0;}
.ab_lt{padding: 5rem 3rem 0 3rem;}
.ab_rt img{height: 100%; object-fit: cover;}
.ab_bt_img{display: block; margin-top: 2rem;}

/* room_sec */
.slider_btn .owl-nav{display: flex; align-items: center; font-size: 0; position: absolute; right: 1rem; bottom: 1rem;}
.slider_btn .owl-prev, .slider_btn .owl-next{background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem;}
.slider_btn .owl-prev::before, .slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.5rem;}
.slider_btn .owl-next::before{content: "\f105";}
.slider_btn .owl-next{margin-left: .5rem;}
.room_img .portfolio_box img{border-radius: .5rem;}
.room_box{background: #F2F4F4; border-radius: .5rem; margin-top: 3rem;}
.room_txt{padding: 1.5rem 1rem; }
.room_txt h4 a{color: var(--black);}
.room_factili_list li{display: inline-block; text-transform: capitalize; font-size: 1.4rem; margin: .5rem 1rem 0 0;}
.room_factili_list li:last-child{margin-right: 0;}
.room_factili_list li i{color: var(--main_color); padding-right: .2rem;}
.rating li {display: inline-block !important; margin: 0 .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: none !important;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem / 1 FontAwesome; content: "\f006";color: #FFC107;}
.bold_icon::before {content: "\f005";}
.room_txt_flex{align-items: center; justify-content: space-between; border-bottom: .1rem solid #ced2d5; padding-bottom: 1rem; margin-bottom: .5rem;}
.room_conte{position: relative;}
.all_btn{position: absolute; right: 0; top: 0;}

/* call_sec */
.call_sec{position: relative;}
.call_txt{background: var(--black); padding: 2rem; position: absolute; left: 2rem; top: 2rem; z-index: 2; max-width: 50rem;}
.con_flex{align-items: center; margin-top: 1.5rem;}
.con_flex span{display: inline-block; margin: 0 2rem; color: var(--white); letter-spacing: .1rem;}
.con_flex a{font-size: 2rem; color: var(--main_color);}
.call_txt p{border-top: .1rem dashed #ccc; padding: 1rem 0; border-bottom: .1rem dashed #ccc; margin-top: 1.5rem;}
.call_box img{height: 35rem; object-fit: cover;}

/* feed_back_sec */
.feed_back_box{background: #f7f7f7; padding: 2rem; border-radius: .4rem; position: relative; margin-top: 3rem;}
.person_flex{align-items: center; border-top: .1rem dashed #ccc; margin-top: 1.5rem; padding-top: 1rem;}
.persopn_img img{width: 5rem; margin-right: 1.5rem;}
.persopn_name {font-size: 1.8rem; text-transform: capitalize; font-family: "Oswald", sans-serif; font-weight: 600;}
.qutin_box{position: absolute; right: 1rem; top: 1rem; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--white); background: var(--main_color);}

/* gallery_sec */
.gallery_sec .container{max-width: 100%;}
.gallery_sec .portfolio_box img{height: 30.5rem; object-fit: cover; border-radius: .5rem;}
.gallery_sec .row:nth-child(even){flex-direction: row-reverse;}
.gallery_sec .owl-nav , .gallery_sec .owl-dots{display: none;}



/* footer_sec */
.footer_sec{background: var(--black); padding-top: 4rem;}
.ft_logo img{width: 30rem;}
.ft_txt p, .ft_con_list li a, .ft_con_list li span, .ft_bottom p{color: #a8a8a8;}
.ft_heading{color: var(--white); text-transform: capitalize; font-size: 2rem; line-height: 2.5rem; display: block; position: relative; font-family: "Oswald", sans-serif; padding-bottom: 1.2rem; margin-bottom: 1.5rem;}
.ft_heading::before, .ft_heading::after{content: ""; height: .2rem; width: 6rem; background-color: var(--main_color); position: absolute; bottom: 0; left: 0;}
.ft_heading::after{left: 6.5rem; width: 1rem;}
.ph_txt_num{font-size: 2rem;}
.ft_bottom{align-items: center; justify-content: space-between; border-top: .1rem solid #3b3e43; padding: 1.5rem 0;}
.ft_bottom a img {width: 10rem;}
.ft_txt{padding-bottom: 4rem;}
.ft_mid{border-top: .1rem solid #3b3e43; padding-bottom: 2rem;}
.ft_con_list li{position: relative; margin-top: 3rem; padding-left: 5rem;}
.ft_con_list li em{width: 3.5rem; height: 3.5rem; background: var(--brand); border-radius: 100%; margin-right: 1.5rem; display: flex; align-items: center; justify-content: center; color: var(--main_color); position: absolute; left: 0; top: -.3rem;}
.ft_top .cumll:nth-child(2) .ft_txt{padding-left: 4rem;}

/* contact_page */
.inner_banner_txt{background: #272535; padding: 1.5rem 5rem; border-radius: 3rem 3rem 0 0; max-width: 35rem; margin: 0 auto;}
.inner_banner .banner_box{padding: 15rem 0 0 0;}
.conatct_bttom_lt{background: #f6f6f6; padding: 2rem; margin-top: 3rem; border-radius: .5rem;}
.frm_row{margin-top: 2rem;}
.conatct_bttom_rt{background: var(--black); padding: 2rem; border-radius: .5rem; margin-top: 3rem;}
.con_rt_img{display: block; margin: 1.5rem 0;}
.con_rt_img img{border-radius: .5rem; height: 14rem; object-fit: cover;}
.inner_con_list li{margin-top: 1.5rem;}
.inner_con_list li a{color: var(--white);}
.map_sec iframe{width: 100%; height: 40rem;}
.inner_con_list li em{margin-right: 1.5rem !important;}


/* room_page */
.ammiti_list li{display: inline-block; margin: 1rem 1rem 0 0;}
.ammiti_list li:last-child{margin: 1rem 0 0 0;}
.ammiti_list li .d-flex{align-items: center; background: var(--white); padding: .5rem .8rem; box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2); border-radius: .5rem;}
.ammting_img img{width: 2rem; margin-right: .5rem;}

/* about_pge */
.inner_ab_rt{padding-left: 2rem;}
.txt_list{display: inline-block; width: 100%;}
.txt_list li{text-transform: capitalize; margin-top: 1rem; width: 50%; position: relative; padding-left: 2rem; float: left;}
.txt_list li::before{font-family: "Font Awesome 6 Pro"; content: "\e2be"; color: var(--main_color); position: absolute; left: 0; top: 0;}
.inner_ab_lt{border-radius: .5rem; overflow: hidden;}

/* counter_sec */
.counter_box{width: 100%;  border-radius: 1rem; text-align: center;}
.counter_box strong{color: var(--brand); font-weight: 800; font-size: 5rem; line-height: 5rem;}
.counter_box span{text-transform: capitalize; font-size: 1.6rem; display: block; padding-top: 1rem; font-weight: 600; color: var(--main_color);}
.counter_box{margin-top: 3rem;}
.counter_box sup{color: var(--brand); top: -2.5rem; font-size: 2.5rem;}
.count_lt{margin-right: 2rem; position: relative;}
.counter_sec{position: relative; background-attachment: fixed !important;}
.count_lt h2{color: var(--white);}
.count_lt p{color: rgba(255, 255, 255, 0.6);}
.of_shape{width: 22rem; height: 22rem; border-radius: 100%; display: flex; justify-content: center; text-align: center; align-items: center; margin-top: 1rem;}
.of_shape h4 span{width: 100%; display: inline-block; font-size: 5rem; line-height: 6rem; color: var(--white);}
.of_shape h4{font-size: 1.7rem; line-height: 2.7rem; color: var(--white);}

/* error_page */
.error_page_info{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} 
.error_page_info strong{font-size: 24rem; font-weight: 600; line-height: 25rem; color: var(--brand); position: relative; z-index: 1; margin-bottom: 1.5rem; text-shadow: .7rem .5rem 0 rgba(236, 52, 51, 0.1); letter-spacing: .1rem; width: 100%; display: inline-block;}






@media (min-width: 992px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 1800px){
    .menu_sec {padding-right: 36rem;}
}

@media only screen and (max-width: 1600px){
    .menu_sec li a {padding-right: 2rem;}
    .menu_sec {padding-right: 46rem;}
}

@media only screen and (max-width: 1450px){
    .header_sec .container {padding: 0 1.5rem;}
    .heder_rt ul li a {padding: .5rem 2rem;}
    .heder_rt {right: 18.7rem;}
    .menu_sec li {font-size: 1.6rem;}
    .menu_sec {padding-right: 41.5rem;}
    .nav_top .navbar-brand img {width: 28rem;}
    .banner_box {padding: 24.8rem 0;}
    .banner_frm {margin-top: -14.8rem;}
    .mtt {margin-top: 4rem;}
}

@media only screen and (max-width: 1300px){
    .main_ph_top span{display: none;}
    .ph_top.main_ph_top em {margin-right: 0;}
    .menu_sec {padding-right: 28.5rem;}
    .banner_box {padding: 22.8rem 0;}
}

@media only screen and (max-width: 1199px){
    .banner_frm {margin-top: 3rem;}
    .mtt {margin-top: 0;}
    .ptb{padding: 6rem 0;}
    .inner_ptb{padding: 3rem 0 6rem 0;}
    .menu_sec{display: none;}
    .banner_box {padding: 18rem 0;}
    .heder_rt_btn {top: -.2rem;}
    .menu_drawer {width: 25rem;}
    .side_menu_list li{font-size: 1.5rem;}
    .amenities_top h6{font-size: 1.6rem; line-height: 2.1rem;}
    .amenities_icon img{width: 4rem; margin-right: 1rem;}
}

@media only screen and (max-width: 991px){
    
    /* .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;} */
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem 0;}
    .header_sec .socil_txt{display: none !important;}
    .ab_rt{display: none;}
    .gallery_sec .portfolio_box img {height: 20.5rem;}
    .ft_top .cumll:nth-child(2) .ft_txt {padding-left: 0;}

    /* contact_page */
    .con_rt_img img {height: auto;}
    .map_sec iframe {height: 30rem;}

    /* about_page */
    .inner_ab_sec .row.main_row{flex-direction: column-reverse;}
    .inner_ab_rt { padding: 0 0 3rem 0; }
    
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .email_top span{display: none;}
    .email_top em{width: 3rem; height: 3rem;}
    .banner_frm .as_btn{margin-top: 1.5rem;}
    .nav_top .navbar-brand img {width: 24rem;}
    .heder_menu {padding: 2rem 0;}
    .heder_rt ul li a {padding: .5rem 1.5rem;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem;}
    .top_rt{position: absolute; left: 4rem; top: -.1rem;}
    .gallery_sec .portfolio_box img {height: 15.5rem;}
}


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

    .inner_ptb{padding: 2rem 0 4rem 0;}
    .heder_top .add_txt{font-size: 1.2rem;} 
    .email_top em , .heder_top .d-flex .socil_list li a{ width: 2.5rem; height: 2.5rem; font-size: 1rem; margin-right: .8rem;}
    .top_rt {left: 3.5rem;}
    .heder_rt_btn .as_btn{width: 3.5rem; height: 3.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; padding: 0;}
    .heder_rt_btn .as_btn::before{border-radius: 100%;}
    .heder_rt_btn .as_btn em{display: none;}
    .heder_rt_btn .as_btn span{display: block;}
    .nav_top .navbar-brand img {width: 16rem;}
    .header_sec .container {padding: 0 1rem;}
    .heder_rt {right: 5.2rem; top: -.5rem;}
    .heder_rt ul li a {padding: .5rem 1rem;}
    .heder_rt .ph_top em {width: 2.5rem; height: 2.5rem; font-size: 1.2rem;}
    .heder_rt_btn {top: -.4rem;}
    .heder_menu {padding: 1.5rem 0;}
    .slide_gallery .portfolio_box img {height: 5rem;}
    .banner_box {padding: 10rem 0;}
    .bannersec .carousel-control-prev {left: 1rem;}
    .bannersec .carousel-control-next {right: 1rem;}
    .bannersec .carousel-control-prev, .bannersec .carousel-control-next {width: 4rem; height: 4rem;}
    .amenities_box {margin-top: 2rem;}
    .view_btn {margin-top: 0;}
    .ab_lt {padding: 3rem 1.5rem 0 1.5rem;}
    .all_btn { position: inherit; right: inherit; top: inherit; margin-top: 3rem; width: 100%;}
    .all_btn .as_btn{width: 100%;}
    .call_txt p{display: none;}
    .call_txt {right: 1rem;  top: 1rem; left: 1rem;}
    .con_flex a {font-size: 1.8rem;}
    .con_flex span {margin: 0 1rem;}
    .call_box img {height: 28rem;}
    .feed_back_box { margin-top: 2rem;}
    .gallery_sec .portfolio_box img {height: 9.5rem;}
    .portfolio_link {width: 3rem; height: 3rem; font-size: 1.5rem;}
    .portfolio_box {margin-top: 1rem;}
    .ft_con_list li {padding-left: 4.5rem;}
    .ft_mid .socil_txt {margin-right: 1rem; font-size: 1.4rem;}
    .ft_mid .socil_list li a { width: 3rem; height: 3rem; font-size: 1.5rem;}
    .ft_bottom{flex-direction: column;}
    .ft_bottom p{text-align: center;}
    .ft_link_txt{padding-top: .5rem;}
    .ft_logo img {width: 25rem;}
    h1, h2 {font-size: 2.2rem; line-height: 2.7rem;}

    /* contact_page */
    .inner_con_list li a{flex-direction: column; align-items: flex-start;}
    .inner_con_list li em {margin: 0 0 1rem 0 !important; width: 3.5rem; height: 3.5rem; font-size: 1.6rem;}
    .conatct_bttom_rt .socil_list .socil_txt{display: none;}
    .map_sec iframe {height: 20rem;}
    .inner_banner .banner_box {padding: 9rem 0 0 0;}

    /* about_page */
    .txt_list li { width: 100%;}
    .counter_box span {font-size: 1.4rem; padding-top: .5rem;}
    .counter_box strong {font-size: 4rem; line-height: 4rem;}
    .counter_box {margin-top: 2rem;}

    /* error_page */
    .error_page_info strong {font-size: 15rem; line-height: 16rem;}
}

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

}