@media (min-width: 0px) and (max-width: 767px) {
   header .mobile-menu {
    border: medium none;
    box-shadow: none;
    left: 20px;
    padding: 0;
    position: absolute;
    top: 34px;
    z-index: 999;
    width: 100%;
    max-width: 288px;
  }
  header .mobile-menu .dl-menuwrapper button {
    background: rgba(158, 162, 241, 0.59);
    border: none;
    width: 40px;
    height: 38px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
  }
  header .mobile-menu .dl-menuwrapper button::after {
    top: 8px;
    height: 2px;
  }
  .page-container .outer-container .mobile-menu.visible-xs {
    display: none;
  }
  header .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{
    background: rgba(74,66,61,0.9);
  }
   header .dl-menuwrapper li {
    border-bottom: 1px #333 solid;
    position: relative;
  }
  header .dl-menuwrapper li a{
    text-decoration: none;
    font: normal 14px/16px "Open Sans",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
  }
  header.main .logo img{
    width: 60px;
    margin: 2px 0 0;
  }
  /*Common*/
  .container {
    padding: 0 15px;
  }
  .page-container .outer-container .upper-wrapper .mob-banner-img img.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
    display: block;
  }
  .mob-hero-top {
    background: url(../img/bg/hero-bg.jpg) center bottom no-repeat;
    background-size: cover;
    display: none;
  }
  .page-container .outer-container header.main .mob-cta {
    /*top: 6px;*/
  }
  .page-container .outer-container header.main {
    position: relative;
    bottom: 10px;
  }
  .page-container .outer-container header.main .mob-cta {
    margin-top: 68px;
  }
  .page-container .outer-container header.main .mob-cta .btn {
    padding: 6px;
  }  
  .page-container .outer-container #MobBtmMenu .mobile-menu ul li i.fa {
    display: block;
    font-size: 20rem;
    padding: 0 0 4px;
  }
  .page-container .outer-container .upper-wrapper {
    height: auto;
    padding: 0;
  }
  .page-container .outer-container .banner .content .step-item h1.banner-title {
    font-size: 20rem;
  }
  .page-container .outer-container .banner .content {
    padding: 20px 0 0;
  }
  .page-container .outer-container .banner .intro {
    font-size: 18rem;
  }
  .page-container .outer-container .banner .sub-intro p {
    font:400 14rem/130% "Open Sans",Helvetica,Arial,sans-serif;
    text-align: justify;
  }
  .page-container .outer-container .upper-wrapper .banner h1.banner-title span {
    font: 400 30rem/125% 'Roboto', sans-serif;
  }
  .page-container .outer-container .banner .sub-intro {
    margin: 0 auto;
    max-width: 100%;
  }
  .page-container .outer-container .banner .sub-intro::after{
    display: none;
  }
  .page-container .outer-container .mob-hero {
    height: 550px;
    margin-top: 0;
    background: none;
  }
  .page-container .outer-container .banner .content .intro p {
    font: 400 18px/125% 'Source Sans Pro', sans-serif;
  }
  .page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container .form-group .btn {
    font: 400 20px/130% "Open Sans",sans-serif;
  }
  /*panel Location*/
  #main-content .panel-location {
    padding: 20px 0 0;
  }
  #main-content .container > header {
    padding: 0;
  }
  .panel-location .panel-title {
    font-size: 20rem;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .panel-location header {
    margin-bottom: 20px;
  }
  .map-panel .item {
    max-width: 100%;
  }
  #main-content .map-panel .map-frame {
    background: none;
  }
  #main-content .map-panel .item .step-item.ideal {
    position: relative;
    margin: 0;
  }
  #main-content .panel-full-img .item {
    position: absolute;
    left: 0;
    top: 50px;
    max-width: 86%;
  }
  .panel-full-img {
    background: none;
  }
  #main-content .content.panel-full-img {
    height: 30px;
    position: relative;
    display: none;
  }
  #main-content .map-panel .item span.item-title {
    text-align: left;
    font: 400 26rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  }
  #main-content .map-panel .step-item .map-outer{
    display: block;
  }
  #main-content .map-panel .map-outer {
    width: 100%;
    height: auto;
    position: relative;
  }
  #main-content .map-panel .step-item .map-mobile{
    display: block;
  }
  #main-content .map-panel .step-item .map-outer .map-mobile img{
    display: block;
    max-width: 100%;
    height: auto;
  }
  #main-content #montage-outer #item-six .floater a.cta{
    display: none;
  }
  #location .map .m-marker::before {
    left: -44px;
    content: "Sparsh";
    font: 400 16rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  }
  .panel-timeline {
    padding: 20px 0 0;
  }
  .panel-timeline .content {
    max-width: 100%;
  }
  .panel-timeline .inner {
    margin: 0;
  }
  .panel-timeline .grid-wrapper .col {
    margin-top: 20px;
  }
  /*apartments section*/
  #apartments .inner .menu-section .sub-menu.option-2.gallery li{
  width: 100%;
  } 
  /*facilities*/
  #facilities .upper-content{
    padding: 20px 15px;
  }
  #facilities .upper-content h3.content-title {
    font-size: 20rem;
    font-weight: 400;
    margin: 0 0 20px;
  }
  #facilities .upper-content .content p{
    text-align: justify;
  }
  #FacilitiesDetails.panel-amenities-content .amenities-item .item-title {
    font-weight: 700;
    font-size: 16rem;
  }
  #PopUpview .modal-content {
    width: 100%;
  }
  /*content Get wet. Work out*/
  .content.panel-amenities-content .amenities-item h3.item-title {
    margin-bottom: 0;
    padding-top: 70px;
  }
  .content.panel-amenities-content {
    margin-top: 5px;
    padding: 20px 0;
  }
  /*location The perfect lifestyle all*/
  #location.panel-map .content.first.drop-item {
    right: 0;
    top: 0;
  }
  #location .panel-location .item-title {
    display: block;
    text-align: center;
  }
  .panel-amenities-hero .upper-content {
    padding: 20px;
  }
  .panel-amenities-hero .upper-content .content-title {
    font-size: 26rem;
  }
  .panel-map .container {
    padding-top: 20px;
  }
  .panel-map .content.first {
    margin: 0 auto 20px;
    max-width: 100%;
  }
  #location.panel-map h3.content-title {
    font-size: 20rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
  }
  #location .map .m-loftus .marker-wrapper {
    top: 20%;
    left: 28%;
  }
  #location .map .m-northbridge .marker-wrapper {
    top: 480px;
    left: 28%;
  }
  #location .map .m-perth .marker-wrapper {
    top: 68%;
    left: 28%;
  }
  #location .map .m-scitech .marker-wrapper {
    top: 5%;
    left: 28%;
  }
  #location .m-oxfordst .marker-wrapper {
    top: 0%;
    left: 70px;
  }
  #location .m-station .marker-wrapper {
    top: 44%;
    left: 28%;
  }
  #location .m-arena, .m-fwy, .m-perth, .m-scitech {
   display: none; !important;
  }
  #location span.circle{
    display: none;
  }
  #location.panel-map {
    color: #fff;
    height: auto;
  }
  /*Imagine a Sunday like...*/
  #LikeHoliday.panel-timeline {
    position: relative;
    height: auto;
    padding: 20px 0;
  }
  #LikeHoliday.panel-timeline .content .content-title {
    font-size: 26rem;
    margin-bottom: 0;
    font-weight: 400;
  }
  #LikeHoliday.panel-timeline .description {
    font-size: 14rem;
  }
  #LikeHoliday.panel-timeline .time {
    color: #000;
    padding-bottom: 0;
  }
  #LikeHoliday.panel-timeline .activity {
    color: #16bdc8;
    margin-bottom: 10px;
    font-size: 14rem;
  }
  #LikeHoliday.panel-timeline .time-title {
    font-weight: 600;
    font-size: 14rem;
    margin-bottom: 10px;
  }
  /*ProjectStatus*/
  #ProjectStatus {
    display: none;
  }
  /*enquiry You have the Daiwik , get the right villas to Match*/
  #enquiry.panel-enquire {
    padding: 20px 0;
    position: relative;
  }
  .panel-enquire {
    padding: 20px 0 100px;
  }
  .panel-enquire .panel-title {
    font-size: 20rem;
    margin-bottom: 20px;
    font-weight: 400;
  }
  #enquiry .form-wrapper .call-item .detail {
    font-weight: 400;
    font-size: 14rem;
  }
  #enquiry header span.sub-title {
    font-size: 12rem;
  }
  #enquiry textarea {
    height: auto;
  }
  #enquiry #enquire .call-item span.title {
    font-size: 18rem;
    font-weight: 400;
  }
  #ContactUs .form-fields {
    padding: 10px;
  }
  #ContactUs .form-fields .form-title {
    font-size: 17rem;
  }
  .panel-finbar .developer .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .panel-finbar .developer .logo {
    width: 100px;
    display: block;
    margin-bottom: 0;
  }
  #enquiry #ContactUs .field textarea{
    height: 214px;
    display: none;
  }
  #enquiry #enquire #ContactUs .field {
    margin-bottom: 20px;
    display: none;
  }
  #ContactUs .selldof .selldof_row .selldof_field-container .form-group {
    text-align: center;
    margin: 0;
  }
  /*PropertyInfo*/
  #PropertyInfo .developer h2.title {
    font: 400 16rem/130% "Open Sans",Helvetica,Arial,sans-serif;
  }
  #PropertyInfo .developer {
    padding: 20px 0;
  }
  #PropertyInfo .developer a.love-stories {
    width: auto;
  }
  .panel-finbar .u-width-60 p {
    display: block;
  }
  #PropertyInfo .developer p {
    font: 400 16rem/130% "Open Sans",Helvetica,Arial,sans-serif;
    text-align: justify;
  }
  .panel-finbar .col.u-width-40 {
    max-width: 100%;
    margin: 0 auto 20px;
  }
  /*Footer*/
  #Footer .cta-bar .container {
    padding: 0 15px;
  }
  #Footer p {
    font-size: 16rem;
    text-align: center;
    padding: 10px 0;
    font-weight: 400;
  }
  #Footer #back-top{
    display: none;
  }
  #MobBtmMenu{
    display: block;
  }
  #MobBtmMenu .mobile-menu ul {
    text-align: center;
  }
  #MobBtmMenu .mobile-menu ul li {
    padding: 0 28px 0 0;
  }
  /*Popup Remove*/
  #ac-wrapper{
    display: none;
  }
  #ac-wrapper #popup{
    display: none;
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  #main-content #montage-outer #item-six .floater a.cta{
    display: none;
  }
   /*Common*/
  .container {
    padding: 0 15px;
  }
  .page-container .outer-container .upper-wrapper .mob-banner-img img.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
    display: block;
  }
  .mob-hero-top {
    background: url(../img/bg/hero-bg.jpg) center bottom no-repeat;
    background-size: cover;
    display: none;
  }
  .page-container .outer-container header.main .mob-cta {
    /*top: 6px;*/
  }
  .page-container .outer-container header.main {
    position: relative;
    bottom: 10px;
  }
  .page-container .outer-container header.main .mob-cta {
    margin-top: 116px;
  }
  .page-container .outer-container header.main .mob-cta .btn {
    padding: 6px;
  }  
  .page-container .outer-container #MobBtmMenu .mobile-menu ul li i.fa {
    display: block;
    font-size: 20rem;
    padding: 0 0 4px;
  }
  .page-container .outer-container .upper-wrapper {
    height: auto;
    padding: 0;
  }
  .page-container .outer-container .banner .content .step-item h1.banner-title {
    font-size: 20rem;
  }
  .page-container .outer-container .banner .content {
    padding: 20px 0 0;
    width: 100%;
    max-width: 100%;
  }
  .page-container .outer-container .banner .intro {
    font-size: 18rem;
  }
  .page-container .outer-container .banner .sub-intro p {
    font:400 14rem/130% "Open Sans",Helvetica,Arial,sans-serif;
    text-align: justify;
  }
  .page-container .outer-container .upper-wrapper .banner h1.banner-title span {
    font: 400 30rem/125% 'Roboto', sans-serif;
  }
  .page-container .outer-container .banner .sub-intro {
    margin: 0 auto;
    max-width: 100%;
  }
  .page-container .outer-container .banner .sub-intro::after{
    display: none;
  }
  .page-container .outer-container .mob-hero {
    height: 550px;
    margin-top: 0;
    background: none;
  }
  .page-container .outer-container .banner .content .intro p {
    font: 400 18px/125% 'Source Sans Pro', sans-serif;
  }
  .page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container .form-group .btn {
    font: 400 20px/130% "Open Sans",sans-serif;
  }
  /*panel Location*/
  #main-content .panel-location {
    padding: 20px 0 0;
  }
  #main-content .container > header {
    padding: 0;
  }
  .panel-location .panel-title {
    font-size: 20rem;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .panel-location header {
    margin-bottom: 20px;
  }
  .map-panel .item {
    max-width: 100%;
  }
  #main-content .map-panel .map-frame {
    background: none;
  }
  #main-content .map-panel .item .step-item.ideal {
    position: relative;
    margin: 0;
  }
  #main-content .panel-full-img .item {
    position: absolute;
    left: 0;
    top: 50px;
    max-width: 86%;
  }
  .panel-full-img {
    background: none;
  }
  #main-content .content.panel-full-img {
    height: 30px;
    position: relative;
    display: none;
  }
  #main-content .map-panel .item span.item-title {
    text-align: left;
    font: 400 26rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  }
  #main-content .map-panel .step-item .map-outer{
    display: block;
  }
  #main-content .map-panel .map-outer {
    width: 50%;
    height: auto;
    position: relative;
  }
  #main-content .map-panel .step-item .map-mobile{
    display: block;
  }
  #main-content .map-panel .step-item .map-outer .map-mobile img{
    display: block;
    max-width: 100%;
    height: auto;
  }
  #main-content #montage-outer #item-six .floater a.cta{
    display: none;
  }
  #location .map .m-marker::before {
    left: -44px;
    content: "Sparsh";
    font: 400 16rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  }
  .panel-timeline {
    padding: 20px 0 0;
  }
  .panel-timeline .content {
    max-width: 100%;
  }
  .panel-timeline .inner {
    margin: 0;
  }
  .panel-timeline .grid-wrapper .col {
    margin-top: 20px;
  }
  /*apartments section*/
  #apartments .inner .menu-section .sub-menu.option-2.gallery li{
  width: 100%;
  } 
  /*facilities*/
  #facilities .upper-content{
    padding: 20px 15px;
  }
  #facilities .upper-content h3.content-title {
    font-size: 20rem;
    font-weight: 400;
    margin: 0 0 20px;
  }
  #facilities .upper-content .content p{
    text-align: justify;
  }
  #FacilitiesDetails.panel-amenities-content .amenities-item .item-title {
    font-weight: 700;
    font-size: 16rem;
  }
  #PopUpview .modal-content {
    width: 100%;
  }
  /*content Get wet. Work out*/
  .content.panel-amenities-content .amenities-item h3.item-title {
    margin-bottom: 0;
    padding-top: 70px;
  }
  .content.panel-amenities-content {
    margin-top: 5px;
    padding: 20px 0;
  }
  /*location The perfect lifestyle all*/
  #location.panel-map .content.first.drop-item {
    right: 0;
    top: 0;
  }
  #location .panel-location .item-title {
    display: block;
    text-align: center;
  }
  .panel-amenities-hero .upper-content {
    padding: 20px;
  }
  .panel-amenities-hero .upper-content .content-title {
    font-size: 26rem;
  }
  .panel-map .container {
    padding-top: 20px;
  }
  .panel-map .content.first {
    margin: 0 auto 20px;
    max-width: 100%;
  }
  #location.panel-map h3.content-title {
    font-size: 20rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
  }
  #location .map .m-loftus .marker-wrapper {
    top: 20%;
    left: 28%;    
  }
  #location .map .m-northbridge .marker-wrapper {
    top: 480px;
    left: 28%;
  }
  #location .map .m-perth .marker-wrapper {
    top: 68%;
    left: 28%;
  }
  #location .map .m-scitech .marker-wrapper {
    top: 5%;
    left: 28%;
  }
  #location .m-oxfordst .marker-wrapper {
    top: 0%;
    left: 70px;
  }
  #location .m-station .marker-wrapper {
    top: 44%;
    left: 28%;
  }
  #location .m-arena, .m-fwy, .m-perth, .m-scitech {
   display: none; !important;
  }
  #location span.circle{
    display: none;
  }
  #location.panel-map {
    color: #fff;
    height: auto;
  }
  /*Imagine a Sunday like...*/
  #LikeHoliday.panel-timeline {
    position: relative;
    height: auto;
    padding: 20px 0;
  }
  #LikeHoliday.panel-timeline .content .content-title {
    font-size: 26rem;
    margin-bottom: 0;
    font-weight: 400;
  }
  #LikeHoliday.panel-timeline .description {
    font-size: 14rem;
  }
  #LikeHoliday.panel-timeline .time {
    color: #000;
    padding-bottom: 0;
  }
  #LikeHoliday.panel-timeline .activity {
    color: #16bdc8;
    margin-bottom: 10px;
    font-size: 14rem;
  }
  #LikeHoliday.panel-timeline .time-title {
    font-weight: 600;
    font-size: 14rem;
    margin-bottom: 10px;
  }
  /*ProjectStatus*/
  #ProjectStatus {
    display: none;
  }
  /*enquiry You have the Daiwik , get the right villas to Match*/
  #enquiry.panel-enquire {
    padding: 20px 0;
    position: relative;
  }
  .panel-enquire {
    padding: 20px 0 100px;
  }
  .panel-enquire .panel-title {
    font-size: 20rem;
    margin-bottom: 20px;
    font-weight: 400;
  }
  #enquiry .form-wrapper .call-item .detail {
    font-weight: 400;
    font-size: 14rem;
  }
  #enquiry header span.sub-title {
    font-size: 12rem;
  }
  #enquiry textarea {
    height: auto;
  }
  #enquiry #enquire .call-item span.title {
    font-size: 18rem;
    font-weight: 400;
  }
  #ContactUs .form-fields {
    padding: 10px;
  }
  #ContactUs .form-fields .form-title {
    font-size: 17rem;
  }
  .panel-finbar .developer .container {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
  }
  .panel-finbar .developer .logo {
    width: 100px;
    display: block;
    margin-bottom: 0;
  }
  #enquiry #ContactUs .field textarea{
    height: 214px;
    display: none;
  }
  #enquiry #enquire #ContactUs .field {
    margin-bottom: 20px;
    display: none;
  }
  #ContactUs .selldof .selldof_row .selldof_field-container .form-group {
    text-align: center;
    margin: 0;
  }
  /*PropertyInfo*/
  #PropertyInfo .developer h2.title {
    font: 400 16rem/130% "Open Sans",Helvetica,Arial,sans-serif;
  }
  #PropertyInfo .developer {
    padding: 20px 0;
  }
  #PropertyInfo .developer a.love-stories {
    width: auto;
  }
  .panel-finbar .u-width-60 p {
    display: block;
  }
  #PropertyInfo .developer p {
    font: 400 16rem/130% "Open Sans",Helvetica,Arial,sans-serif;
    text-align: justify;
  }
  .panel-finbar .col.u-width-40 {
    max-width: 100%;
    margin: 0 auto 20px;
  }
  /*Footer*/
  #Footer .cta-bar .container {
    padding: 0 15px;
  }
  #Footer p {
    font-size: 16rem;
    text-align: center;
    padding: 10px 0;
    font-weight: 400;
  }
  #Footer #back-top{
    display: none;
  }
  #Footer #back-top span {display: none;}
  #MobBtmMenu{
    display: none;
  }
  #MobBtmMenu .mobile-menu ul {
    text-align: center;
  }
  #MobBtmMenu .mobile-menu ul li {
    padding: 0 28px 0 0;
  }
  /*Popup Remove*/
  #ac-wrapper{
    display: none;
  }
  #ac-wrapper #popup{
    display: none;
  }

}
@media (min-width: 992px) and (max-width: 1199px) {

}