/* [reset styles] */
:root 
{
  --bodyfont:'Inter_18ptRegular';
  --headingfont:'Things';
  --lightfont:'Inter_18ptLight';
}
*{
    box-sizing: border-box;
    margin: 0;
}


@font-face {
    font-family: 'Inter_18ptLight';
    src: url('../fonts/Inter_18ptLight.eot');
    src: url('../fonts/Inter_18ptLight.eot') format ('embedded-opentype'),
         url('../fonts/Inter_18ptLight.woff2') format('woff2'),
         url('../fonts/Inter_18ptLight.woff') format('woff'),
         url('../fonts/Inter_18ptLight.ttf') format('truetype'),
         url('../fonts/Inter_18ptLight.svg#Inter_18ptLight') format('svg');
}

@font-face {
    font-family:'Inter_18ptRegular';
    src: url('../fonts/Inter_18ptRegular.eot');
    src: url('../fonts/Inter_18ptRegular.eot') format('embedded-opentype'),
         url('../fonts/Inter_18ptRegular.woff2') format('woff2'),
         url('../fonts/Inter_18ptRegular.woff') format('woff'),
         url('../fonts/Inter_18ptRegular.ttf') format('truetype'),
         url('../fonts/Inter_18ptRegular.svg#Inter_18ptRegular') format('svg');
}


@font-face {
    font-family: 'Things';
    src: url('../fonts/Things-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Things-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Things-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Things-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}




body {
    font-family:'Inter_18ptRegular';
    padding:0px;
    margin:0px;
    font-size:16px;
    line-height:1.4;
    overflow-x:hidden;
    text-align:justify;
    color:#000;
}
  
ul {
    padding: 0;
    list-style-type: none;
}
  
a {
    text-decoration: none;
    cursor: pointer;
}



.w100{width:100%;}
.w90{width:90%;}

img {
    max-width: 100%;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin: 0px;
  }
  /* [/reset styles] */
  
  .p-0{
      padding: 0;
  }
  .m-0{
      margin: 0;
  }
  .mt30px {margin-top:30px;}


*:focus {
    outline: none;
}

*::placeholder {
color: #ccc;
font-family:var(--bodyfont);
}
input {font-family:var(--bodyfont);}
textarea {font-family:var(--bodyfont);}
select:required:invalid {
    color: #ccc;
  }
  option[value=""][disabled] {
    display: none;
  }
  option {
    color: black;
  }
select { background-color:#fff;}
.w100 { width:100%;}

select 
{
  accent-color:#000; /* Changes default focus/check tint in supported elements */
}


.mshow {display:none !important;}
.deskshow {display:block;}

.bigw { width:100%; position: relative;}
.bigw img {width:100%;}
.bigwOverlay 
{
  position:absolute; width:100%; height:100%; background-color:#fff; left:0px; top:0px;
}
.bigwOverlay.smallwOverlay { width:0%; animation-name:collapse-width;
  animation-duration:2s; /* How long the animation takes */
  animation-timing-function:ease-in-out; /* The speed curve */
  animation-fill-mode:forwards; }

@keyframes collapse-width {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

#animation-section {
    height:125vh;
    position: relative;
}
#animation-section canvas {
    position: sticky;
    top: 0;
    width: 100%;
    height: 125vh;
    display: block;
    object-fit: cover;
}

#w-animation-small canvas {
    position: sticky;
    top: 0;
    width: 80%;
    display: block;
    object-fit: cover;
}

/**popup open**/
.popModel
{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0;
  transition:opacity .15s linear;
  background:rgb(90 87 87 / 96%);
}
.modal-content 
{
  border: none;
  border-radius:15px;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  position:relative;
  width:90%;
  padding:30px;
  pointer-events:auto;
  background-color:#fff;
  background-clip:padding-box;  
  margin:2rem auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.modal-content .closeBtn 
{
    position:absolute;
    right:-10px;
    top:-10px;
    background-color:#2c2c2c;
    padding:5px;
    color:#fff;
    font-size:30px;
    line-height:30px;
    border-radius:50%;
    border:2px solid #fff;
    cursor:pointer;
}
.modal-content iframe {width:100%; height:565px;}
/**popup close **/

/****************************************************************/

.cont-popModel
{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0;
  background-color: rgb(0 0 0 / 79%);
}

.form-modal-content
{
  border:none;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  position:relative;
  width:45%;
  padding:30px 40px;
  pointer-events:auto;
  background-color:#fff;
  background-clip:padding-box;  
  margin:1rem auto 0rem auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;  
}
.form-modal-content .cloBtn 
{
    position:absolute;
    right:-10px;
    top:-10px;
    background-color:#2c2c2c;
    padding:5px;
    color:#fff;
    font-size:30px;
    line-height:30px;
    border-radius:50%;
    border:2px solid #fff;
    cursor:pointer;
}


/*** header open ***/
.headerContainer 
{
  width:100%; 
  position:absolute;
  top:0%;
  right:0%;
  left:0%; 
  display:flex; 
  flex-direction:column; 
  padding:15px 0px;
 /* webkit-transition: position 10s; */
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: position 10s
}
.topRow 
{ position:relative;
  /*top:2%;
  width:95%;
  left:50%;
  transform:translateX(-50%);*/
  width:92%;
  margin-left:auto; 
  margin-right:auto; 
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  z-index:9;
}
.logo {width:120px;}
.logo a {display:flex; flex-direction: column;}
.logo a img 
{ width:100%;
  -webkit-transition: position 10s;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
   transition: position 10s
}
.headerContainer .logo a img.whiteLogo {display:block;}
.headerContainer .logo a img.blackLogo {display:none;}
.headerContainer.fixed-header .logo a img.whiteLogo {display:none;}
.headerContainer.fixed-header .logo a img.blackLogo {display:block;}

.headerContainer .logo a img.scr {display:none;}

.headerContainer.fixed-header .logo a img.scr {display:none;}

.headerContainer.fixed-header 
{
  width: 100%;
  position: fixed;
  padding:10px 0px;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index:99;
  background-color:#fff;
  animation:smoothScroll 1s forwards;
  box-shadow: 0px -1px 16px 0px #dfdfdf;
}
.headerContainer.fixed-header .logo a img {width:120px; animation:smoothScroll 1s forwards;}
@keyframes smoothScroll 
{
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.topleft { position:relative;  padding:3px 0px; justify-content:space-between; display:flex; align-items:center; }
.topleft .searchIcon {display:block; padding-right:5rem;}
.topleft .searchIcon img {width:40px; cursor:pointer;}
.topleft .searchIcon i {color:#b79057; font-size:40px; line-height:40px; cursor:pointer;}
.tm-searchbox 
{ position:absolute;
  top:60px;
  right:5%;
  text-align:right;
}
.prow
{
 display:flex;
 justify-content:space-around;
 width:400px;
 line-height:44px;
 background-color: rgb(0 0 0 / 53%);
 padding:20px 30px;
 box-shadow:1px 1px 6px 0px #5f5f5f;
 position:relative;
}

.prow .tm-close
{
  position:absolute;
  right:10px;
  top:10px;
}

.proright 
{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items: center;
}
.proright .boxf 
{ width:auto;
  display: flex;
  flex-direction: column;
  text-align: left;
  text-transform:uppercase;
}
.proright .boxf a { padding:10px; font-weight:bold; padding:0px; color:#fff; text-transform:uppercase;}
/* .proright .boxf a:hover {text-decoration:underline;} */
.proright .boxs 
{ width:auto;
  display:flex;
  flex-direction:column;
  text-align:left;
  padding:0px 20px;
} 
.proright .boxs span {color:#fff;}
.proright .boxs a { padding:10px; padding:0px;  color:#fff; font-size:19px; display: flex; flex-direction:column; line-height:20px;}
.proright .boxs a span {font-size:10px;}
/*.proright .boxs a:hover {text-decoration:underline;} */
.prow .tm-close i {cursor:pointer; color:#fff; font-size:18px;}


.tm-searchbox form 
{
  display:flex;
  justify-content:flex-end;
  background-color:#fff;
  border-radius: 20px;
}
.tm-searchbox form input {
    width: 430px;
    padding: 10px 20px;
    border-radius: 20px;
    border: none;
    font-size: 15px;
    line-height: 20px;
}
.tm-searchbox form button {
    border: none;
    cursor: pointer;
    background: none;
}
.tm-searchbox form button i {
    font-size:40px;
    line-height:40px;
    color:#ccc;
}

/***top navigation open***/
.headerContainer .topnavigation {border-right:1px solid #c9c9c9; margin-right:30px; opacity:0; display:none;}
.headerContainer.fixed-header .topnavigation {border-right:1px solid #c9c9c9; margin-right:30px; opacity:1;}
/* .headerContainer.fixed-header .topleft .burger-container {display:none;} */
.headerContainer.fixed-header .topleft .tm-searchbox {display:none;}

.topnavigation .nav-links {display:flex;}
.topnavigation .nav-links li {list-style:none; margin:0px 40px 0px 0px;}
.topnavigation .nav-links li a {
    color:#000;
    font-size:16px;
    text-decoration:none;
    padding:9px 20px;
    transition:0.3s;
    text-transform:capitalize;
}
.topnavigation .nav-links li a:hover {color:rgb(184 145 90); border-bottom:1px solid rgb(184 145 90); }
.topnavigation .nav-links li a.active {color:rgb(184 145 90); border-bottom:1px solid rgb(184 145 90); }
.topnavigation .nav-links .drop-menu {
    position:absolute;
    width:210px;
    line-height:40px;
    top:38px;
    opacity: 0;
    visibility: hidden;
    box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 10px;
    background:#fff;
}
.topnavigation .nav-links .drop-menu p {padding:5px 20px; color: #9b7744; background-color:#fbfbfb; position:relative; }
/**
.topnavigation .nav-links .drop-menu p::after 
{
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  background-color:#9b7744;
  left:10px;
  top:50%;
}
**/

.topnavigation .nav-links li:hover .drop-menu
{
  transition: all 0.3s ease;
  top:38px;
  opacity: 1;
  visibility: visible;
  z-index:9;
}
.topnavigation .drop-menu li {width:100%; margin:0px;}
.topnavigation .drop-menu li a{
  width: 100%;
  display: block;
  font-weight: 400;
  border-radius: 0px;
  color:#555;
  font-size:13px;
  text-align:left;
  line-height:20px;
}
.topnavigation .drop-menu li:hover {background-color:#fbfbfb;}
.topnavigation .drop-menu li.active {background-color:#fbfbfb;}
.topnavigation .drop-menu li:hover a {color:#000; border-bottom:none; }
.topnavigation .drop-menu li.active a {color:#000;}

.topnavigation .drop-menu li a.active {color:#000; background-color:#fbfbfb; border-bottom:none;}

/***top navigation close***/

/*** header close ***/
.homeSlider {position:relative;}
.homeSlider .slick-dots {bottom:24px;}
.homeSlider.gdkham .slick-dots { width:40%;}
.homeSlider .slick-dots li { border:1px solid #646361; border-radius:50%; padding:4px; width:auto; height:auto;}
.homeSlider .slick-dots li button {background:#646361;}
.homeSlider .slick-dots li button:before {top:4px; left:4px; color:#ebc895; background-color:#ebc895;}
.enquirebtn 
{
  position:absolute;
  bottom:-55px;
  z-index:9;
  right:60px;
}

.homeSlider .slick-slide img 
{
  transform: scale(1);
  transition: transform 6s ease-out;
  width:100%;
}

.homeSlider .slick-slide.slick-current img 
{
  transform:scale(1.03);
}

.sliderText 
{
  position:absolute;
  bottom:13%;
  left:16%;
  transform:translateX(-16%);
  width:565px;
  z-index:9;
}

.homeSlider .itmesld {position:relative;}
.homeSlider .itmesld .sl-text 
{
  position:absolute;
  bottom:13%;
  left:6%;
  transform:translateX(-6%);
  z-index:9;
  width:auto;
  transition: transform 0s ease-out;
  opacity:0;
}
.homeSlider .itmesld.slick-current .sl-text
{
  transform: scale(1);
  opacity:1;
}


.golden-frame 
{
  position:absolute;
  /* Offsets create the padding space outside the line */
  top:10px;
  left:10px;
  right:10px;
  bottom:10px;
  /* Thin, elegant metallic gold border */
  border: 1px solid #d4af37; 
  /* Ensures clicks pass through to any buttons underneath */
  pointer-events: none; 
  box-sizing: border-box;
  z-index:1;
  height:126vh;
}


/**navigation open**/
/* Responsive Adjustments */
@media (min-width: 768px) {
  .nav-menu {
    width: 750px;
  }
}
/*Medium Screens */
@media (min-width: 922px) {
  .nav-menu {
    width: 970px;
  }
}
/*Large Screens */
@media (min-width: 1200px) {
  .nav-menu {
    width: 1170px;
  }
}
/* Burger Icon Container */
.burger-container {
  position:fixed;
  right:3rem; 
  z-index: 1000;
  cursor: pointer;
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 15px;
  background-color:#b79057;
  border-radius:50%;
}
.burgercolor
{
/*  background:linear-gradient(102deg, #051a2f 0%, #0e3e6c 100%); */
  background: #FFF !important;
 
}

/* Burger Icon Lines */
.burger-line {
  width:100%;
  height:2px;
  background-color:#fff;
  transform-origin: center;
  transition: all 0.4s ease-in-out;
}
/* Checkbox Hack */
#burger-toggle {
  display: none;
}
/* Navigation Styles */
.nav-menu {
  position:fixed;
  top:0;
  bottom:0;
  right:-300px;
  width:300px;
  height:100vh;
  background:#fff;
  transition:right 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
  box-shadow:-4px 0 15px #00000033;
  overflow-y:auto;
  padding-top:80px;
  z-index:99;
}
.nav-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
/*  background: #ffffff0d;
  backdrop-filter: blur(10px); */
}
.nav-menu ul {
  list-style-type: none;
}
/*
.nav-menu ul li {
  margin:0 15px;
  border-bottom:1px solid #fff;
}
.nav-menu ul li a {
  color:#000;
  text-decoration:none;
  font-family:var(--headingfont);
  display:block;
  padding:15px;
  font-weight:500;
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
}
.nav-menu ul li a:hover 
{
  color: #f58463;
  background-image: linear-gradient(90deg, #f58463 10%, #ed4f40 30%, #8855a2 50%, #8555a2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-menu ul li ul.submenu
{
  display:none;
}
.nav-menu ul li:hover ul.submenu
{
  display:flex;
  flex-direction:column;
}
.nav-menu ul li:hover ul.submenu li a 
{
 font-size:14px;
 padding:4px 15px;
}

.nav-menu ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  transition: left 0.3s ease;
  background: #FF7D59;
  background: linear-gradient(270deg, rgba(255, 125, 89, 1) 0%, rgba(243, 101, 78, 1) 50%, rgba(143, 81, 166, 1) 100%);
}
.nav-menu ul li a:hover::after {
  left: 0;
}
*/  
/* Burger Icon Animation on Checkbox Checked */
#burger-toggle:checked ~ .burger-container .burger-line:nth-child(1) {
  transform:rotate(46deg) translate(6px, 6px);
  background: #fff;
}
#burger-toggle:checked ~ .burger-container .burger-line:nth-child(2) {
  opacity: 0;
}
#burger-toggle:checked ~ .burger-container .burger-line:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
  background: #fff;
}
/* Navigation Slide In */
#burger-toggle:checked ~ .nav-menu {
  right:0;
}


/***accord menu open***/
.menu-list .menu-submenu {
   padding:0px 0px;
   background-color:#fbfbfb;
}
.menu-list .menu-submenu li a {font-size:15px; }
.menu-list {
    padding-left: 0;
    display:block;
    width:100%;
    max-width:450px;
    z-index: 999;
    overflow-y:auto;
    overflow-x:hidden;
    left:-100%;
    height:68vh;
}
.menu-list li a { font-size:18px; color:#3b3a3a; width:100%; }
.menu-link:hover 
{
  color:#000;
}
.menu-link.active {
  color:#000;
}
/*
.menu-list li.accordion-toggle, .menu-list .menu-login {
       padding: 20px;
}
*/       
.menu-list li:first-of-type {
    border-top: 0;
}
.menu-list li {display:flex; padding:15px 30px;}
.menu-list li:hover {color:#000;}
.menu-list li.active {color:#000;} 
.menu-list .menu-submenu li {padding:8px 30px;}
.menu-list .menu-submenu li a:hover 
{
  color:#000;
}

.menu-list .menu-submenu li a.mms {color:#d18f2e; font-size:15px;}
.menu-list .menu-submenu li a.mms-s {font-size:15px; text-align:left;}
.menu-list .menu-submenu li a.mms-s.active {color:#000;}
.menu-list .menu-submenu li a.head.active {color:#000;}


.accordion-toggle, .accordion-content {
    cursor: pointer;
    position: relative;
    letter-spacing: 1px;
}
.accordion-content {
    display: none;
}
.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color:#3b3a3a;
    transform-origin: 50% 50%;
    transition: all 0.3s ease-out;
}
.accordion-toggle a:before {
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}
.accordion-toggle.active-tab {
  background:#fff;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    transform: rotate(0deg);
    background: #000 !important;
   
}
.accordion-toggle a.active:after {
    transform: rotate(180deg);
    background: #000 !important;
   
    opacity: 0;
}

.social-row-nav 
{
  position:relative; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  width:100%;
  background-color:#fff;
  display:flex;
  flex-direction:column;
  padding:10px 30px;
  box-shadow:0px -4px 25px 0px #efefef;
}
.social-row-nav p{font-size:18px; margin-bottom:10px;}
.social-row-nav .sss {width:80%; justify-content:space-between; flex-direction:row; display:flex;}
.social-row-nav .sss img {transition:3s ease;}
.social-row-nav .sss img:hover {transform:scale(1.2);}

/***accord menu close***/
/**navigation close **/

.welcome-container 
{
  width:90%; 
  margin-left:auto; 
  margin-right:auto; 
  padding:80px 0px 40px 0px;
  display:flex;
  flex-direction:column;
}
.welcome-container p { width:70%; margin-left:auto; margin-right:auto; text-align:center;}
.counterbox { width:100%; margin-left:auto; margin-right:auto; margin-top:100px;}
.counterbox ul {display:flex; flex-direction:row; justify-content:space-between; text-align:center;}
.counterbox ul li {width:25%; border-right:1px solid #f6e5cd; padding:20px 10px;}
.counterbox ul li:last-child {border-right:none;}
.counterbox ul li span { color:#b79057; font-family:var(--lightfont); font-size:75px; line-height:90px;}
.counterbox ul li sub { color:#b79057; font-family:var(--lightfont); font-size:75px; line-height:90px;}
.counterbox ul li p 
{ 
  font-size:17px;
  text-transform:capitalize;
  letter-spacing:1px;
  color:#171818;
  margin-top:10px;
}
.our-philosophy-container 
{
  width:90%; 
  margin-left:auto; 
  margin-right:auto; 
  padding:40px 0px 60px 0px;
}
.our-philo-box 
{
  background:url(../images/mark.png) no-repeat;
  background-position:top right;
  position:relative;
}
.inner-container 
{
  width:90%;
  margin-left:auto;
  margin-right:auto;
}

.subheading {color:#b79057; text-transform:uppercase; font-size:20px;}
.heading 
{
  color:#171818;
  font-family: var(--headingfont);
  font-size:85px;
  line-height:70px;
  text-transform:uppercase;
  margin-top:10px;
}
.heading span {color:#b79057;}
.light-hd 
{
  font-family:var(--headingfont);
  font-size:107px;
  line-height:85px;
  text-transform:uppercase;
  color:#f9f9f9;
  position:absolute;
  z-index:-1;
  top:27px;
  letter-spacing:12px;
  text-align:left;
}
.philopCnt { display:flex; justify-content:space-between; margin-top:25px; }
.philopCnt .f-s {width:36%; text-align:left;}
.philopCnt .s-s {width:60%; overflow:hidden; border-radius:0px 137px 0px 0px;}
.philopCnt .s-s img {width:100%; transition:3s ease;}
.philopCnt .s-s:hover img {transform: scale(1.1);}

/**** our latest launch  ****/ 
.our-latest-launch-container
{
   display:flex;
   flex-direction:column;
   padding-top:60px;
}
.tc {text-align:center;}
.hd-heading {width:90%; margin-left:auto; margin-right:auto; position:relative;}
.hd-heading .light-hd {top:3px; width: 100%;
    text-align: center;}

/*** launch gokuldham eatate ***/
.launch-box {width:100%; position:relative; margin-top:50px; display:flex; overflow:hidden;}
.launch-box .bimg {width:100%; transition:3s ease;}
.launch-box:hover .bimg { transform:scale(1.1); }

.gokuldham-estate-box 
{
  position:absolute;
  width:450px;
  padding:55px 30px;
  background-color:rgb(0 0 0 / 86%);
  top:7%;
  left:15%;
  transform:translateX(-15%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-radius:0px 115px 0px 0px;
}
.gokuldham-estate-box p 
{
  color:#fff;
  text-align:center;
  margin-top:50px;
}
.learnmore { 
  border:2px solid #b79057;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:7px 13px;
  border-radius:68px;
  color:#fff;
  margin-top:30px;
  font-size:15px;
}
.learnmore img {width:35px; margin-left:10px;}

/*** launch gokuldham eatate ***/
.luxury-hotel
{
 width:100%;
 display:flex;
 flex-direction:row;
 justify-content:space-between;
 margin:60px 0px;
}

.luxury-hotel .retailslider {width:75%;}
/* .luxury-hotel .retailslider img {width:100%; transition:3s ease;} */
/* .luxury-hotel .retailslider .slick-slide {overflow:hidden; transition:3s ease;} */
.luxury-hotel .retailslider .slick-slide:hover img {transform:scale(1.05);}

.luxury-hotel .retail-thumbnails { width:22%; margin-top:-5px;}
.luxury-hotel .retail-thumbnails .slick-slide {margin:5px 0px; overflow:hidden; transition:3s ease;}
.luxury-hotel .retail-thumbnails img {width:100%; transition:3s ease;}
.luxury-hotel .retail-thumbnails .slick-slide:hover img {transform:scale(1.1);}

.retailslider .slick-dots {bottom:-80px;}
.retailslider .slick-dots li { border:1px solid #646361; border-radius:50%; padding:4px; width:auto; height:auto;}
.retailslider .slick-dots li button {background:#646361;}
.retailslider .slick-dots li button:before {top:4px; left:4px; color:#ebc895; background-color:#ebc895;}

.retailslider .slick-prev {bottom:-127px; background:url(../images/prev.png) no-repeat; width:57px; height:58px; left:30%;}
.retailslider .slick-next {bottom:-127px; background:url(../images/next.png) no-repeat; width:57px; height:58px; right:30%;}


/* Text on image */

.hotel-banner {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}

.hotel-banner img {
    width: 100%;
    transition:3s ease;
    display: block;
}

/* Top right badge */
.badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #b58b4c;
    color: #fff;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3px;
}

/* Bottom overlay text */
.overlay-text {
    position:absolute;
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
    color:#fff;
    width:90%;
    text-align:left;
    z-index:2;
}

/* Main heading */
.overlay-text h1 {
    margin: 0;
    font-size:22px;
    font-weight: 700;
}

/* Sub text */
.overlay-text p {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: 2px;
    opacity: 0.9;
}

/* Optional: dark gradient for better readability */
.hotel-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

/* Close */


.enquirebtn 
{
  position:fixed;
  bottom:3%;
  z-index:8;
  right:1%;
}

.bringDifference-container 
{
  width:100%; 
  display:flex; 
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:60px;
}

.bringDifference-container.mshow {display:none;}
.bringDifference-container.deskshow {display:block;}


.bringDifference-container .rowsbox 
{
  width:100%;
  display:flex;
  justify-content:space-between;
  position: sticky;
  top:100px;
  background-color:#fff;
}

.bringDifference-container .rowsbox .boxes {width:45%; min-height:275px; padding:20px; text-align:left;}
.bringDifference-container .rowsbox .boxes .btext 
{ 
  font-size:83px;
  line-height:83px;
  color:#efefef;
  position:relative;
  margin-bottom:10px;
}
.bringDifference-container .rowsbox .boxes .btext span 
{
  position:absolute; 
  bottom:0px; 
  left:0px;
  color:#171818;
  font-size:23px;
  line-height:23px;
  font-weight:700;
}

/* Test Start */

.bringDifference-slider {
    width: 100%;
    margin: 60px 0px;
}

.slide-item {
    display: flex !important;
    justify-content: space-between;
    gap: 40px;
}

.slide-item .boxes {
    width: 48%;
    min-height: 220px;
}

.slide-item .btext {
    font-size: 83px;
    line-height: 83px;
    color: #efefef;
    position: relative;
    margin-bottom: 10px;
}

.slide-item .btext span {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #171818;
    font-size: 23px;
    line-height: 23px;
    font-weight: 700;
}

/* Test End */



.build-container { width:90%; margin-left:auto; margin-right:auto;}
.webuild-container
{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}

.webuild-container .build-left {width:47%;}
.webuild-container .build-right {width:50%;}
.place-rec {
  display:flex; 
  flex-direction:column;
  margin-top:40px;
  width:94%;
  margin-left:auto;
}
.place-rec .placeName {margin-bottom:45px; text-align:left;}
.place-rec .placeName span {color:#b79057;}


/********* partner-container ***********/
.partner-container 
{
  width:90%;
  margin-left:auto;
  margin-right:auto;
  padding:100px 0px;
}

.partnerHd-box 
{
  position:relative;
  z-index:9;
  text-align: center;
}
.partnerHd-box .lli 
{
  width:100%;
  text-align:center;
}
.partnerLogo-row 
{
  width:70%;
  margin-top:80px; 
  margin-left:auto; 
  margin-right:auto;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
}
.partnerLogo-row img {width:29%; padding:30px; transition:3s ease;}
.partnerLogo-row img:hover {transform:scale(1.1);}
/*** footer ***/
.footer-main 
{
  background:#292b2b url(../images/footer-mark.png) no-repeat;
  background-position:top left;
  padding:40px 0px 70px 0px;
}
.footer 
{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.logofooter { width:35%; color:#fff; text-align:left; }
.logofooter .hdd { margin-bottom:10px;}

.footerRight 
{
  width:60%;
  display: flex;
  flex-direction: row;
}
.footerRight ul {width:40%;}
.footerRight ul li {display:flex; margin-bottom:10px;}
.footerRight ul li a {color:#fff; width:100% ;}
.footerRight ul li a:hover {color:#d3b17f;}

.footer-bottom { 
  width:80%;
  margin-left:auto;
  margin-right:auto;
  display:flex; 
  flex-direction:row; 
  justify-content:space-between; 
  padding:20px 0px 10px 0px;
  margin-top:20px; 
  border-top:2px solid #5c574d;
}
.fb-left {color:#fff;}
.fb-right a {color:#fff; margin-left:15px;}
.fb-right a:hover {color:#d3b17f;}
.fb-right a.active {color:#d3b17f;}
/** Text Animation **/
@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}
.slick-slide.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
}
.slick-slide.slick-active p 
{
  animation-name: fadeInUpSD;
  animation-duration: 2s;
  opacity: 1;
}

.mobilefooter {display:none;}


/**************************************************************on scroll animation open******************************************************/
/* Reveal sections */
.reveal {
  opacity:0.2;
  transform:translateY(60px);
  transition:all 0.8s ease;
 /* will-change:transform, opacity; */
}
/* When in view */
.reveal.active {
  opacity:1;;
  transform: none;
}
.fade-up {
  transform: translateY(60px);
  opacity: 0;
}
.slide-left {
  transform: translateX(-60px);
  opacity: 0;
}
.slide-right {
  transform: translateX(60px);
  opacity: 0;
}
.zoom-in {
  transform:scale(0.1);
}
/* Activated states (reuse .active for all) */
.reveal.slide-right.active,
.reveal.flip-down.active,
.reveal.fade-up.active {
  transform: none;
  opacity:1;
}

/* Activated states */
.reveal.fade-in.active,
.reveal.slide-left.active,
.reveal.zoom-in.active,
.reveal.flip-up.active {
  transform: none;
}
/**************************************************************on scroll animation close******************************************************/


/************ hyatt regency dehradun open ********/

.hyatt-welcome-container
{
  width:90%;
  margin-left:auto;
  margin-right:auto;
  padding:100px 0px;
  display:flex;
  flex-direction:column;
}

.inner-icon-rows
{
  width:60%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin-bottom:60px;
}

.inner-icon-rows .iconbox
{
  width:33.3%;
  border-right:1px solid #f1d8b4;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.inner-icon-rows .iconbox:last-child {border-right:none;}
.inner-icon-rows .iconbox p {margin-top:30px;}

.content-hyaat 
{
  width:90%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.content-hyaat p { margin-top:20px;}

.gallery-container 
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:120px;
}

/* HDP */

.gallery-container {
    position: relative;
    min-height:400px;
}
.content-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.4s ease,
        visibility 0.4s ease;

    pointer-events: none;
}

.content-box.active-gallery {
    opacity: 1;
    visibility: visible;
    position: relative;
    pointer-events: auto;
}

.galleryMainbox img {
    width: 100%;
    display: block;
    will-change: transform;
    transform: translateZ(0);
}

/* HDP */

.galleryMainbox {width:100%; display:flex; flex-direction:row; justify-content:space-between;}
.galleryMainbox .galleryMainbox-left {width:51.5%; overflow:hidden; transition:3s ease;}
.galleryMainbox .galleryMainbox-left img {width:100%; transition:3s ease;} 
.galleryMainbox .galleryMainbox-left:hover img {transform:scale(1.2);} 

.galleryMainbox .galleryMainbox-right 
{
  width:46.8%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.galleryMainbox .galleryMainbox-right .gal-r-1 { width:48.5%;}
.galleryMainbox .galleryMainbox-right .gal-r-1 .small-gImg {width:100%; overflow:hidden; transition:3s ease;}
.galleryMainbox .galleryMainbox-right .gal-r-1 .small-gImg img {width:100%; transition:3s ease;}
.galleryMainbox .galleryMainbox-right .gal-r-1 .small-gImg:hover img {transform:scale(1.2);} 


.galleryHotel .slick-slide.slick-active .galleryMainbox .galleryMainbox-left
{
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
}

.galleryHotel .slick-slide.slick-active .galleryMainbox .galleryMainbox-right .gal-r-1 .small-gImg:first-child
{
  animation-name: fadeInUpSD;
  animation-duration:2s;
  opacity: 1;
}

.galleryHotel .slick-slide.slick-active .galleryMainbox .galleryMainbox-right .gal-r-1 .small-gImg:last-child 
{
  animation-name: fadeInUpSD;
  animation-duration:3s;
  opacity: 1;
}

/** Text Animation **/
@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}



.mt20px { margin-top:13px;}

.galleryHotel .slick-dots {bottom:-80px;}
.galleryHotel .slick-dots li { border:1px solid #646361; border-radius:50%; padding:4px; width:auto; height:auto;}
.galleryHotel .slick-dots li button {background:#646361;}
.galleryHotel .slick-dots li button:before {top:4px; left:4px; color:#ebc895; background-color:#ebc895;}

.galleryHotel .slick-prev {bottom:-127px; background:url(../images/prev.png) no-repeat; width:57px; height:58px; left:36%;}
.galleryHotel .slick-next {bottom:-127px; background:url(../images/next.png) no-repeat; width:57px; height:58px; right:36%;}

/************ hyatt regency dehradun close ********/

.location-container 
{
  width:90%; 
  margin-left:auto; 
  margin-right:auto;
  display:flex;
  justify-content:space-between;
  padding:60px 0px 90px 0px;
}
.location-container .location-container-left
{
  width:48%;
}



.location-container .location-container-right
{
  width:48%;
  position: relative;
}
.location-container .location-container-right .light-hd {top:0px;}

.locationTab-container {display:flex; flex-direction:column; margin-top:60px;}
.locationTab-container .milestones-nav .slick-slide 
{ cursor:pointer; 
  background-color:#fff; 
  border:1px solid #c2c0c0; 
  margin:0px 10px;
  line-height:40px;
  text-align:center;
  text-transform:capitalize;
}
.locationTab-container .milestones-nav .slick-current {background-color:#cda469; border:1px solid #cda469; color:#fff;}

.milestones-for .slick-slide {  margin:0px 10px; padding:30px 0px;}
.milestones-for .slick-slide ul li { margin-bottom:7px; position:relative; padding-left:25px;}
.milestones-for .slick-slide ul li::after
{
  content: '';
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:#cda469;
  left:0px;
  position:absolute;
  top:30%;
  transform:translateY(-30%);
}

.milestones-for .slick-slide.slick-active
{
  animation-name:fadeInUpSD;
  animation-duration:1s;
  opacity: 1;
}


.skybungalow-high { width:100%; display:flex; justify-content:space-between;}
.skybungalow-high ul {width:40%; margin:0px; padding:0px;}
.skybungalow-high ul li { display:flex; flex-direction:column; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #b79057; text-align:left;}
.skybungalow-high ul li:last-child {border-bottom:none;}
.skybungalow-high ul li span {color:#b79057;}

/****************************************** gokuldham project haridwar ***********************************************/
.gokuldhamInnerLogo {position:absolute; bottom:-38%; left:50%; transform:translateX(-50%); overflow:hidden;}
.overview-container 
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  padding:300px 0px 100px 0px;
  display:flex;
  flex-direction:column;
}
.overview-content-box
{
  width:70%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content:center;
  text-align:center;
  margin-top:50px;
  flex-direction: column;
  align-items: center;
}

.btnrow { display:flex; justify-content:space-between; width:70%;}

.founder-popModel
{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0;
  transition:opacity .15s linear;
  background:rgb(90 87 87 / 88%);
}
.founder-popModel .modal-content
{
  border: none;
  border-radius:15px;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  position:relative;
  width:45%;
  padding:10px;
  pointer-events:auto;
  background-color:#fff;
  background-clip:padding-box;  
  margin:2rem auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.modal-content .closeBtn 
{
    position:absolute;
    right:-10px;
    top:-10px;
    background-color:#2c2c2c;
    padding:5px;
    color:#fff;
    font-size:30px;
    line-height:30px;
    border-radius:50%;
    border:2px solid #fff;
    cursor:pointer;
}



.downloadBtn
{
  border:2px solid #b79057;
  display:flex;
  justify-content:space-between;
  text-transform:uppercase;
  align-items:center;
  padding:2px 10px 2px 20px;
  border-radius:68px;
  margin-top:40px;
  font-size:17px;
  color:#000;
  line-height:56px;
 transition:0.5s;
 line-height:34px;
}
.downloadBtn img { margin-left:10px; width:47px;}  
.downloadBtn:hover { background-color:#b79057; color:#fff;}




.gokulvideo-section { width:100%; position:relative; overflow:hidden;}
.gokulvideo-section iframe {width:100%; height:650px;}
.gokulvideo-section a {position:absolute; left:50%; transform:translateX(-50%); top:45%; cursor:pointer; z-index:1; transition:3s ease;}
.gokulvideo-section img {transition:3s ease;}
.gokulvideo-section:hover img {transform: scale(1.1);}


/**popup open**/
.popModel
{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0;
  transition:opacity .15s linear;
  background:rgb(90 87 87 / 96%);
}
.arial-view
{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0;
  transition:opacity .15s linear;
  background:rgb(90 87 87 / 96%);
}
.modal-content 
{
  border: none;
  border-radius:15px;
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  position:relative;
  width:90%;
  padding:30px;
  pointer-events:auto;
  background-color:#fff;
  background-clip:padding-box;  
  margin:2rem auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.modal-content .closeBtn 
{
    position:absolute;
    right:-10px;
    top:-10px;
    background-color:#2c2c2c;
    padding:5px;
    color:#fff;
    font-size:30px;
    line-height:30px;
    border-radius:50%;
    border:2px solid #fff;
    cursor:pointer;
}
.modal-content iframe {width:100%; height:565px;}
/**popup close **/


.gokuldham-Estate-container 
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  padding:80px 0px;
  display:flex;
  justify-content:space-between;
 
}
.goku-estate-left {width:42%; display:flex; flex-direction:column; justify-content:space-between; text-align:left; }
.smallhd {font-size:22px; margin-bottom:15px; text-transform:uppercase;}
.goku-estate-right {width:48%; display:flex; overflow:hidden;}
.goku-estate-right img { width:100%; transition:3s ease;}
.goku-estate-right:hover img {transform:scale(1.1);}

.gokuPlot
{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  text-align:left;
}
.gokuPlot.rev{flex-direction:row-reverse; margin-top:40px;}
.gokuPlot .goku-p-l {width:45%; display:flex; flex-direction:column;}
.gokuPlot .goku-p-l span {color: #b8915a;
    font-size:20px;
    line-height: 28px;
    margin-top: 10px;}
.gokuPlot .goku-p-r {width:45%; display:flex; overflow:hidden;}
.gokuPlot .goku-p-r img { width:100%; transition:3s ease;}
.gokuPlot .goku-p-r:hover img {transform:scale(1.1);}

.gokuldham-location-container
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  padding:80px 0px;
  display:flex;
  flex-direction:column;
}
.goku-location-mapbox
{
  width:100%;
  position:relative;
  display:flex;
  justify-content:flex-end;
}
.goku-loc-dtl
{
  position:absolute;
  top:5%;
  left:0px;
  width:50%;
}

.mainLocation-distanceBox 
{
  display:flex; 
  flex-direction:row; 
  justify-content:space-between; 
  border-top:1px solid #ad8b4b; 
  margin:45px 0px 45px 30px;
  width:75%;
}
.maidisbox:first-child {margin-left:-65px;}
.maidisbox:last-child {margin-right:-63px;}
.maidisbox { display:flex; flex-direction:column; text-align:center; width:30%; position:relative; padding-top:35px;}
.maidisbox::after
{
  content:"";
  width:1px;
  height:30px;
  background-color:#ad8b4b;
  position:absolute;
  top:0px;
  left:50%;
  transform:translateX(-50%);
}
.maidisbox::before
{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background-color:#ad8b4b;
  position:absolute;
  top:27px;
  left:50%;
  transform:translateX(-50%);
}

.maidisbox p {font-weight:bold;}
.maidisbox span {font-size:12px;}

.sembox
{
  display:flex;
  flex-direction:row;
 }
.sembox ul { width:300px;}
.sembox ul li {font-size:14px; list-style: disc; margin-left:20px; text-align:left;}
.sembox ul li.upr { margin-bottom:20px; list-style:none; margin-left:0px;}

.maprowbtn {display:flex; flex-direction:row; justify-content:flex-end;}
.maprowbtn {display:flex; flex-direction:row; justify-content:flex-end;}
.maprowbtn .downloadBtn {font-size:15px; line-height:34px; margin-top:0px; margin-left:10px;}    
.maprowbtn .downloadBtn img {width:27px;}

.dmenu 
{ position:absolute;
  width:240px;
  line-height:40px;
  top:36px;
  opacity:0;
  visibility:hidden;
  left:50%;
  transform:translateX(-50%);
}
.dmenu li {
  width:100%; 
  line-height:80px; 
  padding:20px;
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;
}
.dmenu li a 
{
  border:2px solid #b79057;
  align-items:center;
  padding:2px 20px;
  border-radius:68px;
  font-size:15px;
  line-height:34px;  
  color: #000;
  transition: 0.5s;
}
.dmenu li a:hover
{
  background-color:#b79057;
  color:#fff;
}

.maprowbtn span:hover .dmenu
{
  top:36px;
  opacity:1;
  visibility:visible;
  z-index:9;
  transition:0.3s;
} 

.amenities-container { width:100%; display:flex; flex-direction:column;}
.amenities-boxes 
{
  width:100%; 
  background-color:#f4f4f4; 
  padding:50px 0px; 
  margin-top:50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.amenities-hd-line { margin-bottom:40px; display:flex; flex-direction:column;}
.amenities-hd-line p {font-size:37px; text-align:center; font-family: var(--lightfont);}
.amenities-hd-line span {text-align:center; margin-top:10px;}

.amenities-iconsBox 
{ width:85%; 
  margin-left:auto; 
  margin-right:auto;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  text-align:center;
}
.ame-box {
  width:25%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:40px;
  overflow:hidden;
}

.investHaridwar-container 
{
  width:100%;
  display:flex;
  flex-direction:column;
  padding:100px 0px ;
}
.investHaridwar-container .light-hd {font-size:98px;}

.haridwarInvestBox 
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  margin-top:70px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
.haridwarInvestBox-left {width:54%; display:flex; overflow:hidden;}
.haridwarInvestBox-right {width:40%; display:flex; flex-direction:column; align-items:flex-start;}
.haridwarInvestBox-right .downloadBtn { margin-top:10px; font-size:15px; line-height:34px;}
.haridwarInvestBox-right .downloadBtn img {width:27px;}
.boxdhr { display:flex; flex-direction:row; margin-bottom:25px;}
.boxdhr .nbr { font-size:30px; margin-right:15px;}
.boxdhr .ncr {font-size:16px; line-height:20px; text-align:left;}
.boxdhr .ncr span {font-size:17px; font-weight:700; margin-bottom:5px;}

.broch-row 
{ 
  width:85%; 
  margin-left:auto; 
  margin-right:auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  padding:180px 0px 0px 0px;
}
.broch-row .borbox 
{ width:25%; 
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:20px 0px;
  align-items: center;
  border-right: 1px solid #f7ead6;
}
.broch-row .borbox:last-child {border-right:none;}
.broch-row .borbox img {margin-bottom:20px;}
.broch-row .borbox span a {color:#000; display:flex;}
.broch-row .borbox span a:hover {text-decoration:underline;}

.followOn-social 
{
  background-color:#f3f3f3;
  padding:40px 0px;
  position:relative;
  display:flex;
  flex-direction:column;
}
.socialGok
{
  text-align:center;
  margin:40px 0px 10px 0px;
  z-index:9;
}
.socialfeed { 
  width:100%; 
  display:flex; 
  flex-direction:row; 
  padding:0px;
  align-items:center;
  background-color:#292b2b;
  margin-top:60px;
  z-index:6;
}
.socialfeed a {width:20%; position:relative; margin:0px; display:flex; justify-content:center;}
.socialfeed a img {width:100%;}
.socialfeed a video {width:100% !important;}
.socialfeed a .play-btn 
{
  position:absolute;
  width:50px;
  left:50%;
  top:45%;
  transform:translateX(-50%);
}

.post {position:relative; display:inline-block; margin:10px; cursor:pointer;}
.post i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:60px; color:#fff; pointer-events:none;}
#instagramModal{ display:none; position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
z-index:9999;
justify-content:center;
align-items:center;
padding:20px;
box-sizing:border-box;
}

#instagramModal video{
width:auto;
height:auto;
max-width:90vw;
max-height:90vh;
border-radius:12px;
background:#000;
}

#closeBtn{
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:#fff;
cursor:pointer;
}


.getTocuh 
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  padding:80px 0px;
  display: flex;
  flex-direction: row;
}
.getTocuh .gTouch-left {width:35%; position:relative; z-index:9;}
.getTocuh .gTouch-right {width:60%;}
.gokulform form {display:flex; flex-direction:column; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
/* .gTouch-right form {display:flex; flex-direction:column; flex-direction:row; flex-wrap:wrap; justify-content:space-between;} */
.gTouch-right form .formContent {display:flex; flex-direction:column; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.gTouch-right form .successMsg {display:none; text-align:center;}
.smlHd {font-size:20px; text-transform:uppercase;}
.formRow { width:100%; position:relative;}
.formRow.f47 {width:47%;  display: flex; flex-direction:column;}
.formRow p {margin-bottom:10px; text-transform: capitalize;}
.formRow span { font-size:12px; color:#f00; height:15px;}
.forminner select 
{ border-radius:27px;
  border:none;
  background-color:#f1f1f1;
  width:100%;
  padding:10px 25px;
  height:50px;
  font-size:15px;
  border-right:15px solid #f1f1f1;
}
.forminner input
{ border-radius:27px;
  border:none;
  background-color:#f1f1f1;
  width:100%;
  padding:10px 25px;
  height:50px;
  font-size:15px;
}
.checrow { font-size:12px; margin:20px 0px;}
.buttonform 
{
  background-color: #b79057;
    border: 1px solid #b79057;
    color: #fff;
    padding: 20px 0px;
    line-height: 15px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 35px;
    cursor: pointer;
}
.buttonform:hover 
{  
background-color:#9b7742;
border:1px solid #9b7742;
} 

.form-modal-content .formRow p {margin-bottom:5px;}
.form-modal-content .checrow { margin:0px 0px 20px 0px;}
.msg {color:#919191; margin:30px 0px; width:100%; font-size:12px; text-align:center;}
.request-call-popup .form-modal-content {width:35%; margin:4rem auto 0rem auto;}

.rera-container 
{ width:80%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.minhd 
{
 font-size:22px !important;
 margin-bottom:15px;
 text-transform:uppercase;
}
.rera-container p {font-size:14px;}


.gokuldham-gallery-container 
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  padding:80px 0px;
  display:flex;
  flex-direction:column;
}

.gokuldham-gallery-container .goku-gallery {margin-top:60px;}

/* Base Slide Setup */
.goku-gallery .slide-item {
  padding:0px;
  opacity:1; /* Dims the side images */
  transform:scale(0.75); /* Shrinks side images */
  transition:transform 0.4s ease, opacity 0.4s ease;
  margin:0 -34px;
}

.goku-gallery .slide-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* Active Center Slide Setup */
.goku-gallery .slick-center {
  transform: scale(1.1); 
  z-index: 2;
  position: relative;
}

.goku-gallery .slick-dots {bottom:-80px;}
.goku-gallery .slick-dots li { border:1px solid #646361; border-radius:50%; padding:4px; width:auto; height:auto;}
.goku-gallery .slick-dots li button {background:#646361;}
.goku-gallery .slick-dots li button:before {top:4px; left:4px; color:#ebc895; background-color:#ebc895;}

.goku-gallery .slick-prev {bottom:-127px; background:url(../images/prev.png) no-repeat; width:57px; height:58px; left:20%;}
.goku-gallery .slick-next {bottom:-127px; background:url(../images/next.png) no-repeat; width:57px; height:58px; right:20%;}

/**************************************contact us pages*************************/
.p-saleContainer {
    width:85%;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:column;
    padding:80px 0px 40px 0px;
}

.contactdel
{
  width:65%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content:space-around;
  text-align:center;
  align-items:center;
  margin-top:60px;
}
.contactdel .bbb { width:50%;  padding:40px 0px; border-right:1px solid #c8aa7f;}
.contactdel .bbb:last-child { border-right:none;}
.bbb p a
{
  display:flex;
  flex-direction:column;
  line-height:30px;
  font-size:19px;
  text-transform: capitalize;
  color:#b79057;
}
.bbb p a span {color:#000;}
.bbb p a:hover span {text-decoration:underline;}

.salesoffice-container 
{
  padding:60px 0px;
  background-color:#f1f1f1;
}

.sale-cnt 
{
    width:85%;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:column;
   
}

.saleAddres 
{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  flex-wrap:wrap;
  padding:40px 0px;
  margin-top:40px;
}
.saleAddres .addressbox 
{
  width: 25%;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
  font-size:15px;
  text-align:left;
  border-right:1px solid #b79057;
}
.saleAddres .addressbox:last-child 
{
  border-right:none;
}
.saleAddres .addressbox span 
{
  color:#b79057; 
  font-size:22px; 
  min-height:80px;
}

/***************************************** about us *******************************************/
.who-we-are-container
{ width:85%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:row;
  padding:80px 0px;
  align-items:center;
  justify-content: space-between;
}
.who-we-are-container .hd-heading {width:40%;}
.whoWe-cnt {width:60%; text-align:left;}

.wbnr {width:100%; overflow:hidden;}
.wbnr img {width:100%; transition:3s ease;}
.wbnr img:hover {transform:scale(1.1);}

.wecaureIMG { width:36%; position:relative;}
.wecaureIMG img {width:339px;}
.wecaureIMG .logogif 
{
  position:absolute;
  z-index:1;
  right:0px;
  top:152px;
  width:238px;
}

.weCurate-container .hd-heading {width:100%;}
.weCurate-container 
{
  display:flex;
  flex-direction:column;
  width:60%;
}
.weCurate-container p { margin-top:50px;}
.himgbox {text-align:center; padding-top:40px; overflow:hidden; width:90%; margin-left:auto; margin-right:auto;}
.himgbox img {width:70%;}

.ourSkill-container
{
  width:85%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:row;
  padding:130px 0px;
}
.whoWe-cnt .counterbox {margin-top:0px; margin-bottom:40px;}
.whoWe-cnt .counterbox ul {text-align:left;}
.whoWe-cnt .counterbox ul li {width:100%; padding:0px;}

.oskillbanner { width:100%; margin-top:30px; overflow:hidden;}
.oskillbanner img {width:100%;} 


.about-portfolio-section 
{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  padding:130px 0px;
}

.portfolio-gallery-container 
{
  width:1170px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:column;
}

.portfolio-gallery-container .box1port {width:40%;}
.portfolio-gallery-container .box1port p { margin-top:60px;}

.portfolio-img-container 
{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items: flex-start;
  position:relative;
  margin-top:30px;
  justify-content:space-between;
}
.por-1st {width:20%; display:flex; align-items:flex-start; overflow:hidden;}
.por-2nd { width:22%; display:flex; align-items:flex-start; overflow:hidden;}
.por-3nd { width:33%; display:flex; align-items:flex-start; margin-top:-269px; overflow:hidden;}
.por-4nd { width:23%; display:flex; align-items:flex-start; margin-top:-107px; overflow:hidden;}
.por-5nd { 
  width:40%;
  display: flex;
  align-items: flex-start;
  /* border: 1px solid #f00; */
  margin-top:-145px;
  margin-left:241px;
   overflow:hidden;
}
.por-6nd { width:38.5%; display:flex; align-items:flex-start;  margin-top:-146px; overflow:hidden;}

.portfolio-img-mobile {display:none;}

/******************************* timeline ****************************/
.timeline-container { width:70%; margin-left:auto; margin-right:auto; padding:100px 0px;}
.timelineRow 
{
  display:flex; 
  flex-direction:row; 
  justify-content:space-between; 
  overflow:hidden;
  position:relative;
  padding:30px 0px;
}

.timeline-line {
  position: absolute;
  top: 0;
  left:50%;
  width:3px;
  height:100%;
  background-color:#000;
  transform:translateX(-50%);
}

.timelineRow.rev {flex-direction:row-reverse;}
.timelineRow .time-left {width:47%; overflow:hidden; display:flex; justify-content:center;}

.timelineRow .time-right 
{
  width:38%; 
  display:flex; 
  flex-direction:column; 
  justify-content:center; 
  position:relative; 
  font-size:19px;
}
.timelineRow .time-right p {text-align:left;}
.timelineRow .hdtime 
{
  font-size:55px; 
  font-weight:bold; 
  margin-bottom:10px; 
  text-transform:uppercase;
  font-family:var(--headingfont);
  letter-spacing:5px;
}
.timelineRow .active .hdtime {color:rgb(184 145 90);}

/************************ photo gallery *************************/
.pgb {min-height:400px;}
.photoGallery-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding:60px 0px;
    display: flex;
    flex-direction: column;
}

.heading a { color:#ccc;}
.heading a:hover {color:#000;}
.heading a.active {color:#000;}

.gallerySelect-row 
{ width:400px; margin-left:auto; margin-right:auto; padding:40px 0px 0px 0px; margin-top:50px;}
.gallerySelect-row form select 
{
  border-radius: 27px;
  border: none;
  background-color: #f1f1f1;
  width:97%;
  padding: 10px 25px;
  height: 50px;
  font-size: 15px;
  text-align:center;
  border-right: 20px solid #f1f1f1;
}
.gallerySelect-row form select option {color:#000;}

.photogallery .photogallery-l {width:69%;}
.photogallery .photogallery-l a 
{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 45%;
  cursor: pointer;
  z-index: 1;
  transition: 3s ease;
}



.photogallery .photogallery-r {width:30%;}
.photogallery .photogallery-r .gal-r-1 {width:100%;}
.photogallery .photogallery-r .gal-r-1 .small-gImg.mt20px {margin-top:10px;}

/************ terms pages ***********/

.p-container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
}

.terms-container-row
{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:40px;
}

.termhder {width:100%; height:20vh;}
.termsContainer {width:100%; display:flex; flex-direction:column;}

.subheading {color:#b79057; text-transform:uppercase; font-size:20px; margin:40px 0px 10px 0px;}
.termsContainer ul {margin-left:30px;}
.termsContainer ul li {list-style:disc; margin:5px 0px;}
.termsContainer a{ color:#000; text-decoration:underline;}
.termsContainer a:hover {color:#9b7742;}
/**@media screen and (min-width:3024px) **/

@media screen and (min-width:3024px)
{
  .form-modal-content {margin: 10rem auto 10rem auto;}
}

@media screen and (min-width:2550px)
{
  .form-modal-content {margin: 10rem auto 10rem auto;}
  .golden-frame {height:76vh;}
  .gokulvideo-section iframe {height:70vh;}
}

@media screen and (min-width:1920px)
{
  .modal-content {margin:10rem auto;}
  .modal-content iframe {width:100%; height:650px;}
  .gokuldhamInnerLogo {bottom:-23%;} 
  .boxdhr {margin-bottom: 55px;}
  .form-modal-content {margin: 10rem auto 10rem auto;} 
  .termhder {height:14vh;}
  .golden-frame {height:88vh;}

  .goku-gallery .slide-item { margin:0px -50px;}
  .gokulvideo-section iframe {height:75vh;}
 
  .founder-popModel .modal-content {width:55%; margin:4rem auto;}

  .wecaureIMG img {width:450px;}
  .wecaureIMG .logogif {width:346px;}

}

@media screen and (min-device-width:1680px) and (max-device-width:1700px)
{
  .gokuldhamInnerLogo {bottom:-30%;}
  .golden-frame { height:83vh;}
}

@media screen and (max-width:1440px)
{
   .modal-content iframe {width:100%; height:650px;}
   .gokulvideo-section iframe {height:650px;}
}

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

.topnavigation .nav-links li a {padding: 9px 10px;}
.light-hd {font-size:60px; line-height:60px;}
.heading {font-size:50px; line-height:60px;}
.gokuldhamInnerLogo {bottom:-56%;}
.golden-frame {height:82vh;}
.gokuPlot {margin-top:25px;}
.goku-loc-dtl {width:40%;}
.haridwarInvestBox {align-items:flex-start;}
.form-modal-content {margin:5rem auto 0rem auto;}


.portfolio-gallery-container {width:90%;}
.por-3nd {margin-top:-213px;}
.por-4nd {margin-top:-107px;}
.por-5nd {width:35%; margin-top:-112px; margin-left:192px;}
.por-6nd {width:43%; margin-top:-115px;}

.termhder {height:14vh;}
.gokulvideo-section iframe {height:75vh;}

.goku-gallery .slick-next {right:20%;}
.goku-gallery .slick-prev {left:20%;}

.founder-popModel .modal-content {width:70%;}

.overview-content-box {width:90%;}

.wecaureIMG img {width:236px;}
.wecaureIMG .logogif {top:137px; width:194px;}



}

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

.btnrow {width:100%;}

.welcome-container {padding:30px 0px;}
.welcome-container p {width:100%;}
.counterbox {margin-top:60px;}
.counterbox ul li span {font-size:42px; line-height:50px;}
.counterbox ul li sub {font-size:42px; line-height:50px;}

.our-philosophy-container {padding:10px 0px 40px 0px;}
.philopCnt .f-s {width:53%;}
.philopCnt .s-s {width:45%;}
.light-hd 
{
  font-size:70px;
  line-height:70px;
  display:none;
}
.heading
{
  font-size:58px;
  line-height:65px;
}
.hd-heading .light-hd { top:7px; font-size:48px;}

.our-latest-launch-container {padding-top:0px;}
.launch-box {margin-top:10px;}
.gokuldham-estate-box {padding:25px 30px; width:350px;}
.gokuldham-estate-box img {width:170px;}
.gokuldham-estate-box p { margin-top:15px; font-size:13px;}
.gokuldham-estate-box .learnmore img {width:20px;}
.gokuldham-estate-box .learnmore {font-size:13px;}

.retailslider .slick-next {right:20%;}
.retailslider .slick-prev {left:20%;}



.bringDifference-container .rowsbox .boxes .btext span {text-align:left;}
.partnerLogo-row {width:100%; margin-top:0px;}

.topnavigation .nav-links li {margin:0px 10px 0px 0px;}
.topnavigation .nav-links li a {font-size:12px;}

/***** our products inner page *****/
.hyatt-welcome-container { padding:60px 0px; }
.small-gImg.mt20px {margin-top:8px;}
.galleryHotel .slick-prev {left:20%;}
.galleryHotel .slick-next {right:20%;}

/**** gokuldham project haridwar *****/
.gokuldhamInnerLogo {bottom:-70%;}
.golden-frame {height:50vh;}
.goku-location-mapbox { flex-direction:column;}
.goku-loc-dtl {width:100%; position:relative;}

.form-modal-content {width:90%; margin:2rem auto 0rem auto;} 
.saleAddres .addressbox {width:50%; margin-bottom:40px;}
.saleAddres .addressbox:nth-child(2) {border-right:none;}
.saleAddres .addressbox:nth-child(3) { margin-bottom:0px;}
.saleAddres .addressbox:last-child { margin-bottom:0px;}

.request-call-popup .form-modal-content {width:90%;}

.who-we-are-container { flex-direction:column; padding:10px 0px 60px 0px;}
.weCurate-container {width:100%;}
.wecaureIMG {width:80%; padding-bottom:150px;}
.wecaureIMG img {width:315px;}
.wecaureIMG .logogif {top:148px; width:354px;}

.who-we-are-container .hd-heading {width:100%; text-align:center;}
.whoWe-cnt {width:100%; margin-top:30px; text-align:center;}
.whoWe-cnt .counterbox ul li {text-align:center;}
.portfolio-gallery-container .box1port {width:100%; text-align:center;}
.portfolio-gallery-container .heading {text-align:center;}

.por-3nd {margin-top:0px;}
.por-4nd {margin-top:0px;}
.por-5nd {margin-top:0px; margin-left:0px;}
.por-6nd {margin-top:0px;}

.pgb {min-height:160px;}
.termhder {height:10vh;}
.gokulvideo-section iframe {height:48vh;}

.goku-gallery .slick-next {right:16%;}
.goku-gallery .slick-prev {left:16%;}

.partner-container { padding:0px 0px 30px 0px;}

.founder-popModel .modal-content {width:85%;}

}


@media screen and (max-width:700px)
{
.mshow { display:block !important;}
.deskshow { display:none !important;}
.modal-content {width:90%; padding:10px;}

.homeSlider.gdkham .slick-dots { width:100%; bottom:60px;}
.golden-frame {display:none;}

.homeSlider .slick-slide.slick-current img {transform:scale(1);}
.burger-container {right:1rem;}
.topleft .searchIcon {padding-right:4rem;}

.headerContainer .logo a img.scr {display:block;}
.logo {width:90px;}
.headerContainer.fixed-header {padding:5px 0px;}
.headerContainer.fixed-header .logo a img {width:85px;}

.termhder {height:7vh;}

.slide-right { transform:translateX(10px); opacity:0;}
.headerContainer {padding:5px 0px;}
.headerContainer .topnavigation {display:none;}
.headerContainer.fixed-header .topleft .burger-container {display:flex;}
.prow {width:280px; background-color:rgb(0 0 0 / 84%);}
.proright {flex-direction:column;}
.proright .boxf {width:100%;}
.proright .boxf a {font-size:14px; line-height:32px;}
.proright .boxs {width:100%; padding:0px;}
.proright .boxs a {font-size:14px; line-height:18px;}

.enquirebtn {right:1%; bottom: 1%;}
.enquirebtn img {width:76px;}
.counterbox {margin-top:20px;}
.counterbox ul {flex-wrap:wrap;}
.counterbox ul li {width:50%;}
.counterbox ul li:nth-child(2) {border-right:none;}
.philopCnt {flex-direction:column-reverse;}
.philopCnt .f-s {width:100%;}
.philopCnt .s-s {width:100%; margin-bottom:20px; border-radius:0px 50px 0px 0px;}
.subheading {text-align:center; font-size:15px;}
.heading {font-size:33px; line-height:35px; text-align:center;}
.light-hd { display:none; font-size:33px; line-height:29px; text-align:left;}

.launch-box {display:flex;flex-direction: column-reverse;}

.gokuldham-estate-box 
{
  position:relative; 
  width:100%; 
  padding:30px;
  left:0%;
  transform:translateX(0%);
  border-radius:0px;
}
.luxury-hotel {margin:30px 0px;  flex-direction:column;}
.luxury-hotel .retailslider {width:100%;}
.luxury-hotel .retail-thumbnails {width:100%; margin-top:10px;}
.retailslider .slick-prev {
    left:0%;
    background-size:100%;
    bottom:-40px;
    width:30px;
    height:30px;
}
.retailslider .slick-next 
{
  right:0%;
  background-size:100%;
  bottom:-40px;
  width:30px;
  height:30px;
}
.badge {top:3px; right:3px; padding:6px 8px;
    font-size:8px;}


.bringDifference-container .rowsbox { flex-direction:column;}
.bringDifference-container .rowsbox .boxes {width:100%; min-height:200px;}
.bringDifference-container.mshow { display:block;}
.bringDifference-container.deskshow { display:none;}
.webuild-container {flex-direction:column;}
.webuild-container .build-left {width:100%; margin-top:30px;}
.webuild-container .build-right {width:100%;}
.place-rec {width:100%;}
.partnerLogo-row img { width:50%; padding:15px;}
.footer {width:90%; flex-direction:column;}
.logofooter {display:none;}
.footerRight {width:100%;}
.footerRight ul {width:50%;}
.footerRight ul:last-child li {text-align:right;}

/***** our products inner page *****/
.inner-icon-rows {width:100%; margin-bottom:20px;}
.content-hyaat {width:100%;}
.gallery-container {margin-bottom:20px; min-height:auto;}
.galleryMainbox {flex-direction:column;}
.galleryMainbox .galleryMainbox-left {width:100%; margin-bottom:10px;}
.galleryMainbox .galleryMainbox-right {width:100%;}
.galleryHotel .slick-dots {display:none !important;}
.galleryHotel .slick-prev {width:30px; height:30px; background-size:100%; bottom:-75px;}
.galleryHotel .slick-next {width:30px; height:30px; background-size:100%; bottom:-75px;}

.location-container {flex-direction:column-reverse; padding:10px 0px 40px 0px;}
.location-container .location-container-left {width:100%;}
.location-container .location-container-left iframe {height:300px; margin:20px 0px 0px 0px;} 
.location-container .location-container-left #map {min-height:300px; margin:0px 0px 0px 0px;}

.location-container .location-container-right {width:100%;}
.locationTab-container {margin-top:30px;}


.footer-bottom {flex-direction:column; text-align:center;}
.fb-right {margin-top:10px;}

/**** gokuldham project haridwar ***/
.overview-container {width:90%; padding:125px 0px 60px 0px;}
.overview-content-box {width:100%; margin-top:20px;}
.downloadBtn {margin-top:30px; font-size:15px; line-height:34px; width:100%; justify-content:center;}
.downloadBtn img {width:27px;}
.gokulvideo-section a img {width:40px;}

.amenities-boxes .downloadBtn {width:auto;}

.gokuldham-Estate-container {width:90%; padding:40px 0px; flex-direction:column;}
.goku-estate-left {width:100%;}
.goku-estate-right {width:100%; margin-top:30px;}

.gokuldham-location-container {width:90%; padding:40px 0px; flex-direction:column;}
.goku-location-mapbox {margin-top:30px;}
.mainLocation-distanceBox {width:100%; margin:30px 0px;}
.maidisbox:first-child {margin-left:0px;}
.maidisbox:last-child {margin-right:0px;}
.sembox ul {width:48%;}

.maprowbtn { width:80%; flex-direction:column; align-items:center; margin-left:auto; margin-right:auto;}
.maprowbtn span {width:80%;}
.maprowbtn span a span {width:auto;}
.maprowbtn .downloadBtn {width:100%; margin-top:20px; margin-left:0px; text-align:center;}
.dmenu 
{
  top:62px;
  width:100%;
}
.maprowbtn span:hover .dmenu 
{
  top:62px;
  background-color: #ebebeb;
  border-radius: 15px;
  box-shadow: 1px 2px 5px #c1c1c1;
}

.haridwarInvestBox-right .maprowbtn span {width:100%;}

.amenities-iconsBox {width:90%;}
.ame-box {width:48%; justify-content:flex-start;}

.investHaridwar-container { padding:40px 0px;}
.haridwarInvestBox {width:90%; flex-direction:column; margin-top:30px;}
.haridwarInvestBox-left {width:100%; margin-bottom:30px;}
.haridwarInvestBox-right {width:100%;}
.haridwarInvestBox-right .downloadBtn {margin-left:auto; margin-right:auto;}

.broch-row { width:90%; padding:100px 0px 0px 0px; flex-wrap:wrap;}
.broch-row .borbox {width:50%;}
.broch-row .borbox:nth-child(2) {border-right:none;}
.broch-row .borbox:last-child {border-right:none;}

.getTocuh { width:90%; padding:40px 0px; flex-direction:column;}
.getTocuh .gTouch-left {width:100%;}
.getTocuh .gTouch-right {width:100%;}
.formRow.f47 {width:100%;}

.p-saleContainer { width:100%; padding:40px 0px 10px 0px; }
.contactdel {width:100%; margin-bottom:40px;}
.sale-cnt {width:90%;}
.salesoffice-container { padding:40px 0px;}
.saleAddres {padding:10px 0px; margin-top:10px;}
.saleAddres .addressbox {width:100%; border-right:none; text-align:center; margin-bottom:40px;}
.saleAddres .addressbox:nth-child(3) {margin-bottom:40px;}
.saleAddres .addressbox span {min-height:53px;}

.who-we-are-container {padding:20px 0px 40px 0px;}
.wecaureIMG {width:100%; padding-bottom:90px;}
.wecaureIMG .logostl { width:60%; margin-top:26px;}
.wecaureIMG .logogif 
{
position:absolute;
right:0px;
top:204px;
width:68%;
}

.portfolio-gallery-container .box1port p {margin-top:30px;}

.portfolio-img-container {display:none;}
.por-1st {width:100%;}
.por-2nd {width:100%; margin-top:10px;}
.por-3nd {width:100%; margin-top:10px;}
.por-4nd {width:100%; margin-top:10px;}
.por-5nd {width:100%; margin-top:10px;}
.por-6nd {width:100%; margin-top:10px;}

.portfolio-img-mobile {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin:25px 0px;}
.portfolio-img-mobile img {width:49%;}
.portfolio-img-mobile img:last-child {width:100%; margin-top:10px;} 

.timeline-container {width:90%; padding:40px 0px;}

.photoGallery-container { padding:30px 0px;}

.gallerySelect-row {width:100%; padding:10px 0px 0px 0px; margin-top:10px;}
.pgb {margin-bottom:90px;}

.galleryHotel.pgb {margin-bottom:50px;}
#gok-gallery .galleryHotel.pgb {margin-bottom:100px;}
#hyt-gallery .galleryHotel.pgb {margin-bottom:100px;}
#itc-gallery .galleryHotel.pgb {margin-bottom:100px;}
#alia-gallery .galleryHotel.pgb {margin-bottom:100px;}

#gok-gallery .galleryHotel.pgb.vid {margin-bottom:40px;}
#hyt-gallery .galleryHotel.pgb.vid {margin-bottom:40px;}
#itc-gallery .galleryHotel.pgb.vid {margin-bottom:40px;}
#alia-gallery .galleryHotel.pgb.vid {margin-bottom:40px;}

 

.photogallery .photogallery-l a {top:40%;}
.photogallery .photogallery-l a img {width:40px;}


.overlay-text { bottom:5px;}
.overlay-text h1 {font-size:13px; line-height:20px;}
.overlay-text p { font-size:9px;}

.modal-content iframe {width:100%; height:500px;}

.timelineRow {align-items:flex-start;}
.timeline-line {width:1px;}
.timelineRow .time-left {align-items:flex-start;}
.timelineRow .time-right {width:46%;}

.socialfeed { flex-wrap:wrap; margin-top:20px;}
.socialfeed img {width:50%;}
.socialfeed video {width:50% !important;}

.timelineRow .time-right {font-size:16px;}
.timelineRow .hdtime { font-size:25px; letter-spacing:2px;}

.amenities-hd-line p {font-size:27px; text-align:center; font-family: var(--lightfont);}

.gokuldham-gallery-container {width:90%; padding:50px 0px 60px 0px;}
.gokuldham-gallery-container .ggal {margin-top:30px;}
.gokuldham-gallery-container .pgb {margin-bottom:30px;}

.gokuldhamInnerLogo {bottom:-20%;}
.menu-list {height:70vh;}
.amenities-boxes {margin-top:10px;}

.gokuldham-gallery-container .goku-gallery {margin-top:20px;}
.goku-gallery .slick-dots {display: none !important;}
.goku-gallery .slick-prev {width:30px; height:30px; background-size:100%; bottom:-75px;}
.goku-gallery .slick-next {width:30px; height:30px; background-size:100%; bottom:-75px;}

.gokulvideo-section iframe {height:38vh;}

.socialfeed a .play-btn {width:32px; top:38%;}

.skybungalow-high ul {width:48%;}
.skybungalow-high ul li {font-size:14px;}

.weCurate-container {width:100%; padding-bottom:30px;}
.himgbox {width:100%;}
.weCurate-container p {margin-top:20px;}

.tm-searchbox {top:55px;}

.founder-popModel .modal-content {width:90%;}
.btnrow { justify-content:center; width:auto; flex-direction: column; align-items: center;}

.rera-container {width:90%;}

}

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

@media screen and (max-width:430px)
{
}  

@media screen and (max-width:414px)
{
}

@media screen and (max-width:414px) and (max-height:736px) 
{
}

@media screen and (max-width:414px) and (max-height:896px) 
{
}

@media screen and (max-width:393px)
{
}

@media screen and (max-width:375px)
{
}

@media screen and (max-width:375px) and (max-height:812px) 
{
}

@media screen and (max-width:375px) and (max-height:667px) 
{
}  


@media screen and (max-width:375px) and (max-height:667px) 
{
}


@media screen and (max-width:360px)
{
}


@media screen and (max-width:320px)
{
}