@media only screen and (min-width:2313px) {
#sidebar.fixed {right: 25%;width: 12.7%;}
}

@media only screen and (min-width:2199px) and (max-width:2312px){
#sidebar.fixed {right: 23%;width: 12.7%;}
}

@media only screen and (min-width:2010px) and (max-width:2198px){
#sidebar.fixed {right: 21%;width: 14.5%;} 
}

@media only screen and (min-width:1849px) and (max-width:2009px) {
#sidebar.fixed {right: 17%;width: 16%;} 
}

@media only screen and (min-width:1699px) and (max-width:1848px) {
#sidebar.fixed {right: 16%;width: 17%;} 
}

@media only screen and (min-width:1598px) and (max-width:1698px) {
#sidebar.fixed {right: 10%;width: 20%;} 
}

@media only screen and (min-width:1449px) and (max-width:1597px) {
#sidebar.fixed {right: 8%;width: 21%;}
}

@media only screen and (min-width:1299px) and (max-width:1448px) {
#sidebar.fixed {right: 4%;width: 22.5%;}
}

@media only screen and (min-width:992px) and (max-width:1297px) {
#sidebar.fixed {right: 1%;width: 25%;}
}

@media only screen and (min-width:1600px) {
.offer-detail .wrapper {display: flex;justify-content: space-between;font-size: 15px;line-height: 18px;}
.offer-detail .wrapper span {width: 41%;}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.offer-detail .wrapper {display: flex;justify-content: space-between;font-size: 15px;line-height: 18px;}
.offer-detail .wrapper span {width: 41%;}

.store-info-wrapper .blue-btn{float: none; top: auto;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.investor-benefit ul li {margin-right: 3.5%;width: 31%;}

header #shop-search-container {width: 70%;}

/* property details */
.proprty-detail .main .slider-nav img {width: 166px;}

.rightt .invest-btn {font-size: 16px;}
.rightt .contact-details ul li h4 {font-size: 14px;}
.rightt .contact-details .contact-text h4 {font-size: 20px;margin-bottom: 10px;}
.rightt .contact-details .contact-text p {font-size: 14px;padding: 0 30px;}

.offer-detail .wrapper {display: flex;justify-content: space-between;font-size: 15px;line-height: 18px;}
.offer-detail .wrapper span {width: 41%;}

.guests-input button{width: 260px;}
/*.main-slider-form {max-width: 100% !important;}*/

.shop_list_wrapper .left-map {width: 45% !important;}
.right-address{width: 54.9%;}

.store-info-wrapper .blue-btn{float: none; top: auto;}

.main-slider .slider-text h2{font-size: 60px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (max-width:921px) {
.user-menu {display: none;}
header #logo {width: 100%;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
section#delivery-area-form {left: 4% !important;width: 910px; right: 0;}
.main-slider .slider-text h2 {font-size: 40px;line-height: 40px !important;}
.main-slider .slider-text {margin: 22% auto 20px;}
.main-slider-form {max-width: 534px !important;}

.investor-benefit ul li {margin-right: 3.5%;width: 31%;}
.investor-benefit ul li h4 {font-size: 17px;}
.investor-benefit ul li p {padding: 0 20px;}

.how-work {position: relative;}
.how-work .how-work-text {display: block;}
.how-work .leftt {width: 100%;border:none;margin-bottom: 30px;}
.how-work .rightt {width: 100%;margin-top: 130px;}
.how-work .how-work-text ul li h4 {font-size: 18px;}

.how-work .desktopupdown {display: none;}
.how-work .tabupdown {display: block;}
.how-work .tabupdown .property-close {margin-bottom: 0 !important;width: 100%;}
.how-work .updownarrow.tabupdown .downarrow {margin-left: 68%;}
.how-work .updownarrow.tabupdown .uparrow {margin-right: 68%;}
.how-work .tabupdown {position: absolute;top: 49%;left: 15px;right: 15px;width: auto;}

.store-info-row .image ul li h2 {font-size: 16px;}
.store-info-wrapper .store_footer {display: block;}
.store-info-wrapper .store_footer .get_direction {margin-left: 0;}
/*.store-info-wrapper {margin-bottom: 50px;}*/

/* property details */
.proprty-detail .main {display: block;}
.proprty-detail .main .slider-for {width: 100%;}
.proprty-detail .main .slider-nav {width: 100%;}
.proprty-detail .main .slider-nav .slick-track {display: block;}
.proprty-detail .main .slider-nav img {margin: 0 0 20px 0px;height: 180px;width: 90%;}

.leftt .investment-stati ul li {width: 33%;border:none;}

.property-manager .contact-text {margin: 0 20px;}

.rightt .invest-btn {font-size: 16px;}
.rightt .contact-details ul li h4 {font-size: 14px;}
.rightt .contact-details .contact-text h4 {font-size: 20px;margin-bottom: 10px;}
.rightt .contact-details .contact-text p {font-size: 14px;padding: 0 30px;}

.investmentbtn-mobile{display: none !important; height: 60px; background: #FF5722; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; margin-top: 20px; position: fixed; bottom: 20px; z-index: 10; width: 200px;; right: 5%;}
.offer-detail .wrapper {display: flex;justify-content: space-between;font-size: 15px;line-height: 18px;}
.offer-detail .wrapper span {width: 34.5%;}

.guests-input button{width: 260px;}
.main-slider-form {max-width: 100% !important;}

.store-info-row{flex-wrap: wrap;}
.store-info-row .content{width: 100%;}


.main-slider .slider-text h2{font-size: 50px;}

section#delivery-area-form {left: 0 !important;}
.store-info-row a.button2{width: 100%;}
.store-info-row .image{width: 100%;}
.store-info-row .image img{width: 100%;}

.guests-input button {width: 210px;}
#delivery-area-form.inner .main-slider-form input[type='submit'] {width: 110px;}
#delivery-area-form.inner .main-searchbar .input{width: 210px;}
#delivery-area-form.inner .main-slider-form{width: auto; text-align: center}

.modal.property-amenities .modal-dialog {max-width: 95%; width: 95%;}
.modal.amenities .modal-dialog{max-width: 95%; width: 95%;}

/*.price-btn{position: relative; bottom: auto; left: 0; text-align: left; margin-top: 20px;}*/

.store-info-row{display: block}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 919px) {
.filter_wrapper {right: 0 !important;}
}


/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row-am {padding: 60px 0 !important;}

.main-slider .slider-text h2 {font-size: 45px;line-height: 40px !important;}
.main-slider .slider-text h4 {font-size: 1.3rem;line-height: 1.7rem;}
section#delivery-area-form {left: 4% !important;width: 100%;}
.account.landing.intro #area-selection .body {padding: 0;}
.landing #area-selection .body div input {margin-bottom: 0;}
.main-slider .bx-wrapper img {min-height: auto !important;}
.landing.intro #area-selection {margin: 0;}
.main-slider .slider-text {margin: 7% 0 20px 22%;}

.counter ul li {margin-right: 10px;}
.counter h2 {text-align: center;font-size: 60px;}
.counter p {font-size: 20px;}

.investor-benefit ul li {margin-right: 3.5%;width: 31%;}
.investor-benefit ul li h4 {font-size: 15px;}
.investor-benefit ul li p {font-size: 16px;line-height: 30px;padding: 0 0;}

.how-work {position: relative;}
.how-work .property-close {width: 30%;}
.how-work .how-work-text {display: block;}
.how-work .leftt {width: 100%;border:none;margin-bottom: 30px;}
.how-work .rightt {width: 100%;margin-top: 130px;}
.how-work .how-work-text ul li h4 {font-size: 18px;}

.how-work .desktopupdown {display: none;}
.how-work .tabupdown {display: block;}
.how-work .tabupdown .property-close {margin-bottom: 0 !important;width: 100%;}
.how-work .updownarrow.tabupdown .uparrow {margin-right: 520px;}
.how-work .updownarrow.tabupdown .downarrow {margin-left: 520px;}
.how-work .tabupdown {position: absolute;top: 49%;left: 15px;right: 15px;width: auto;}

/* property list map */
.shop_list_wrapper .left-map {width: 100% !important;height: 350px !important;display: block;top: 60px;position: relative !important;margin-bottom: 0;}
.right-address {width: 100%;float: none;}
.store-info-wrapper {padding-right: 0 !important;margin-bottom: 50px;margin-top: 35px;}
.shop_list_wrapper .row {margin: 0;}
.store-info-map > div {padding: 0 15px !important;height: 775px;}
.store-info-row {min-height: 720px;}
.store-info-wrapper .property-tour ul li {font-size: 18px;line-height: 0;}
.main-countdown ul li span {padding-left: 10px;}

/* property details */
/*.modal-open .modal .modal-dialog {top: 270px;}*/
.proprty-detail .main {display: block;}
.proprty-detail .main .slider-for {width: 100%;}
.proprty-detail .main .slider-nav {width: 100%;}
.proprty-detail .main .slider-nav .slick-track {display: block;}
.proprty-detail .main .slider-nav img {margin: 0 0 20px 0px;height: 180px;width: 90%;}

.proprty-detail-text .main-text {display: block;}
.proprty-detail-text .main-text .leftt {width: 100%;}
.proprty-detail-text .main-text .rightt {width: 100% !important;margin-top: 40px;}

.leftt .investment-stati ul li {width: 33%;border:none;}
.leftt .offer-detail ul .loan-amount .rightt {margin-top: 0;}

#sidebar {position: unset !important;}

.contact-form .main-contact-home {display: block;}
.contact-form .main-contact-home .rightt, .contact-form .main-contact-home .leftt {width: 100%;}
.contact-form .main-contact-home .leftt {margin-top: 30px;}
.contact-form .main-contact-home .rightt {padding-left: 0;}
.contact-form .rightt h2 {padding-left: 0;}
.contact-form .rightt .form-group {padding: 0;}

.investmentbtn-mobile{display: none !important; height: 60px; background: #FF5722; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; margin-top: 20px; position: fixed; bottom: 20px; z-index: 10; width: 200px;; right: 5%;}
#flipFlop .modal-dialog {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;width: 95%;}
.offer-detail .wrapper {display: flex;justify-content: space-between;}
.offer-detail .wrapper span {width: 35%;}

footer .social-media {width: 50%;float: left;}
footer .links {width: 50% !important;}
footer .footer1 .social-media ul {display: flex;}

#delivery-area-form.inner .main-searchbar{flex-wrap: wrap;}
.store-info-row{flex-wrap: wrap;}
#delivery-area-form.inner .main-searchbar .input{width: 100%; margin: 5px 0}
.guests-input button{margin: 0 0 5px; width: 100%;}
.booking-form__input{width: 100%;}
header #mobile-wrapper #mobile-toggle{height: 50px; width: 50px;}
header #mobile-wrapper{height: 50px;}
#delivery-area-form.inner .main-slider-form input[type='submit']{width: 100%;}
.store-info-row .image{width: 100%;}
.store-info-row .image img{width: 100%;}
.store-info-row .content{width: 100%;}
.store-info-wrapper .store_footer{padding: 0; margin: 0 0 20px;}
.store-info-wrapper .store-info-row .content .store_footer h4{padding-left: 0; margin: 0 0 10px;}
.store-info-wrapper .store-address{padding: 0}
.store-info-wrapper .star{padding: 0}
.store-info-wrapper .price{padding: 0}
.blue-btn{margin: 0}
.store-info-wrapper .store-info-row h4 i{position: relative; top: 0}
.store-info-wrapper .store-info-row h4{margin: 0 0 20px;}
header #logo{width: 75%;}
#header #logo img{width: 130px;}
#delivery-area-form.inner{position: relative; margin: 0}
section#delivery-area-form{left: 0 !important}
.store-info-map > div{height: auto}

#content{padding-bottom: 40px;}
.shop.list .wrapper.property-list-grid {padding: 40px 0 0!important;}

.store-info-wrapper .blue-btn{float: none; top: auto;}

.account.landing #header #top{height: 50px}
.account.landing #content{margin-top: -10px;}
#delivery-area-form{top: 180px;}
.account #area-selection .body .input{width: 49.5%; margin: 5px 0}
.account #area-selection div:first-child input{width: 100%;}
.main-slider .slider-text {margin: 80px 0 0; max-width: 100%; padding: 0 80px;}
.account.landing #content h2{white-space: break-spaces;}
.account.landing.intro #area-selection .body{display: block}
.main-slider .slider-text h2 {font-size: 35px; line-height: 30px !important;}

.contact-form .rightt h2{font-size: 30px;}
.contact-form .rightt .im-main{margin-left: 0;}
.contact-form .rightt .main-submit{padding: 0}

.shop_list_wrapper .right-address {top: 0; margin-top: 0}
.store-info-wrapper{margin-bottom: 0}
.main-slider-form .area-select{margin: 20px 0 !important}
#delivery-area-form.inner{margin: 34px 0 0;}
.shop_list_wrapper .left-map{top: 0}
.store-info-row a.button2{width: 100%;}

.property-detail .banner {margin: 0 0 40px;}
.property-detail .tab a{padding: 0 7px}
.property-detail .overview, .property-detail .popular-amenities{width: 100%;}
.property-detail .popular-amenities ul li{width: 100%;}
.landing.intro .property-detail .box{width: 100%; margin: 0 0 20px;}

.modal.property-amenities .modal-dialog {max-width: 95%; width: 95%;}
.modal.amenities .modal-dialog{max-width: 95%; width: 95%;}

.checkout .left, .checkout .right{width: 100%;}
h2, .h2{font-size: 30px;}
.checkout form{max-width: 100%;}
#payment-card{margin: 0}
#payment-card .col-md-4{padding: 0}

.modal.reserve .modal-dialog{width: 97%;}{width: 98%;}

/*.price-btn{position: relative; bottom: auto; left: 0; text-align: left; margin-top: 20px;}*/

.modal.property-amenities .modal-body ul.slick-slider img{height: 350px !important;}

.checkout .container{display: flex; flex-wrap: wrap;}
.checkout .process{order: 1}
.checkout .left{order: 2}
.checkout .right{order: 3}

.contact-form .rightt h2{font-size: 30px;}

.store-info-row{display: block}

.user-menu {display: none;}
.filter_wrapper {right: 0 !important; }
}

@media only screen and (max-width: 500px) {
#home_slider {background: rgba(0, 0, 0, 0) url(../images/BBnDbCW.jpg) repeat scroll 0 0;}
#home_slider .bx-wrapper {display: none !important;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.row-am {padding: 60px 0 !important;}

.main-slider-form .area-select {width: 100% !important;}

.account.landing.intro #area-selection .body {padding: 0;}
.landing #area-selection .body div input {margin-bottom: 0;}

.main-slider .bx-wrapper img {min-height: auto !important;}

.main-searchbar {display: block;}
.browse-properties {width: 100% !important;margin-top: 10px;}
.css3-metro-dropdown span {width: 336px;}

.counter ul {display: block;}
.counter ul li {width: 100%;margin-bottom: 20px;}
.counter h2 {text-align: center;font-size: 60px;}
.counter h2 sup {font-size: 30px;}
.counter p {    font-size: 18px;}

.investor-benefit h2 {font-size: 30px;}
.investor-benefit ul li {width: 100%;}
.investor-benefit ul li h4 {font-size: 18px;}
.investor-benefit ul li p {font-size: 15px;padding: 0 30px;}

.how-work {position: relative;}
.how-work h2 {font-size: 30px;}
.how-work ul {display: block;}
.how-work .how-work-text {display: block;}
.how-work .leftt {width: 100%;border: none;height: auto;}
.how-work .rightt {width: 100%;margin-top: 105px;}
.how-work ul li {width: 100%;}
.account section ul li{margin-bottom: 20px;}
.how-work .how-work-text ul li h4 {font-size: 16px;}
.how-work .updownarrow {display: none;}

.how-work .desktopupdown {display: none;}
.how-work .mobileupdown {display: block;}
.how-work .mobileupdown .property-close {margin-bottom: 0 !important;width: auto;}
.how-work .updownarrow.mobileupdown .uparrow {margin-right: 0;}
.how-work .mobileupdown {position: absolute;top: 49.2%;left: 15px;right: 15px;width: auto;}


.investor .investor-text {flex-direction: column;}
.investor .leftt, .investor .rightt {width: 100%;}
.investor .leftt {order: 2}
.investor .rightt {order: 1}
.investor .leftt .btn-buy {margin-bottom: 20px;}
.investor .leftt ul li h4 {font-size: 24px;}
.investor .leftt ul li p {font-size: 14px;line-height: 22px;}

.contact-form .main-contact-home {display: block;}
.contact-form .main-contact-home .rightt, .contact-form .main-contact-home .leftt {width: 100%;}
.contact-form .main-contact-home .leftt {margin-top: 30px;}
.contact-form .main-contact-home .rightt {padding-left: 0;}
.contact-form .rightt h2 {padding-left: 0;}
.contact-form .rightt .form-group {padding: 0;}

footer .links {width: 100% !important;} 
footer .footer1 h4 {margin: 30px 0 10px;}

/* property list map */
.shop_list_wrapper .row {margin: 0;}
.store-info-map > div {padding-left: 15px !important;}
.store-info-wrapper > div {padding-right: 15px !important;}
.filter_wrapper {right: 0 !important;}
.shop_list_wrapper .left-map {width: 100% !important;height: 350px !important;display: block;top: 60px;position: relative !important;margin-bottom: 0;}
.right-address {width: 100%;float: none;}
.store-info-wrapper {padding-right: 0 !important;margin-bottom: 50px;margin-top: 35px;}

/* property details */
/*.modal-open .modal .modal-dialog {top: 300px;}*/
.proprty-detail h2 {font-size: 25px;line-height: 30px !important;}
.proprty-detail .detail-address {font-size: 14px;}
.proprty-detail .main {display: block;}
.proprty-detail .main .slider-for {width: 100%;}
.proprty-detail .main .slider-nav {width: 100%;}
.proprty-detail .main .slider-nav .slick-track {display: block;}
.proprty-detail .main .slider-nav img {margin: 0 0 20px 0px;height: 180px;}

.proprty-detail-text .main-text {display: block;}
.proprty-detail-text .main-text .leftt {width: 100%;}
.proprty-detail-text .main-text .rightt {width: 100% !important;margin-top: 40px;} 

.proprty-detail-text .main-text .leftt .m-google li {width: 100%;text-align: left !important;}

.leftt .investment-stati ul li {width: 100%;border:none;}
.leftt .offer-detail ul li {width: 100%;margin-bottom: 0;padding: 6px 5px;}
.leftt .offer-detail ul li img {width: 100%;}
.leftt .offer-detail ul .loan-amount .leftt h4 {font-size: 16px;}
.leftt .offer-detail ul .loan-amount .rightt {margin-top: 0;}

.leftt .property-fact ul li {margin: 0;border: none;}

.leftt .document .document-text li div {font-size: 13px;}

.leftt .main-manager-text {display: block;text-align: center;}
.leftt .main-manager-text img {width: 50%;}
.leftt .main-manager-text .manager-men-img {width: 20%;}
.leftt .main-manager-text .invest-btn {width: 100%;}
.passport_photo {height: auto !important;}
#sidebar {position: unset !important;}

.investmentbtn-mobile{position: unset !important;display: block; height: 60px; background: #FF5722; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; margin-top: 20px; position: fixed; bottom: 20px; z-index: 10; width: calc(100% - 10%); left: 5%;}
#flipFlop .modal-dialog {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;width: 95%;}
.leftt .investment-stati ul {overflow-x: scroll;}
.offer-detail .wrapper {display: grid;padding: 6px 5px;line-height: 20px;}

#sidebar > div.invest-btn{bottom: 10px; position: fixed; left: 50%; margin: 0 auto; padding: 0 30px; margin-left: -83px;}

#delivery-area-form.inner .main-searchbar{flex-wrap: wrap;}
.store-info-row{flex-wrap: wrap;}
#delivery-area-form.inner .main-searchbar .input{width: 100%; margin: 5px 0}
.guests-input button{margin: 0 0 5px; width: 100%;}
.booking-form__input{width: 100%;}
header #mobile-wrapper #mobile-toggle{height: 50px; width: 50px;}
header #mobile-wrapper{height: 50px;}
#delivery-area-form.inner .main-slider-form input[type='submit']{width: 100%;}
.store-info-row .image{width: 100%;}
.store-info-row .image img{width: 100%;}
.store-info-row .content{width: 100%;}
.store-info-wrapper .store_footer{padding: 0; margin: 0 0 20px;}
.store-info-wrapper .store-info-row .content .store_footer h4{padding-left: 0; margin: 0 0 10px;}
.store-info-wrapper .store-address{padding: 0}
.store-info-wrapper .star{padding: 0}
.store-info-wrapper .price{padding: 0}
.blue-btn{margin: 0}
.store-info-wrapper .store-info-row h4 i{position: relative; top: 0}
.store-info-wrapper .store-info-row h4{margin: 0 0 20px;}
header #logo{width: 75%;}
#header #logo img{width: 130px;}
#delivery-area-form.inner{position: relative; margin: 0}

#content{padding-bottom: 40px;}
.shop.list .wrapper.property-list-grid {padding: 40px 0 0!important;}

.account.landing #header #top{height: 50px}
.account.landing #content{margin-top: 50px;}
#delivery-area-form{top: 30px;}
.account #area-selection .body .input{width: 49.4%; margin: 5px 0}
.account #area-selection div:first-child input{width: 100%;}
#delivery-area-form.inner .main-searchbar .input.location{margin: 5px 0}
.account.landing.intro #area-selection .body{justify-content: space-between;}

.contact-form .rightt h2{font-size: 20px;}
.contact-form .rightt .im-main{margin-left: 0;}
.contact-form .rightt .main-submit{padding: 0}

.shop_list_wrapper .right-address {top: 0; margin-top: 0}
.store-info-wrapper{margin-bottom: 0}
.main-slider-form .area-select{margin: 20px 0 !important}
#delivery-area-form.inner{margin: 34px 0 0;}
.shop_list_wrapper .left-map{top: 0}
.store-info-row a.button2{width: 100%;}

.property-detail .banner {margin: 0 0 40px;}
.property-detail .tab a{padding: 0 7px}
.property-detail .overview, .property-detail .popular-amenities{width: 100%;}
.property-detail .popular-amenities ul li{width: 100%;}
.landing.intro .property-detail .box{width: 100%; margin: 0 0 20px;}

.modal.property-amenities .modal-dialog {max-width: 95%; width: 95%;}
.modal.amenities .modal-dialog{max-width: 95%; width: 95%;}

.checkout .left, .checkout .right{width: 100%;}
h2, .h2{font-size: 30px;}
#content div.right div.coupon-row .btn-warning{margin: 20px 0 0}
.checkout form{max-width: 100%;}
#payment-card{margin: 0}
#payment-card .col-md-4{padding: 0}

.modal.reserve .modal-dialog{width: 97%;}
.modal.reserve .modal-body .room-options{width: 100%;}
.modal.reserve .modal-body .room-options:last-child{margin: 20px 0 0}

.confirmation .box{padding: 20px;}

.modal.property-amenities .modal-body ul.slick-slider img{height: 330px !important;}

.account.landing #change-area{top: -20px;}
#home_slider .bx-wrapper ul li img {height: 400px;}

.checkout .container{display: flex; flex-wrap: wrap;}
.checkout .process{order: 1}
.checkout .left{order: 2}
.checkout .right{order: 3}

.main-slider .slider-text h2 {font-size: 35px; line-height: 30px !important;}
.main-slider .slider-text h4{font-size: 18px;}

#home_slider {min-height: 450px !important;}

.landing.intro #content{padding: 0}

#home_slider:before{background: #002e89}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.row-am {padding: 60px 0 !important;}

#home_slider {min-height: 450px !important;}
.main-searchbar {display: block;}
.css3-metro-dropdown span {width: 100%;}
.browse-properties {width: 100% !important;margin-top: 10px;}
.landing #area-selection .body div input {margin-bottom: 0;}
.landing.intro #area-selection .body div {width: 100%;}
.account.landing.intro #area-selection .body {padding: 0;order: 2;width: 100%;}
.account h4.extra-details {margin-bottom: 10px;order: 1;}
.landing.intro #area-selection {margin-top: 70px;width: 100% !important;display: flex;flex-wrap: wrap;justify-content: center;}

section#delivery-area-form {width: 80%;margin: 0% 10%;}
#delivery-area-form {top: 210px;}

.counter ul {display: block;}
.counter ul li {width: 100%;margin-bottom: 20px;}
.counter h2 {text-align: center;font-size: 60px;}
.counter h2 sup {font-size: 30px;}
.counter p {font-size: 18px;}

.investor-benefit h2 {font-size: 30px;}
.investor-benefit ul li {width: 100%;}
.investor-benefit ul li h4 {font-size: 18px;}
.investor-benefit ul li p {font-size: 15px;padding: 0 30px;}

.how-work {position: relative;}
.how-work h2 {font-size: 30px;}
.how-work ul {display: block;}
.how-work .how-work-text {display: block;}
.how-work .leftt {width: 100%;border: none;height: auto;}
.how-work .rightt {width: 100%;margin-top: 105px;}
.how-work ul li {width: 100%;}
.account section ul li{margin-bottom: 20px;}
.how-work .how-work-text ul li h4 {font-size: 16px;}
.how-work .updownarrow {display: none;}

.how-work .desktopupdown {display: none;}
.how-work .mobileupdown {display: block;}
.how-work .mobileupdown .property-close {margin-bottom: 0 !important;width: auto;}
.how-work .updownarrow.mobileupdown .uparrow {margin-right: 0;}
.how-work .mobileupdown {position: absolute;top: 49.2%;left: 15px;right: 15px;width: auto;}


.investor .investor-text {flex-direction: column;}
.investor .leftt, .investor .rightt {width: 100%;}
.investor .leftt {order: 2}
.investor .rightt {order: 1}
.investor .leftt .btn-buy {margin-bottom: 20px;}
.investor .leftt ul li h4 {font-size: 24px;}
.investor .leftt ul li p {font-size: 14px;line-height: 22px;}

.contact-form .main-contact-home {display: block;}
.contact-form .main-contact-home .rightt, .contact-form .main-contact-home .leftt {width: 100%;}
.contact-form .main-contact-home .leftt {margin-top: 30px;}
.contact-form .main-contact-home .rightt {padding-left: 0;}
.contact-form .rightt .main-submit .submit-btn {width: 40%;}
.contact-form .rightt h2 {padding-left: 0;}
.contact-form .rightt .form-group {padding: 0;}

footer .links {width: 100% !important;} 
footer .footer1 h4 {margin: 30px 0 10px;}

/* property list map */
.shop_list_wrapper .row {margin: 0;}
.store-info-map > div {padding-left: 15px !important;}
.store-info-wrapper > div {padding-right: 15px !important;}
.filter_wrapper {right: 0 !important;}
.shop_list_wrapper .left-map {width: 100% !important;height: 350px !important;display: block;top: 60px;position: relative !important;margin-bottom: 0;}
.right-address {width: 100%;float: none;}
.store-info-wrapper {padding-right: 0 !important;margin-bottom: 50px;margin-top: 35px;}

/* property details */
.proprty-detail h2 {font-size: 35px;line-height: 44px !important;}
.proprty-detail .main {display: block;}
.proprty-detail .main .slider-for {width: 100%;}
.proprty-detail .main .slider-nav {width: 100%;}
.proprty-detail .main .slider-nav .slick-track {display: block;}
.proprty-detail .main .slider-nav img {margin: 0 0 20px 0px;width: 140px;height: 140px;}

.proprty-detail-text .main-text {display: block;}
.proprty-detail-text .main-text .leftt {width: 100%;}
.proprty-detail-text .main-text .rightt {width: 100% !important;margin-top: 40px;}

.proprty-detail-text .main-text .leftt .m-google li {width: 100%;text-align: left !important;}

.leftt .investment-stati ul li {width: 100%;border:none;}
.leftt .offer-detail ul li {width: 100%;margin-bottom: 0;padding: 6px 5px;}
.leftt .offer-detail ul .loan-amount {display: block;}
.leftt .offer-detail ul li img {width: 100%;}
.leftt .offer-detail ul .loan-amount .leftt h4 {font-size: 16px;}


.leftt .property-fact ul li {width: 100%;margin: 0;border: none;}

.leftt .document .document-text li {width: 100%;}
.leftt .property-fact ul li span {left: 250px;}

.leftt .main-manager-text {display: block;text-align: center;}
.leftt .main-manager-text img {width: 60%;}
.leftt .main-manager-text .manager-men-img {width: 40%;}
.leftt .main-manager-text .invest-btn {width: 100%;}
.passport_photo {height: auto !important;}
#sidebar {position: unset !important;}

.wrapper:hover .tooltip {width: 100% !important;margin: 0;left: 0;}

/* register */
#personal-data .half {width: 100%;}

.investmentbtn-mobile{position: unset !important;display: block; height: 60px; background: #FF5722; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; margin-top: 20px; position: fixed; bottom: 20px; z-index: 10; width: calc(100% - 10%); left: 5%;}
#flipFlop .modal-dialog {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;width: 95%;}
.leftt .investment-stati ul {overflow-x: scroll;}
.offer-detail .wrapper {display: grid;padding: 6px 5px;}

#sidebar > div.invest-btn{bottom: 10px; position: fixed; left: 50%; margin: 0 auto; padding: 0 30px; margin-left: -83px;}

#delivery-area-form.inner .main-searchbar{flex-wrap: wrap;}
.store-info-row{flex-wrap: wrap;}
#delivery-area-form.inner .main-searchbar .input{width: 100%; margin: 5px 0}
.guests-input button{margin: 0 0 5px; width: 100%;}
.booking-form__input{width: 100%;}
header #mobile-wrapper #mobile-toggle{height: 50px; width: 50px;}
header #mobile-wrapper{height: 50px;}
#delivery-area-form.inner .main-slider-form input[type='submit']{width: 100%;}
.store-info-row .image{width: 100%;}
.store-info-row .image img{width: 100%;}
.store-info-row .content{width: 100%;}
.store-info-wrapper .store_footer{padding: 0; margin: 0 0 20px;}
.store-info-wrapper .store-info-row .content .store_footer h4{padding-left: 0; margin: 0 0 10px;}
.store-info-wrapper .store-address{padding: 0}
.store-info-wrapper .star{padding: 0}
.store-info-wrapper .price{padding: 0}
.blue-btn{margin: 0}
.store-info-wrapper .store-info-row h4 i{position: relative; top: 0}
.store-info-wrapper .store-info-row h4{margin: 0 0 20px;}
header #logo{width: 75%;}
#header #logo img{width: 130px;}
#delivery-area-form.inner{position: relative; margin: 0}

#content{padding-bottom: 40px;}
.shop.list .wrapper.property-list-grid {padding: 40px 0 0!important;}

.account.landing #header #top{height: 50px}
.account.landing #content{margin-top: 50px;}
#delivery-area-form{top: 30px;}
.account #area-selection .body .input{width: 100%; margin: 5px 0}
.account #area-selection div:first-child input{width: 100%;}

.contact-form .rightt h2{font-size: 20px;}
.contact-form .rightt .im-main{margin-left: 0;}
.contact-form .rightt .main-submit{padding: 0}

.shop_list_wrapper .right-address {top: 0; margin-top: 0}
.store-info-wrapper{margin-bottom: 0}
.main-slider-form .area-select{margin: 20px 0 !important}
#delivery-area-form.inner{margin: 34px 0 0;}
.shop_list_wrapper .left-map{top: 0}

.property-detail .banner {margin: 0 0 40px;}
.property-detail .tab a{padding: 0 7px}
.property-detail .overview, .property-detail .popular-amenities{width: 100%;}
.property-detail .popular-amenities ul li{width: 100%;}
.landing.intro .property-detail .box{width: 100%; margin: 0 0 20px;}

.modal.property-amenities .modal-dialog {max-width: 95%; width: 95%;}
.modal.amenities .modal-dialog{max-width: 95%; width: 95%;}

.checkout .left, .checkout .right{width: 100%;}
h2, .h2{font-size: 30px;}
#content div.right div.coupon-row .btn-warning{margin: 20px 0 0}

.modal.reserve .modal-dialog{width: 96%;}
.modal.reserve .modal-body .room-options{width: 100%;}
.modal.reserve .modal-body .room-options:last-child{margin: 20px 0 0}

.confirmation .box{padding: 20px;}

.modal.property-amenities .modal-body ul.slick-slider img{height: 270px !important;}

.checkout .container{display: flex; flex-wrap: wrap;}
.checkout .process{order: 1}
.checkout .left{order: 2}
.checkout .right{order: 3}

.main-slider .slider-text h2 {font-size: 21px; line-height: 26px !important;}
.main-slider .slider-text h4{font-size: 18px;}

.landing.intro #content{padding: 0}

#home_slider:before{background: #002e89}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.row-am {padding: 60px 0 !important;}

#home_slider {min-height: 450px !important;}
.bx-wrapper .bx-viewport {height: auto !important;}
.bx-wrapper img {height: 320px;}

.main-searchbar {display: block;}
.css3-metro-dropdown span {width: 100%;}
.browse-properties {width: 100% !important;margin-top: 10px;}
.account.landing.intro #area-selection .body {padding: 0;order: 2;}
.account h4.extra-details {margin-bottom: 10px;order: 1;}
.landing.intro #area-selection {margin-top: 70px;width: 100% !important;display: flex;flex-wrap: wrap;justify-content: center;}

.counter ul {display: block;}
.counter ul li {width: 100%;margin-bottom: 20px;}
.counter h2 {text-align: center;font-size: 60px;}
.counter h2 sup {font-size: 30px;}
.counter p {    font-size: 18px;}

.investor-benefit h2 {font-size: 30px;}
.investor-benefit ul li {width: 100%;}
.investor-benefit ul li h4 {font-size: 18px;}
.investor-benefit ul li p {font-size: 15px;padding: 0 30px;}

.how-work {position: relative;}
.how-work h2 {font-size: 30px;}
.how-work ul {display: block;}
.how-work .how-work-text {display: block;}
.how-work .leftt {width: 100%;border: none;height: auto;}
.how-work .rightt {width: 100%;margin-top: 105px;}
.how-work ul li {width: 100%;}
.account section ul li{margin-bottom: 20px;}
.how-work .how-work-text ul li h4 {font-size: 16px;}
.how-work .updownarrow {display: none;}

.how-work .desktopupdown {display: none;}
.how-work .mobileupdown {display: block;}
.how-work .mobileupdown .property-close {margin-bottom: 0 !important;width: auto;}
.how-work .updownarrow.mobileupdown .uparrow {margin-right: 0;}
.how-work .mobileupdown {position: absolute;top: 49.2%;left: 15px;right: 15px;width: auto;}

.investor .investor-text {flex-direction: column;}
.investor .leftt, .investor .rightt {width: 100%;}
.investor .leftt {order: 2}
.investor .rightt {order: 1}
.investor .leftt .btn-buy {margin-bottom: 20px;}

.investor .leftt ul li h4 {font-size: 24px;}
.investor .leftt ul li p {font-size: 14px;line-height: 22px;}

.contact-form .main-contact-home {display: block;}
.contact-form .main-contact-home .rightt, .contact-form .main-contact-home .leftt {width: 100%;}
.contact-form .main-contact-home .leftt {margin-top: 30px;}
.contact-form .main-contact-home .rightt {padding-left: 0;}
.contact-form .rightt .main-submit {display: block;}
.contact-form .rightt .main-submit .submit-btn {width: 40%;}
.contact-form .rightt h2 {padding-left: 0;}
.contact-form .rightt .form-group {padding: 0;}

footer .links {width: 100% !important;} 
footer .footer1 h4 {margin: 30px 0 10px;}


/* property list map */
.shop_list_wrapper .row {margin: 0;}
.store-info-map > div {padding-left: 15px !important;}
.store-info-wrapper > div {padding-right: 15px !important;height: 736px;}
.store-info-row {min-height: auto;}
.filter_wrapper {right: 0 !important;}
.shop_list_wrapper .left-map {width: 100% !important;height: 350px !important;display: block;top: auto;position: relative !important;margin-bottom: 0;}
.right-address {width: 100%;float: none; top: auto;}
.store-info-wrapper {padding-right: 0 !important;margin-bottom: 50px;margin-top: 35px;}

.store-info-wrapper .store-info-row h4 i {position: absolute;top: 7px;left: 0;}
.store-info-wrapper .store-info-row .content .store_footer h4 {white-space: normal;line-height: 27px;position: relative;padding-left: 21px;}

/* property details */
/*.modal-open .modal .modal-dialog {top: 310px;}*/
.proprty-detail h2 {font-size: 25px;line-height: 30px !important;}
.proprty-detail .detail-address {font-size: 14px;}
.proprty-detail .main {display: block;}
.proprty-detail .main .slider-for {width: 100%;}
.proprty-detail .main .slider-nav {width: 100%;}
.proprty-detail .main .slider-nav .slick-track {display: block;}
.proprty-detail .main .slider-nav img {margin: 0 0 20px 0px;width: 80px;height: 80px;}

.proprty-detail-text .main-text {display: block;}
.proprty-detail-text .main-text .leftt {width: 100%;}
.proprty-detail-text .main-text .rightt {width: 100% !important;margin-top: 40px;}

.proprty-detail-text .main-text .leftt .m-google li {width: 100%;text-align: left !important;}

.leftt .investment-stati ul li {width: 100%;border:none;}
.leftt .offer-detail ul li {width: 100%;font-size: 12px;margin-bottom: 0;padding: 6px 5px;}
.leftt .offer-detail ul .loan-amount {display: block;}
.leftt .offer-detail ul li img {width: 100%;}
.leftt .offer-detail ul .loan-amount .leftt h4 {font-size: 16px;}

.leftt .property-fact ul li {width: 100%;margin: 0;border: none;}
.leftt .property-fact ul li span {left: 173px;}
.leftt .property-fact ul {padding: 20px 10px;}

.leftt .document .document-text li {width: 100%;}
.leftt .document .document-text li div {font-size: 13px;}

.leftt .main-manager-text {display: block;text-align: center;}
.leftt .main-manager-text .manager-men-img {width: 40%;}
.leftt .main-manager-text .invest-btn {width: 100%;}
.main-manager-text img {height: auto;}
.passport_photo {height: auto !important;}
#sidebar {position: unset !important;}

.wrapper:hover .tooltip {width: 100% !important;margin: 0;font-size: 12px;left: 0;}

/* register */
#personal-data .half {width: 100%;}

.investmentbtn-mobile{display: block; height: 60px; background: #FF5722; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; margin-top: 20px; position: fixed; bottom: 20px; z-index: 10; width: calc(100% - 10%); left: 5%;position: unset;}


#flipFlop .modal-dialog {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;width: 90%;}
.main-countdown ul li span {padding-left: 7px;}
.store-info-wrapper .property-tour .main-countdown ul li {font-size: 15px;line-height: 0;padding-right: 0;}
.store-info-wrapper .store-info-row .property-tour ul li h4 {font-size: 10px;}
.leftt .investment-stati ul {overflow-x: scroll;}
.offer-detail .wrapper {display: grid;padding: 6px 5px;font-size: 12px;}

#sidebar > div.invest-btn{bottom: 10px; position: fixed; left: 50%; margin: 0 auto; padding: 0 30px; margin-left: -83px;}

#delivery-area-form.inner .main-searchbar{flex-wrap: wrap;}
.store-info-row{flex-wrap: wrap;}
#delivery-area-form.inner .main-searchbar .input{width: 100%; margin: 5px 0}
.guests-input button{margin: 0 0 5px; width: 100%;}
.booking-form__input{width: 100%;}
header #mobile-wrapper #mobile-toggle{height: 50px; width: 50px;}
header #mobile-wrapper{height: 50px;}
#delivery-area-form.inner .main-slider-form input[type='submit']{width: 100%;}
.store-info-row .image{width: 100%;}
.store-info-row .image img{width: 100%;}
.store-info-row .content{width: 100%;}
.store-info-wrapper .store_footer{padding: 0; margin: 0 0 20px;}
.store-info-wrapper .store-info-row .content .store_footer h4{padding-left: 0; margin: 0 0 10px;}
.store-info-wrapper .store-address{padding: 0}
.store-info-wrapper .star{padding: 0}
.store-info-wrapper .price{padding: 0}
.blue-btn{margin: 0}
.store-info-wrapper .store-info-row h4 i{position: relative; top: 0}
.store-info-wrapper .store-info-row h4{margin: 0 0 20px;}
header #logo{width: 75%;}
#header #logo img{width: 130px;}
#delivery-area-form.inner{position: relative; margin-top: 30px; top: auto}

#content{padding-bottom: 40px;}
.shop.list .wrapper.property-list-grid {padding: 40px 0 0!important;}

.account.landing #header #top{height: 50px}
.account.landing #content{margin-top: 50px;}
#delivery-area-form{top: 30px;}
.account #area-selection .body .input{width: 100%; margin: 5px 0}
.account #area-selection div:first-child input{width: 100%;}

.right-address{padding: 0 !important}

.contact-form .rightt h2{font-size: 20px;}
.contact-form .rightt .im-main{margin-left: 0;}
.contact-form .rightt .main-submit{padding: 0}

.shop_list_wrapper .right-address {top: 0; margin-top: 0}
.store-info-wrapper{margin-bottom: 0}
.main-slider-form .area-select{margin: 20px 0 !important}

.property-detail .banner {margin: 0 0 40px;}
.property-detail .tab a{padding: 0 7px}
.property-detail .overview, .property-detail .popular-amenities{width: 100%;}
.property-detail .popular-amenities ul li{width: 100%;}
.landing.intro .property-detail .box{width: 100%; margin: 0 0 20px;}

.modal.property-amenities .modal-dialog {max-width: 95%; width: 95%;}
.modal.amenities .modal-dialog{max-width: 95%; width: 95%;}

.checkout .left, .checkout .right{width: 100%;}
h2, .h2{font-size: 30px;}
#content div.right div.coupon-row .btn-warning{margin: 20px 0 0}

.modal.reserve .modal-dialog{width: 94%;}
.modal.reserve .modal-body .room-options{width: 100%;}
.modal.reserve .modal-body .room-options:last-child{margin: 20px 0 0}

.confirmation .box{padding: 20px;}

/*.price-btn{position: relative; bottom: auto; left: 0; text-align: left; margin-top: 20px;}*/

.modal.property-amenities .modal-body ul.slick-slider img{height: 240px !important;}

.checkout .container{display: flex; flex-wrap: wrap;}
.checkout .process{order: 1}
.checkout .left{order: 2}
.checkout .right{order: 3}

#delivery-area-form.inner{margin-top: 0; padding-top: 20px;}

.main-slider .slider-text h2 {font-size: 20px; line-height: 26px !important;}
.main-slider .slider-text h4{font-size: 18px;}

.store-info-row{display: block}

.landing.intro #content{padding: 0}

#home_slider:before{background: #002e89} 
}

.store-info-wrapper .blue-btn{float: right;}
.store-info-wrapper .price {display: inline-block;}