/*--------------------
   ------- Mobile & tablet-----
	Code By - Md Ayatullah Rahmani
	Real estate-Rems Broker
	date: 14-03-2018
--------------------*/
@media only screen and (max-width:1200px) {
.radio-btn-wrapper .radioCustomBtn,
.big-radio-btn-wrapper .radioCustomBtn {border: none;margin-left: 0px !important;}
.radio-btn-wrapper .radioCustomBtn li ,
.big-radio-btn-wrapper .radioCustomBtn li{margin-left: 3px;margin-bottom: 4px;}
.radio-btn-wrapper .radioCustomBtn li label,
.big-radio-btn-wrapper .radioCustomBtn li label {border: solid 1px #099ba0 !important;border-radius: 2px;}
.radio-btn-wrapper .radioCustomBtn,
.big-radio-btn-wrapper .radioCustomBtn {border: none;margin-left: 0px !important;}
.radio-btn-wrapper .radioCustomBtn li,
.big-radio-btn-wrapper .radioCustomBtn li {margin-left: 3px;margin-bottom: 4px;}
.radio-btn-wrapper .radioCustomBtn li label,
.big-radio-btn-wrapper .radioCustomBtn li label {border: solid 1px #099ba0 !important;}
}
@media only screen and (max-width:1025px) {
.enqfullFormSec .leftFormEnq,
.enqfullFormSec .rightFormEnq {float:none;width:100%;margin-bottom:10px;}
.intl-tel-input {width: 100%;}
.enqfullFormSec .rightFormEnq .rightFormEnqBx{display: flex;flex-direction: column-reverse;}
/*.fourqtForm .fourqtCol {width: 22%;}*/
.form-short .fourqtCol {width: 100%;}
.propBox {width:49%;}
.propBox:nth-child(2n+1) {margin-left: 0px;}
} 
@media only screen and (max-width:970px) {
.log-menu-section li.today-date,
.logo-right-four {display: none;}
.sf-menu a {padding: 11px 5px;text-decoration: none;font-size: 11px;}
}
@media only screen and (max-width:991px) {
     
/**   menu media css */
.mainHeaderWrapFixed .sf-menu a {padding: 7px 7px;font-size: 14px;}
.toggleMenu {display: block;font-size: 22px;padding: 2px 0px 2px 8px;color: #032d60;cursor: pointer;/*position: absolute;top: 0px;left: 0px;*/outline: none;background: none;border: none;transition: ease 0.7s;min-height: 42px;}
.welc-info {display:none;}
.toggleMenu .menuOp {}
.toggleMenu .menuCl {display: none;}
.toggleMenu.closeAct .menuOp {display: none;}
.toggleMenu.closeAct .menuCl {display: block;}
.toggleMenu:hover {/* color: #f60; */transition: ease 0.7s;}
.navContainer {position: relative;}
.sf-menu ul ul li a {
  padding-left: 15px;
}
.sf-menu {float: none;display: none;/* margin-top: 30px; */position: absolute;top: auto;width: 100%;left: 0px;background: #ffffff;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;left: 0;position: fixed;z-index: 9999;margin-top: 0px;border-top: 1px solid #ededed;}
.sf-menu.fixNavOpen {display: block;opacity: 1;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;}
.sf-menu>li {float: none;}
.sf-menu ul {position: relative;top: auto;left: auto;box-shadow:none;box-shadow: none !important;}
.sf-menu ul li,
.sf-menu ul ul li {background: #f1f1f1;border-left: none;}
.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {display: none;}
.sf-arrows .sf-with-ul:after {display: none;}
.sf-menu ul ul {left: auto;box-shadow: none !important;}
.sf-menu a {font-size: 12px;padding: 8px 12px;}
.show_sub {position: absolute;top: 4px;right: 15px;font-size: 21px;/* background: url(../images/plus.png) no-repeat center; */cursor: pointer;height: 24px;display: block;width: 24px;text-align: center;line-height: 24px;background: #f9f9f9;border-radius: 50%;}
.show_sub:before,
.minus_sub:before {/* position: absolute; *//* top: 50%; *//* right: 10px; *//* margin-top: 0px; *//* height: 0; *//* width: 0; */display: block;/* border: 5px solid transparent; */border-top-color: none;border-top-color: none;color: #102442;}
.show_sub:before {content: '\002B';}
.minus_sub:before {content: '\2212';}
.sf-menu a {border-left: none;border-bottom: solid 1px #e7e7e7;}
/**   home page media css */
.home-page-design .home-box {float: none;width: 100%;margin: 0px;margin-bottom: 15px;}
.home-page-design .home-section-wrap {margin: 0;}
/*.header-up .main-header-logo {
  width: 12%;
}
.header-up .menu-wrap-section {
  width: 10%;
}
.header-up .logout-section {
  width: 78%;
}*/
.d-md-flex.rows {
    margin-left: -15px;
    margin-right: -15px;
}
.table-scroll {
    overflow: auto;
    height: auto;
    margin-top: 5px;
}
.user-content .userheader h4 {font-size: 11px;}
table.table-fourqt td,
table.table-fourqt th {font-size: 12px;}
/* footer media css*/
.broker-footer-col {width: 50%;}
.broker-footer-col .broker-footer-box {min-height: 10px;}
/*.fourqtForm .fourqtCol {width: 100% !important;float: none;min-height: 10px;}*/
.mob-hide {display:none;}
.actColorTheme li {margin-bottom:2px;}
.btnab {position: relative;top: 0px;right: 0px;margin: 5px 0px 2px 0px;}
.small-panel-wrapper,
.small-content-wrapper {width:100%;}
.form-short .form-title,
.form-short .form-input {width:100%;float:none;min-height:11px;}
.form-short .form-title {/* line-height: 17px; */}
.log-menu-section li.today-date,
.logo-right-four {display: block;}
.home-box-mob .user-content .content-scroll {height:auto;}
.home-box.home-box-mob {height:auto;}
.panelPopUps .popLeftHeading {font-size: 11px;}
.form-short .fourqtCol {margin-bottom: 2px;}
.charBox ,
.charBox.oneBox .contn-OneL,
.charBox.oneBox .contn-OneR,
.charBox.twoBox,
.charBox.threeBox,
.tableRightChart,
.charLeft,
.configEmailLeft,
.configEmailRight{float: none;width: 100%;}
.broker-edit-content, .broker-edit-form ,
.mapsweb-wrap,
.listaddProtb{float: none;width: 100%;}
.master-left-menu,
.master-right-sec {float: none;width: 100%;}
.master-left-menu ul:after {display:block;content:"";clear:both;}
.master-left-menu ul li {float:left;margin-right:5px;}
.tableCustRadio table {display: table;}
.adress-filter-box {float: none;width: 100%;margin-bottom:5px;}
.pr-form-unit.form-short .form-input {width: 80%;}
.fourqtForm .fourqtCol.mobBtnCol {WIDTH: AUTO !important;float: left;}
.infosLeft {float:none;width:100%;padding:0px !important;margin-bottom:10px;}
.propBox {float:none;width:100%;margin:0px;margin-bottom:10px;}
.mail-subject-left,
.mail-subject-right {margin-bottom:10px;padding:0px;float:none;width:100%;}
.home-section-wrap {margin-left:0px;}
.foot-search-in {padding-right: 0;}
.foot-search-in .btn-searchs1 {}
.log-menu-section li {padding-right: 0 !important;}
/*.fourqIconBtnSec {top:3px;}*/
}

@media only screen and (max-width:640px) {
/* login page media css*/
.login-wrap {width: 90%;margin-top: 115px;}
.login-form .login-form-input,
.login-form .login-form-title {float: none;width: 100%;}
.login-form .login-form-title {line-height: 18px;}
.login-form .login-form-row {margin-bottom: 20px;margin-top: 10px;}
.login-form .login-form-title.login-form-title-mb {display: none;}
.login-body {padding: 2px 6px;}
.login-form .form-control {height: 35px;}
.login-form .login-form-input .f-ic {line-height: normal;padding-top: 11px;}
.login-form {width: 100%;margin: 0px auto;padding-top: 7px;}
.login-form .btn-fourqt {display: block;margin: 0px auto;width: 100px;}
.login-form .msg-error {position: absolute;left: 0px;top: 36px;z-index: 999;}
.login-footer {padding: 4px 17px;}
.login-copy,
.login-by {font-size: 11px;}
/* footer media css*/
.broker-footer-col {width: 100%;float: none;}
.bottom-footer-sec .copy-left-sec,
.bottom-footer-sec .power-right-sec {width: 100%;float: none;}
.fourqt-title {}
.fourqtForm .fourqtCol {width: 100%;float:none;min-height:10px;}
.fourqtForm.enq-forms .fourqtCol.phoneQ {width: 100%;}
.fourqtForm.enq-forms .fourqtCol.phoneQ:nth-child(2) .form-title,
.fourqtForm.enq-forms .fourqtCol.phoneQ:nth-child(3) .form-title  {display:none;}
.btnab {position: relative;top: 0px;right: 0px;margin: 5px 0px 2px 0px;}
.fourqtForm.enq-forms .fourqtCol .fCol-6 {width:55%;}
.fourqtForm.enq-forms .fourqtCol .fCol-4 {width:30%;}
.fourqtForm.enq-forms .fourqtCol .fCol {margin-bottom:5px;}
.fourqtForm.enq-forms .fourqtCol {width: 100%;}
.fourqtForm.enq-forms .fourqtCol .partyDtSl  .fCol-6 {width:32%;}
.mob-hide {display:none;}
#ctl00_ContentPlaceHolder1_ModalPopupExtenderprojectunit_foregroundElement {width:100% !important;}
.panelpnlPopup,
.panelpnlPopup1 {width:90% !important;}
.formpopupCh.fourqtForm .fourqtCol {width: 100%;}
.custom-pagination li .btn-pg, .custom-pagination li .btn-pg-label {padding: 4px 5px;}
.custom-pagination li:first-child .btn-pg-label{display:none;}
.radioCustomBtn li label {}
.chartUp img {width:auto !important;max-width:100% !important;}
.respRadioCustomBtn.radioCustomBtn {border: none;margin-left: 0px !important;}
.respRadioCustomBtn.radioCustomBtn li{margin-left: 3px;margin-bottom: 4px;}
.respRadioCustomBtn.radioCustomBtn li label {border: solid 1px #099ba0 !important;border-radius: 2px;}
.respRadioCustomBtn.radioCustomBtn {border: none;margin-left: 0px !important;}
.respRadioCustomBtn.radioCustomBtn li{margin-left: 3px;margin-bottom: 4px;}
.respRadioCustomBtn.radioCustomBtn li label {border: solid 1px #099ba0 !important;}
.actColorTheme li .actBox {width: 15px;height: 15px;}
.actColorTheme li .actCol {font-size:11px;}
.master-left-menu ul li {float:none;}
div.boxModelz,
.panelPopUps .fourqtPopupSm {width:90%;}
.TreeViewStyle {width:100%;overflow: auto;}
.TreeViewStyle > table td:last-child {width:auto;}
.lblInfos {padding: 3px 6px;font-size: 11px;}
.authorized-wrap {width:90%;}
.authorized-wrap h2 {font-size: 13px;text-transform: none;text-align: center;}
.srch-loc-post {width:100%;}
.srch-colz .srch-title,
.srch-colz .srch-input {float:none !important;width:100%;line-height: normal  !important;}
.btn-fourqt {margin-bottom:2px;}

}

@media only screen and (max-width:500px) {
/* header media css*/
.logo-right-four {display: none;}
.log-menu-section li.welc-info label {padding: 2px 4px;}
.log-menu-section a,
.log-menu-section label {font-size: 10px;}
.navContainer {padding: 0px;}
.fourqIconBtnSec.socialSet li a, .fourqIconBtnSec.socialSet li button {color: #e03f10;font-size: 12px;}
.subsup {text-transform: capitalize;}
.fourqtPopupSm {width:90%;}
.form-short.trnafetForm .form-title,
.form-short.trnafetForm .form-input {width: 100%;}
}

@media only screen and (max-width:420px) {
/* header media css*/
.logo-right-four {display: none;}
.log-menu-section li.welc-info label {padding: 2px 4px;}
.log-menu-section a,
.log-menu-section label {font-size: 10px;}
.main-header-logo {width: 40px;}
.main-header-logo img {width: 100%;}
.toggleMenu {font-size: 22px;}
.log-menu-section li {padding-right: 0px;}
.log-menu-section li.today-date {display: none;}
.log-menu-section {padding: 7px 0px 0 20px;}
}