/*--------------------
   ------- 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: 20%;
    }
    .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:768px) {
	/**   menu media css */
	.mainHeaderWrapFixed .sf-menu a {
		padding: 7px 7px;
		font-size: 14px;
	}
	.toggleMenu {
		display: block;
		font-size: 30px;
		padding: 2px 0px 2px 0px;
		color: #ffffff;
		cursor: pointer;
		/*position: absolute;
    top: 0px;
    left: 0px;*/
		outline: none;
		background: none;
		border: none;
		transition: ease 0.7s;
	}
	.toggleMenu .menuOp {}
	.toggleMenu .menuCl {
		display: none;
	}
	.toggleMenu.closeAct .menuOp {
		display: none;
	}
	.toggleMenu.closeAct .menuCl {
		display: block;
	}
	.toggleMenu:hover {
		/*color: #f60;*/
		transition: ease 0.7s;
		opacity: 0.8;
	}
	.navContainer {
		position: relative;
	}
	.sf-menu {
		float: none;
		/* display: none; */
		opacity: 0;
		/*margin-top: 30px;*/
		position: absolute;
		top: 100%;
		width: 250px;
		left: -250px;
		background: #1790ba;
		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.fixNavOpen {
		left: 0px;
		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;
	}
	.sf-menu ul li,
	.sf-menu ul ul li {
		background: #2fa4a4;
		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;
	}
	.sf-menu a {
		font-size: 12px;
		padding: 4px 8px;
	}
	.show_sub {
		position: absolute;
		top: 0px;
		right: 5px;
		font-size: 21px;
		background: url(../images/plus.png) no-repeat center;
		cursor: pointer;
		/* height: 100%; */
		display: block;
		width: 29px;
		line-height: 13px;
		text-align: center;
	}
	.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: #ffffff;
	}
	.show_sub:before {
		content: '\002B';
	}
	.minus_sub:before {
		content: '\2212';
	}
	.sf-menu a {
		border-left: none;
		border-bottom: solid 1px #17b1bf;
	}
	/**   home page media css */
	.home-box {
		float: none;
		width: 100%;
		margin: 0px;
		margin-bottom: 15px;
	}
	.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;
    }
}

@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: 4px;
	}
	.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 {
        font-size: 12px;
    }
    .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 {
    padding: 2px 6px;
    font-size: 11px;
}
    .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: 26px;
	}
	.log-menu-section li {
		padding-right: 0px;
	}
	.log-menu-section li.today-date {
		display: none;
	}
	.log-menu-section {
		padding: 7px 0px;
	}
}