@media(width < 1199px){
  .wrapper{ max-width:95%;}
  .wrapper-big{ max-width:95%;}
}

@media( 767px < width < 992px){
  html{font-size: 50%;}
  .bannerSec .textContent h1{ font-size:30px;}
  .about-img img{ width:220px;}
}

@media(width > 767px){
  header{ position: fixed; width:100%; left:0; top:0; background: #fff; z-index: 2; box-shadow:0 0 5px #ccc;}
  .headerHeightSpace{ margin-top:75px;}
  .eventType{ padding-bottom: 7rem;}
  .intro-sec .wrapper-big {display:flex; justify-content: space-between; align-items: flex-start;}
  .itenary-sec .itenary-services {display: flex; justify-content: space-between;}
  .itenary-sec .itenary-detail { display: flex; justify-content: space-between; align-items: flex-start;}
  .interstSec .interst-form {display: flex; justify-content: space-between; align-items: flex-start;}
  .itenary-sec .itenary-services .service-columns{ width:45%;}
  .interst-form .captcha-row{ display: flex; justify-content: space-between; align-items: flex-end;}
}

@media(width < 768px){
  html{font-size: 40%;}
  .wrapper {max-width: 90%;}
  header .logo img{ width:15rem;}
  header .toggle-btn {display: block;}
  .right-header ul li {border-right: none; padding:0;}
  header.menuoverlay:before{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.5); z-index: 2;}
  header .menu{ position:fixed; top: 0; left:0; width:250px; background: #fff; height:100vh; z-index:3; transform: translateX(-250px); transition: .5s;}
  header .menu.visible{transform: translateX(0);}
  .title-row .sec-title{ font-size:3.5rem;}

  nav ul{ flex-direction: column;}
  header nav ul li{ margin-right:0;}
  header .menu ul li a{ display: block; border-bottom:1px solid rgba(0,0,0,.2); padding:15px 15px;}
  header .menu ul li a::after{ top:calc(50% - 5px); right:15px;}
  header nav ul li a::before{ right:1.5rem;}
  .bannerSec{width: 100%;}
  .bannerSec .textContent{ padding:0 2%;}
  .bannerSec .textContent h1{ font-size:3rem; line-height:1.2; font-weight:500; text-align: center;}
  .bannerSec .textContent p{ margin-top:2rem; font-size:3rem;}
  .bannerSec.experience .textContent h1{ font-size:3rem; line-height:1.5;}
  .eventSec {margin-bottom: 0; padding-top:4rem; padding-bottom:5rem;}
  .eventSec .event-list{flex-direction: column; max-width:100%;}

  .eventgroup_sec .heading{ font-size:2.5rem;}
  .singleEvt{ flex:0 0 50%; padding:2rem 3%;}
  .singleEvt h4{ padding:1rem 1.5rem; font-size:2.2rem; margin-top:2rem;}
  .eventType{ margin-left:5%;}
  .event-list .owl-dots{ margin-top:2rem!important; margin-bottom:3rem!important;}

  .event-row{ padding:0; flex-direction: column;}
  .eventSec .event-row .event-box {width:250px; margin-bottom: 2rem;}
  .view-all-btn {border-radius: 4rem; height: auto; width: 25rem; padding:2rem 1rem;}
  .view-all-btn br {display: none;}
  .serviceSec{ padding-bottom:0;}
  .service-type ul{ padding:3rem 2rem 0;}
  .serviceSec .services-list {flex-direction: column; margin-top:4rem; width:calc(100% - 2rem);}
  .service-type {width: 100%; margin-bottom: 7rem;}
  .aboutSec{ padding-top:2rem;}
  .about-us {flex-direction: column;}
  .about-content {width: 100%;}
  .about-img {width: 100%; display: flex; align-items: center; margin-top:5rem;}
  .about-img img {width:60%;}
  .about-us p{ line-height:4rem;}

  .contactSec{ padding:3rem 0;}
  .contactSec p{ line-height:3.5rem;}
  .contactSec .formSec{width: 100%; margin-top:5rem;}
  .formSec .form-row.reverse{ flex-direction: column-reverse;}
  .formSec .form-row .form-input{ height:7rem;}
  .formSec .form-row {flex-direction: column; margin:0;}
  .form-row .form-group{ width:100%; margin:0 0 2rem;}
  .formSec .form-row label { margin-top:2.5rem; color: #fff;}
  .formSec .form-row textarea {width: 100%; margin-bottom: 2rem;}
  .formSec .g-recaptcha{ margin-top:2rem; max-width:100%;}
  .formSec .g-recaptcha div, .formSec .g-recaptcha iframe{ max-width:100%;}

  footer{ padding:2rem 0;}
  footer .wrapper{ flex-direction: column;}
  footer p{ margin-top:2rem;}
  .socialLinks li{ margin-right:2rem;}
  .socialLinks li a{ background-size: auto 4rem; width:4rem; height:4rem;}
  .socialLinks li .facebook{ background-position:-33px 0;}
  .socialLinks li .whatsup{ background-position:-60px 0;}
  .socialLinks li .youtube{ background-position:-102px 0;}

  /* fashion-banner css start here */
  .wrapper-big{ max-width:90%;}
  .fashion-banner img{ height:auto; width:100%;}
  .fashion-banner::before{ width:100%;}
  .fashion-banner .banner-content{ left:5%; width:90%;}
  .fashion-banner .banner-content h1 {font-size: 5.8rem; line-height: 7rem;}
  .intro-sec .intro-text {width: 100%; margin-bottom: 3rem;}
  .intro-sec .intro-text p{ text-align: left;}
  .intro-sec img {width: 100%;}
  .exhibitionSec{ padding:5rem 0;}
  .exhibitionSec .showcase {flex-direction: column;}
  .exhibitionSec .showcase .showcase-box {width: 100%;}
  .floorplan-sec {margin:4rem 0 6rem;}
  .floorplan-sec h2{ font-size:3.5rem;}
  .floorplan-sec img{ margin-left:0; width:100%;}
  .itenary-sec .itenary-detail{ margin-bottom:3rem; display: flex; flex-direction:column-reverse;}
  .itenary-sec .itenary-detail .itenary-text p{ line-height:4rem;}
  .itenary-sec .timeline-sec .schedule ul {flex-wrap: wrap;}
  .itenary-sec .timeline-sec .schedule ul li { margin-bottom: 1.5rem;}
  .itenary-sec .itenary-services .service-list{ margin-bottom:3rem;}
  .itenary-sec .itenary-services .service-list h4{ display: flex; font-weight:500; border-width:1px;}
  .itenary-sec .itenary-detail img {width: 100%;}
  .itenary-sec .itenary-detail .itenary-text {width: 100%; margin-bottom:4rem;}
  .interstSec .interst-form img {width: 100%; margin-bottom: 4rem;}
  .interstSec .interst-form form {width: 100%;}
}