body { font-family: 'Poppins', sans-serif !important; font-size: 14px; font-weight: normal;  line-height: normal;}
h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


a { -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; 
	color: #3c90be; outline: none;
}
a:hover, a:focus { text-decoration: none; color: #41b8fa; outline: none; }


.link1{ color: #ffffff; text-decoration: none; }
.link1:hover, .link1:focus{ color: rgba(255, 255, 255, 0.7); text-decoration: none; }


p { line-height: 1.6; font-weight: normal; padding-bottom: 20px; color: #212121; }
p:last-child { padding-bottom: 0px; }


/*---- Bootstrap 4 ----*/

.rowFlex{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }

.mr-1, .mx-1 { margin-right: .25rem !important; }
.mr-2, .mx-2 { margin-right: .5rem !important; }
.mt-2,.my-2{ margin-top:.5rem!important; }
.mb-2,.my-2{ margin-bottom:.5rem!important; }
.mt-sm-3,.my-sm-3{ margin-top:1rem!important; }
.mb-sm-3,.my-sm-3{ margin-bottom:1rem!important; }
.mt-md-3,.my-md-3{ margin-top:1rem!important; }
.mb-md-3,.my-md-3{ margin-bottom:1rem!important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mb-1{ margin-bottom: 0.2rem !important; }

.ml-0{ margin-left: 0px !important; }
.ml-2{ margin-left: 15px !important; }

.mt-4,.my-4{ margin-top:1.5rem!important; }
.mb-4,.my-4{ margin-bottom:1.5rem!important; }

.mt-5,.my-5{ margin-top:2.5rem!important; }
.mb-5,.my-5{ margin-bottom:2.5rem!important; }

.ml-auto, .mx-auto { margin-left: auto !important; }
.mr-auto, .mx-auto { margin-right: auto !important; }

.pt-0{ padding-top: 0px !important; }
.px-0{ padding-left: 0px !important; padding-right: 0px !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pb-2, .py-2 { padding-bottom: .5rem !important; }
.pb-1, .py-1 { padding-bottom: .25rem !important; }

.pt-2, .py-2 { padding-top: .5rem !important; }
.py-3{ padding-top: 1rem!important; padding-bottom: 1rem!important; }
.py-4{ padding-top: 2.5rem!important; padding-bottom: 2.5rem!important; }

.d-flex{ display: -ms-flexbox !important; display: flex !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.media-all{ display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; }
.media-body-all{ -ms-flex:1; flex:1; }

/*---- Bootstrap 4 End ----*/


.btn:focus { box-shadow: none; }
.textleft { text-align: left !important; }
.textcenter { text-align: center; }
.textright { text-align: right; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }


[class*="font-"] { line-height: 1.5 !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-23 { font-size: 23px !important; }
.font-24 { font-size: 24px !important; }

.clear{ clear: both; }

.lineH{ line-height: normal !important; }
.wx-100{ max-width: 100% !important; }
.w-100{ width: 100% !important; }
.w-auto{ min-width: unset; }
.h-auto{ height: auto; }

.image { display: inline; max-width: 100%; }
.light { font-weight: 200 !important; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.heavy { font-weight: 900 !important; }

.grayBg{ background-color: #f4f4f4; }
.skyBlueBg{ background-color: #f2faff; }


.gray{ color: #5e5e5e; }
.blue{ color: #004b74 !important; }
.blue1{ color: #154469 !important; }
.skyBlue{ color: #41b8fa !important; }



.row8 { margin-left: -8px; margin-right: -8px; }
.row8 > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.row10 { margin-left: -10px; margin-right: -10px; }
.row10 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.row6 { margin-left: -6px; margin-right: -6px; }
.row6 > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.row6 > [class*="col"] { padding-left: 6px; padding-right: 6px; }
.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row.vdivide [class*='col-']:not(:first-child):after { background: #ccc; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }

.row.dotLine [class*='col-']:not(:first-child):after { border-left: dashed 1px #10608f; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; background-color: transparent; }

.positionR{ position: relative; }


/*---- All Buttons ----*/
.btn01 { background: #ffffff; border: solid 1px #3c90be; border-radius: 0px; color: #3c90be; font-size: 13px; font-weight: bold; text-decoration: none; display: inline-block; padding: 10px 20px; cursor: pointer; text-align: center; min-width: 180px; }
.btn01:hover, .btn01:focus { background: #144468; border: solid 1px #144468; color: #ffffff; }

.btn1 { background: #42a1d5; border: solid 1px #42a1d5; border-radius: 0px; color: #ffffff; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; padding: 10px 20px; cursor: pointer; text-align: center; min-width: 160px; }
.btn1:hover, .btn1:focus { background: #2881b2; border: solid 1px #2881b2; color: #ffffff; }

.btn2 { background: #154469 !important; border: solid 1px #154469 !important; border-radius: 0px; color: #ffffff; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; padding: 10px 20px; cursor: pointer; text-align: center; min-width: 160px; }
.btn2:hover, .btn2:focus { background: #3476ab !important; border: solid 1px #3476ab !important; color: #ffffff; }

.btn3 { background: #e2e2e2; border: solid 1px #e2e2e2; border-radius: 0px; color: #434343; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; padding: 10px 20px; cursor: pointer; text-align: center; min-width: 160px; }
.btn3:hover, .btn3:focus { background: #b7b7b7; border: solid 1px #b7b7b7; color: #434343; }

.btnRed { background-color: #ff5353 !important; border: solid 2px #ff5353 !important; border-radius: 0px; color: #ffffff !important; font-size: 15px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px !important; cursor: pointer; text-align: center; }
.btnRed:hover, .btnRed:focus { background: #144468; border: solid 2px #144468; color: #ffffff; }


.btnxs{ padding: 4px 10px; min-width: unset; font-size: 14px; font-weight: 200; }

.btnSpace1{ padding-top: 14px; padding-bottom: 14px; }

.btnlg { padding: 13px 26px !important; font-size: 15px !important; }
.btnsm { padding: 4px 10px !important; font-size: 12px !important; }

.btn{ -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }

/*----Header----*/

.header { font-size: 15px; position: relative; }

.header .navbar-default { background: rgba(21, 68, 105, 0.9) !important; border: 0px; width: 100%; left: 0; top: 0; text-transform: capitalize; border-radius: 0px; padding-top: 15px; padding-bottom: 15px; transition: all 600ms ease; }

.header .navbar-default .navbar-nav > li { float: none; display: inline-block; }
.header .navbar-default .navbar-nav > li:first-child { margin-right: 10px; }
.header .navbar-default .navbar-nav > li > a { color: #ffffff; font-weight: normal; font-size: 12px; padding-left: 16px; padding-right: 16px; transition: all 600ms ease; }
.header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > li > a:hover { color: #41b8fa; }
.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:focus, .header .navbar-default .navbar-nav > .active > a:hover { background-color: #ffffff; color: #3c90be; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
.header .navbar-brand { transition: all 600ms ease; padding: 0px; width: 275px; height: 100%; margin-left: 0px !important; }
.header .navbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 0px; }

.header .menuMain .navbar-nav{ padding-top: 8px; }
.menuMain { background-color: #154469 !important; height: 100%; }
.menuMain ul{ margin: 0px !important; }

/*----Header End----*/



.mainBanner{ background-image: url(../images/mainBanner.jpg); background-position: right center; background-size: cover; position: relative; display: flex; align-items: center; padding: 180px 0px 120px; }
.mainBanner:before{ background-color: rgba(46, 151, 208, 0.3); position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; }

h1 { font-size: 25px; padding-bottom: 20px; font-weight: bold; color: #7b7b7b; }
.findHomeForm{ background-color: #ffffff; padding: 50px 60px; width: 530px; }

h2 { font-size: 16px; padding-bottom: 30px; font-weight: 500; color: #004b74; }

.formOne{  }
.formOne .form-group{ margin-bottom: 25px; }
.formOne .formOneinp{ border-radius: 0px; height: 50px; font-weight: 500; border: 0px; color: #38414b; box-shadow: none; border-bottom: solid 1px #999999; font-size: 13px; padding-left: 10px; padding-right: 10px; }
.formOne .formOneinp.form-control::placeholder{ color: #666666; }
.formOne .formOneSelect{
	padding-left: 5px; padding-right: 5px;
    -webkit-appearance: none; -moz-appearance: none; 
    background-image: url("../images/inpthreeSelect.png"); background-repeat: no-repeat; background-position: right center;
}

.formTwo{  }
.formTwo .form-group{ margin-bottom: 30px; }
.formTwo .formTwoinp{ border-radius: 0px; background-color: transparent !important; height: 50px; font-weight: 500; border: 0px; color: #38414b; box-shadow: none; border-bottom: solid 1px #999999; font-size: 13px; padding-left: 5px; padding-right: 5px; }
.formTwo .formTwoinp.form-control::placeholder{ color: #666666; }
.formTwo .formTwoSelect{
    -webkit-appearance: none; -moz-appearance: none; 
    background-image: url("../images/inpthreeSelect.png"); background-repeat: no-repeat; background-position: right center;
}


.formCommon{ display: table; }
.formSelectCommon{
    -webkit-appearance: none; -moz-appearance: none; 
    background-image: url("../images/inpthreeSelect.png"); background-repeat: no-repeat; background-position: right center; background-color: transparent !important;    
    background-color: transparent !important; border-radius: 0px; height: 50px; font-weight: 500; border: 0px; color: #38414b; box-shadow: none; border-bottom: solid 1px #999999; font-size: 13px; padding-left: 0px; padding-right: 0px;
}
.formCommon .formCommonInput{
    background-color: transparent !important; border-radius: 0px; height: 50px; font-weight: 500; border: 0px; color: #38414b; box-shadow: none; border-bottom: solid 1px #999999; font-size: 13px; padding-left: 0px; padding-right: 0px;
}
.formCommon .formCommonInput .form-control::placeholder{ color: #38414b; }



.commonSpaceOne{ padding: 50px 0px; }
.commonSpaceTwo{ padding: 90px 0px; }

.commonTitleOne{ text-align: center; padding-bottom: 60px; padding-left: 15px; padding-right: 15px; }
.commonTitleOne h3{ font-size: 30px; font-weight: 500; color: #535353; line-height: 38px; }
.commonTitleOne h3 span{ font-weight: normal; color: #074775; display: block; width: 100%; }

.premiumListBox{  }
.premiumListBox h4{ font-size: 18px; font-weight: 500; color: #004b74; line-height: normal; padding-top: 20px; padding-bottom: 5px; }
.premiumListBox p{ font-size: 11px; line-height: normal; }
.premiumListBoxImage{ background-color: #000000; position: relative; }
.premiumListBoxImage:before{ background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 100%; }
.premiumListBoxImage img{ width: 100%; height: 100%; object-fit: cover; }

.premiumListBoxImage, .premiumListBoxImage img{ height: 378px; }

.premiumListPerMonth{ font-size: 16px; font-weight: 500; color: #ffffff; padding: 18px; position: absolute; left: 0px; right: 0px; bottom: 0px; 
	-webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.premiumListPerMonth span{ display: block; width: 100%; font-size: 25px; padding-top: 8px; font-weight: 500; }
.premiumListBox:hover .premiumListPerMonth{ background-color: rgba(255, 255, 255, 0.8); color: #004b74; }

#premiumListingsCarousel .owl-nav{ position: absolute; left: 0px; right: 0px; top: 40%; display: block !important; }
#premiumListingsCarousel .owl-nav .owl-prev{ position: absolute; left: -60px; }
#premiumListingsCarousel .owl-nav .owl-next{ position: absolute; right: -60px; }
#premiumListingsCarousel .owl-nav .owl-prev i, #premiumListingsCarousel .owl-nav .owl-next i{ font-size: 20px; color: #000000; }


.latestListingsBox{ padding-bottom: 60px; }
.latestListingsBox h4{ font-size: 13px; font-weight: 500; color: #004b74; line-height: normal; padding-top: 10px; padding-bottom: 5px; 
	white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; 
}
.latestListingsBoxImage{ background-color: #000000; height: 155px; position: relative; }
.latestListingsBoxImage img{ width: 100%; height: 100%; object-fit: cover; }
.latestListPerMonth{ font-size: 12px; font-weight: 500; color: #ffffff; padding: 10px 12px; position: absolute; left: 0px; right: 0px; bottom: 0px; line-height: 18px;
	-webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.latestListPerMonth span{ display: block; width: 100%; font-size: 15px; padding-top: 0px; font-weight: 500; }
.latestListingsBox:hover .latestListPerMonth{ background-color: rgba(255, 255, 255, 0.8); color: #004b74; }


.latestListingsBoxSmall {  }
.latestListingsBoxSmall h5{ font-size: 11px; line-height: normal; display: flex; align-items: center; justify-content: space-between; color: #212121; border-bottom: solid 1px #e0e0e0; padding: 11px 0px; margin-bottom: 7px; }
.latestListingsBoxSmall h5 span{ font-weight: bold; color: #004b74; }
.latestListingsBoxSmall ul{ line-height: normal; }
.latestListingsBoxSmall ul li{ color: #212121; font-size: 11px; }
.latestListingsBoxSmall ul li span{ padding-left: 5px; color: #004b74; font-weight: 500; }
.latestListingsBoxSmall ul li i{ width: 20px; font-size: 12px; color: #a9a9a9; }


.numberOneProperty{  }
.numberOnePropertyImage{ height: 280px; }
.numberOnePropertyImage img{ width: 100%; height: 100%; min-height: 280px; object-fit: cover; /*object-position: center -30px;*/ }
.numberOnePropertyText{ height: 100%; display: flex; flex-direction: column; justify-content: center; }
.numberOnePropertyText h4{ font-size: 25px; color: #2e97d0; font-weight: 500; padding-bottom: 8px; }
.numberOnePropertyText p{ font-size: 16px; color: #343434; }
.numberOnePropertyImageMain{  }
.numberOneProperty .noSpace:nth-child(even) .numberOnePropertyImageMain{ -ms-flex-order:2; order:2; }
.numberOneProperty .noSpace:nth-child(odd) .numberOnePropertyText{ padding: 0% 38% 0% 15%; }
.numberOneProperty .noSpace:nth-child(even) .numberOnePropertyText{ padding: 0% 15% 0% 38%; }


.greatFeaturesBox{ background-color: #ffffff; padding: 30px; text-align: center; color: #074877; height: 100%; 
	-webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;	
}
.greatFeaturesBox:hover{ box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2); }
.greatFeaturesBoxImage{ width: 75px; height: 75px; margin: 0px auto; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
.greatFeaturesBoxImage img{ object-fit: cover; height: auto; }

.greatFeaturesBox h4{ font-size: 23px; font-weight: 600; padding: 0px 0px 10px; color: #074877; 
	-webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;	
}
.greatFeaturesBox:hover.greatFeaturesBox h4{ color: #41b8fa; }
.greatFeaturesBox p{ font-size: 14px; color: #074877; font-weight: normal; }


.apartmentListingPart{  }
.apartmentListingImage{ height: 600px; }
.apartmentListingImage img{ object-fit: cover; width: 100%; height: 100%; }

.apartmentListing{ /*padding: 40px 38% 40px 70px;*/ padding-left: 70px; }
.apartmentListing h3{ padding-bottom: 24px; }

.apartmentListing ul{  }
.apartmentListing ul li{ padding: 0px 0px 30px 48px; 
	background-image: url("../images/check.png"); background-repeat: no-repeat; background-position: left 4px;
}
.apartmentListing ul li:last-child{ padding-bottom: 0px;  }

.subscribePart{ text-align: center; }
.subscribePart h4{ font-size: 25px; color: #2a2b32; padding: 0px 0px 25px; font-weight: 400; }

.subscribePart .input-group{  }
.subscribePart .input-group .form-control{ height: 77px; background-color: #e1e1e1; border: 0px; box-shadow: none; padding-left: 30px; padding-right: 30px; font-size: 14px; }
.subscribePart .input-group .input-group-btn{ height: 77px; background-color: #e1e1e1; border: 0px; box-shadow: none; padding-right: 20px; }
.subscribePart .input-group .input-group-btn .btn{ background-color: #ffffff !important; text-transform: capitalize; font-size: 18px; padding: 12px 32px; color: #004b74; }


.footerMain{ padding: 70px 0px 50px; }
.footerBox{  }
.footerBox h4{ font-size: 14px; font-weight: bold; color: #15567c; padding-bottom: 8px; }
.footerBox ul{  }
.footerBox ul li{ font-size: 14px; padding: 0px; }
.footerBox ul li a{ color: #444444; }
.footerBox ul li a:hover, .footerBox ul li a:focus{ color: #3c90be; }

.social{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.social a{ width: 38px; height: 38px; background-color: #084b7e; border-radius: 50%; display: inline-block; color: #fff; display: flex; align-items: center; justify-content: center; }
.social a i{ font-size: 24px; margin: 0px; }

.footerLogo{ padding: 50px 0px 0px; }
.copyRights{ font-size: 14px; color: #084b7e; }
.copyRights a{ color: #084b7e !important; }



.innerPagesBanner{ padding: 130px 0px 0px 0px; }

.listSidebarMain{ padding: 0px; }
/*.listSidebarMobile{ padding: 0px; display: none; }*/


.listSidebar{ padding: 15px; }
.listSidebar .listSidebarHed{ text-align: right; padding-top: 10px; padding-bottom: 15px; }

.listGroup{  }
.listGroup .media-all{ padding: 8px; margin-bottom: 12px; }
.listGroup .media-all.normalBox{ border: solid 1px #e2e2e2; }
.listGroup .mediaImage{ width: 300px; height: 210px; position: relative; }
.listGroup .mediaImage img{ object-fit: cover; width: 100%; height: 100%; }
.listGroup .mediaImage .compLogo{ position: absolute; right: 0px; top: 0px; width: 145px; }
.listGroup .mediaImage .compLogo img{ width: 100%; height: 100%; object-fit: cover; }
.listGroup .media-all .media-body-all { padding: 6px 10px; padding-left: 0px; margin-left: 30px; }
.listGroupHeader { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.listGroup h3{ font-size: 25px; color: #39b54a; font-weight: 600; text-align: right; }
.listGroup h3 small{ font-size: 13px; color: #a9a9a9; display: block; font-weight: 600; width: 100%; }
.listGroup h4{ font-size: 16px; color: #42a1d5; font-weight: 600; padding-bottom: 6px; }
.listGroup .smallData{ font-size: 12px; line-height: normal; font-weight: 400; }
.listGroup .smallData p{ padding: 0px; line-height: 18px; font-weight: 200; color: #696969; }
.listGroup .smallTitle{ color: #154469; border-bottom: solid 1px #dadada; padding: 0px 0px 5px; margin-bottom: 5px; font-weight: 400; }



.searchKeywords{ margin-bottom: 20px; }
.searchKeywords .input-group{  }
.searchKeywords .input-group-addon{ background-color: #ffffff; border: 0px; border-radius: 0px; padding-left: 16px; padding-right: 10px; }
.searchKeywords .form-control{ background-color: #ffffff; border: 0px; box-shadow: none; border-radius: 0px; padding-left: 0px; height: 44px; }



#back-top a{ display: flex !important; align-items: center; justify-content: center; }



/*---- Range Slider ----*/
.rangeSliderMain{  }
.rangeSliderMain .titleMn{ display: flex; justify-content: space-between; padding-bottom: 20px; }
.rangeSliderMain .inpValue{ background-color: transparent !important; width: 100%; text-align: center; border: 0px; padding: 0px !important; height: unset !important; margin-bottom: 15px; }
.rangeSlider{ background-color: #b8b8b8; border: 0px; height: 1px; }
.rangeSlider .ui-slider-range{ background-color: #418ab3; height: 3px; top: -1px; }
.rangeSlider .ui-slider-handle{ background-color: #408ebf; border: 1px solid #ffffff; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border-radius: 50%; width: 15px; height: 15px; top: -7px; }
/*---- Range Slider End ----*/


.authenticationTitle{  }
.authenticationTitle h1{ font-weight: normal; font-size: 22px; padding-bottom: 15px; text-align: center; color: #004b74; }

.qq-upload-button{ padding-left: 10px; padding-right: 10px; direction: unset !important; }

.item .innerPagesBanner .item_column_left{ min-height: 100%; }

.errorPage-inputgroups{ width: 100%; max-width: 550px; }
.errorPage-inputgroups .form-control{ width: 100% !important; height: 40px; }


.siteMapBox{ padding: 0px 0px 20px; }
.siteMapBox h4{ font-size: 20px; font-weight: normal; color: #666666; padding: 0px 0px 10px; }
.siteMapBox ul{ margin: 0px; padding: 0px; font-size: 13px; }
.siteMapBox li{ margin: 0px; padding: 0px 0px 5px; list-style: none; }


.dp-features-list__item{ width: 33.333%; }
.dp-features-list__item strong{ padding-right: 5px; }


.modal-footer{ border-top: 0px none; }

.gallery-thumbs .swiper-slide img{ object-fit: cover; height: 130px; }



.comnTextBtnPart{ padding-bottom: 30px; }
.comnTextBtnPart .media-left { width: 80%; }
.comnTextBtnPart .media-left h1{ padding: 0px; font-size: 25px; font-weight: 600; line-height: normal; color: #154469; }
.comnTextBtnPart .media-body { width: 20%; text-align: right; align-self: center; }


.page-content{ padding: 20px 0px 30px; }
.page-content h2{ font-size: 15px; color: #5a5a5a; padding-bottom: 15px; font-weight: bold; }
.page-content p{ font-size: 15px; color: #5a5a5a; padding-bottom: 15px; }


.comnGrayBoySkyIconMain{ padding: 20px 0px 0px 0px; }
.comnGrayBoySkyIconBox{ background-color: #f4f4f4; text-align: center; padding: 20px; height: 100%; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; 
}
.comnGrayBoySkyIconBox:hover{ box-shadow: 0px 0px 15px rgba(21, 68, 105, 0.3); }
.comnGrayBoySkyIconBox h3{ font-size: 17px; font-weight: bold; color: #154469; padding-top: 15px; }
.comnGrayBoySkyIcon{ height: 55px; display: flex; align-items: center; justify-content: center; }
.comnGrayBoySkyIcon img{ object-fit: cover; width: auto; height: auto; }






/*
font-family: "Font Awesome 5 Free";
*/

/* 06-12-2019 */ 
.plan_head{ text-align:center; padding-bottom:5px; }
/*.map-head{ text-align:center; padding-bottom:5px; font-size:25px; }*/

/*table.tbl-embassy { border: none; width:75%; }
td.first-col-head,td.third-col-head { text-align: center; padding: 15px; background: #2c5678; }
td.sec-col-head { text-align: center; padding: 15px; background: #ff5353; }
td.first-col-head { border-top-left-radius: 10px; }
td.third-col-head { border-top-right-radius: 10px; }
td.first-col-head > p, td.sec-col-head > p, td.third-col-head > p { color:#fff !important; }
td.col-td { padding: 15px; text-align: center; border:1px solid #ccc; border-width: thin; }
td.last-col-td { text-align: center; padding: 15px; border:1px solid #ccc; }
td.head-td { padding: 15px; text-align:right; }
.tbl-body { width: 92%; float: left; display: table; }
*/
/* 6-12-2019 */
.page-head { font-size:30px; font-weight: 600; color: #535353; }
.book-div { margin-top:20px; }
.booknow-div { margin-top:20px; margin-bottom:20px; text-align:center }
/*.book-now { margin: 0 auto; text-align: center; padding: 10px; width: 200px; display: block; background: #3c90be; color: #fff; }*/
.free-text { text-align:center; padding-bottom:15px; }
#map { height: 490px; width: 100%; margin-top:20px; }


.border-0{ border: 0px !important; }


.comnTitle1{ padding-bottom: 10px; }
.comnTitle1 h3{ font-size: 20px; color: #154469; font-weight: 600; }




.propertyCarouselMain{ background-color: #f4f4f4; margin-bottom: 10px; padding: 72px 0px; margin-top: 30px; }
.propertyBox{ position: relative; overflow: hidden; }
.propertyBox p{ font-size: 11px; line-height: normal; }*/
.propertyBoxImage{ background-color: #000000; }
.propertyBoxImage:before{ background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 100%; }
.propertyBox img{ width: 100%; height: 100%; object-fit: cover; }

.propertyBoxImage, .propertyBoxImage img{ height: 378px; }


.propertyBoxHeader{ position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; z-index: 6; padding: 15px 15px 0px 15px; color: #ffffff; }
.propertyBoxHeader h4{ font-size: 20px; font-weight: bold; width: 100%; }
.propertyBoxPerMonth{ position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 5; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.propertyBoxPerMonth h3{ font-size: 25px; font-weight: 600; color: #ffffff; padding: 18px 18px 10px;
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.propertyBoxPerMonth h3 small{ font-size: 16px; font-weight: 600; color: #ffffff; text-transform: capitalize; display: block; width: 100%; padding-bottom: 4px; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.propertyBoxPerMonth .btn{ opacity: 0; visibility: hidden; height: 0px; margin-bottom: -60px; }

.propertyBox:hover .propertyBoxPerMonth { background-color: rgba(255, 255, 255, 0.9); }
.propertyBox:hover .propertyBoxPerMonth h3 { color: #154469; }
.propertyBox:hover .propertyBoxPerMonth h3 small { color: #004b74; }
.propertyBox:hover .propertyBoxPerMonth .btn{ opacity: 1; visibility: visible; height: auto; margin-bottom: 0px; }



#propertyBoxCarousel .owl-stage-outer{ padding-bottom: 0px; }
#propertyBoxCarousel .owl-nav{ position: absolute; left: 0px; right: 0px; top: 50%; display: block !important; }
#propertyBoxCarousel .owl-nav .owl-prev{ position: absolute; left: -50px; }
#propertyBoxCarousel .owl-nav .owl-next{ position: absolute; right: -50px; }
#propertyBoxCarousel .owl-nav .owl-prev i, #propertyBoxCarousel .owl-nav .owl-next i{ font-size: 20px; color: #000000; }


/*---- Modal Vertically Center ----*/
.modal { text-align: center; padding: 0 !important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
/*---- Modal Vertically Center End ----*/


.textRedBox{ font-size: 15px; font-weight: 600; color: #fd3a42; padding: 10px; border: solid 1px #f7941d; margin-bottom: 15px; }


.myTableOne{ border: solid 1px #a1b4c3; }
.myTableOne table{ margin-bottom: 0px; }
.myTableOne table thead tr th{ border-bottom: 0px; font-size: 16px; color: #004b74; font-weight: 600; padding: 25px 8px; }
.myTableOne table tbody tr td{ border-top: 0px; font-size: 15px; color: #004b74; font-weight: normal; padding: 18px 8px; }


.myTableOne .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #ebf8fe; }

.bg1Blue{ background-color: rgba(34, 68, 101, 0.1); }
.bg2Red{ background-color: rgba(253, 58, 66, 0.1); color: #fd3a42 !important; }
.bg3Sblue{ background-color: rgba(64, 184, 250, 0.1); }


.TableSepFooter{ color: #ffffff; padding: 20px; background-color: #154469; }
.TableSepFooter h4{ font-size: 16px; font-weight: 600; color: #ffffff; padding: 0px 0px 15px 0px; }




.mySyncSlider{ position: relative; }

.syncSliderLarge{  }
.syncSliderLargeImage {  }
.syncSliderLargeImage img { object-fit: cover; width: 100%; height: 100%; }

.syncSliderSmall{ position: absolute; left: 25px; bottom: 25px; width: 60%; }
.syncSliderSmallImage{  }
.syncSliderSmallImage img { object-fit: cover; width: 100%; height: 100%; }


.syncSliderSmall .owl-nav { position: absolute; /*left: 0px;*/ right: 0px; top: 0px; height: 100%; }
.syncSliderSmall .owl-nav .owl-prev{ right: -130px; }
.syncSliderSmall .owl-nav .owl-prev.disabled{ display: none; }
.syncSliderSmall .owl-nav .owl-next{ right: -64px; }

.syncSliderSmall .owl-nav .owl-prev, .syncSliderSmall .owl-nav .owl-next{ position: absolute; width: 60px; height: 100%; background-color: #ffffff !important; display: inline-block; }
.syncSliderSmall .owl-nav .owl-prev i, .syncSliderSmall .owl-nav .owl-next i{ color: #40b8fa; font-size: 40px; }


#sync1 .item {
    background: #0c83e7;
}

#sync2 .item {
    background: #C9C9C9;
    cursor: pointer;
}


#sync2 .current .item{
    background: #0c83e7;
}

.owl-theme .owl-nav {
    
    [class*='owl-'] {
      transition: all .3s ease;
      &.disabled:hover {
       background-color: #D6D6D6;
      }   
    }
}

//arrows on first carousel

/*#sync1.owl-theme { position: relative; }

#sync1.owl-theme .owl-next, .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}


#sync1.owl-theme .owl-prev {
    left: 10px;
  }
#sync1.owl-theme .owl-next {
    right: 10px;
  }
*/



.propertyMoreSlide1Main{ }

.propertyMoreSlide1Main .owl-item .item {
    background-image: url("../images/ajax-loader.gif"); background-repeat: no-repeat; background-position: center center;
}

.propertyMoreSlide1Main .owl-stage {
    display: flex !important;
    overflow: hidden !important;
    height: 100%;
    width: 100%;
}

.propertyMoreBox{ height: 300px; }
.propertyMoreBox img{ object-fit: cover; width: 100%; height: 100%; }

.propertyMoreSlide1Main .owl-nav{ position: absolute; left: 0px; right: 0px; top: 40%; display: block !important; }
.propertyMoreSlide1Main .owl-nav .owl-prev{ position: absolute; left: 0px; background-color: #ffffff !important; padding: 12px 10px !important; height: 40px; width: 30px; }
.propertyMoreSlide1Main .owl-nav .owl-next{ position: absolute; right: 0px; background-color: #ffffff !important; padding: 12px 10px !important; height: 40px; width: 30px; }
.propertyMoreSlide1Main .owl-nav .owl-prev i, .propertyMoreSlide1Main .owl-nav .owl-next i{ font-size: 14px; color: #000000; }


.card_section{display:block;text-align:center;}

.comnTitle1 .avail-prop{   
 	font-size: 25px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #154469;
    text-align: center;
 }


 .myPopupLarge{  }
 .myPopupLarge .modal-lg{ width: 1170px; }

.trade_section {
    text-align: center;
    width: 250px;
    display: block;
    margin: 0 auto;
}

/* 07-01-2020 */
.dash-separator {
    border-bottom: 1px dotted #cccccc;
	margin-bottom:20px;
}
#apply_for_let_morgage_form {
    width: 100%;
    padding: 20px;
    border: 4px solid #ccc;
    border-radius: 4px;
	margin-top:20px;
}
.direct-form-label
{
	width: calc(100% - 350px);
}
select#mortgaged-property {
    width: 300px;
}


#apply_for_let_morgage_form select#mortgaged-property { width: 100%; }
#apply_for_let_morgage_form .formSelectCommon{ border: solid 1px #999999; height: 32px !important; }

.thankYouPart{ padding: 20px 0px; }
.thankYouBox{  }
.thankYouBox h3{ font-size: 30px; color: #15567c; }


/* 10-01-2020 */
.important-info-box {
    background-color: rgba(215, 20, 64, 0.1);
    border: 3px solid #d71440;
    padding: 30px;
    margin-top: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.direct-box-content {
    border: 1px solid #cccccc;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 13px;
}
.boi-product-picker #product-search-results .pp-search-results.k-grid table {
    border-collapse: collapse;
    width: 100%;
    font-size: 13px;
    border-top: 1px solid #c5c5c5;
}


.mortgageForm{ background-color: #eeeeee; padding: 20px; margin-bottom: 20px; }
.apptype { width:800px; }
.form-notification { width:570px; }
.btn-proceed { margin-top:20px; margin-bottom:20px; }


.product-search-results{  }
.product-search-results table{ border: 1px solid #ddd; margin-bottom: 20px; }
.product-search-results table thead tr th, .product-search-results table tbody tr td{ border: 1px solid #ddd; padding: 8px; }
.product-search-results > table thead tr th:first-child, .product-search-results > table tbody tr td:first-child { border-top: 0; }


.theStepsMortgage{ position: relative; margin: 30px 0px 50px 0px; padding-bottom: 30px; }
.theStepsMortgage h3{ font-size: 14px; padding-bottom: 30px; }
.theStepsMortgage:before{ background-color: #d4d6d8; position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 100%; border-top: solid 120px #ffffff; }
.theStepsMortgage .container{ position: relative; }

.theStepswrapper{ padding-bottom: 25px; }
.theStepsBox{ 
    display: flex; align-items: center; /*justify-content: center;*/ flex-direction: column; text-align: center; height: 100%;
    position: relative;
}


.theStepswrapper .active .theStepsBox:after{ border-style: solid; border-width: 0 10px 16px 10px; border-color: transparent transparent #fff transparent; content: ""; position: absolute; left: 45%; right: 0px; bottom: -25px; width: 10px; height: 100%; }

.theStepsBoxIcon{ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 50%; font-size: 40px; margin-bottom: 30px; border: solid 2px #154469; color: #3c90be; 
    -webkit-box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.55);
    box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.55);    
}
.theStepsBoxIcon:hover{ background-color: #154469; color: #ffffff; }
.theStepsBox h4{ color: #000000; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; }

.row.theStepsSeprator [class*='col-']:not(:first-child):after { 
    width: 46px; height: 26px; content: ""; display:block; position: absolute; top: 25px; bottom: 0; left: -20px; 
    background-image: url("../images/arrowSep.png"); background-repeat: no-repeat; background-position: center center; background-size: contain;
}


.theStepswrapper .active .theStepsBoxIcon{ background-color: #154469; color: #ffffff; }


.theStepsDescription{ background-color: #ffffff; border-radius: 6px; padding: 15px; 
    -webkit-box-shadow: 0px 5px 16px #999999;
    box-shadow: 0px 5px 16px #999999;
}
.theStepsDescription h4{ display: none; }
.theStepsDescription p{ font-size: 13px; }

/* 21-01-2020 */
.failure-message
{
	margin-bottom:20px;
}
input[disabled] {
	background: #dfdfdf;
}
.thank-text
{
	font-size:26px;
}
.calculation {
    padding-left: 20px;
}


/*---Responsive---*/
@media (max-width: 1400px) {  

  .numberOneProperty .noSpace:nth-child(odd) .numberOnePropertyText{ padding: 0% 20% 0% 10%; }
  .numberOneProperty .noSpace:nth-child(even) .numberOnePropertyText{ padding: 0% 10% 0% 20%; }

  .numberOnePropertyImage { height: 310px; }
  .numberOnePropertyImage img { min-height: 310px; }

  .apartmentListing { padding-left: 50px; padding-right: 50px; }
  .apartmentListing .col-md-8 { width: 100%; }

}


@media (max-width: 1299px) {
  #premiumListingsCarousel .owl-nav .owl-prev{ left: 15px; }
  #premiumListingsCarousel .owl-nav .owl-next{ right: 15px; }

  #premiumListingsCarousel .owl-nav .owl-prev i, #premiumListingsCarousel .owl-nav .owl-next i {
    font-size: 16px; color: #000000;
    background-color: rgba(255, 255, 255, 0.8); width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px;
  }

  #propertyBoxCarousel .owl-nav .owl-prev{ left: 0px; }
  #propertyBoxCarousel .owl-nav .owl-next{ right: 0px; }

  .page-head { font-size: 24px; }

}

@media only screen and (min-width : 1200px) {
	.container { /*max-width: 1200px;*/ width: 1200px; }
}

@media only screen and (max-width : 1199px) {

  h2 { padding-bottom: 20px; }
  .commonSpaceOne { padding: 30px 0px; } 
  .commonSpaceTwo { padding: 60px 0px; }

  .commonTitleOne { padding-bottom: 40px; }
  .commonTitleOne h3 { font-size: 25px; line-height: 35px; }
  
  .mainBanner{ padding: 160px 0px 80px; }
  .findHomeForm { padding: 40px; width: 460px; }

  .premiumListBox h4 { font-size: 16px; padding-top: 15px; }
  .latestListingsBox { padding-bottom: 50px; }

  .numberOneProperty .noSpace:nth-child(odd) .numberOnePropertyText{ padding: 0% 10%; }
  .numberOneProperty .noSpace:nth-child(even) .numberOnePropertyText{ padding: 0% 10%; }

  .apartmentListing { padding-left: 20px; padding-right: 20px; }
  .apartmentListing ul li { padding: 0px 0px 20px 42px; }
  .apartmentListing h3 { font-size: 20px !important; padding-bottom: 20px; }
  .apartmentListingImage { height: 530px; }

  .subscribePart h4 { font-size: 22px; padding: 0px 0px 20px; }
  .subscribePart .input-group .form-control { height: 68px; }
  .subscribePart .input-group .input-group-btn { height: 68px; padding-right: 12px; }
  .subscribePart .input-group .input-group-btn .btn { font-size: 16px; }
  .subscribePart .input-group .form-control{ padding-left: 25px; padding-right: 25px; }

  .footerMain { padding: 50px 0px 30px; }
  .footerBox ul li { font-size: 13px; }

  .greatFeaturesBox h4 { font-size: 18px; padding: 0px 0px 6px; }
  .greatFeaturesBox p { font-size: 13px; }


  .listGroup h3 { font-size: 22px; }
  .listGroup h3 small { font-size: 13px; }
  .listGroup h4 { font-size: 15px; }

  .listGroup .listGroupHeader .btn{ min-width: unset; }

  .listGroup .mediaImage { width: 260px; height: 260px; }
  .listGroup .media-all .media-body-all{ margin-left: 20px; }

  .item ul.dp-features-list .dp-features-list__item{ width: 33.3333%; }

  /*.user-public-profile .listing-results-wrapper .listing-results-right{ margin-left: 0px; padding-top: 15px; }*/
  .listing-results-wrapper .listing-results-right{ margin-left: 0px; padding-top: 15px; }
  
  /*.listing-results-right{  }*/

  .comnGrayBoySkyIconBox h3 { font-size: 15px; }


  #propertyBoxCarousel .owl-nav{ top: 45%; }
  #propertyBoxCarousel .owl-nav .owl-prev, #propertyBoxCarousel .owl-nav .owl-next{ background-color: #f4f4f4; width: 40px; height: 50px; }
  #propertyBoxCarousel .owl-nav .owl-prev i, #propertyBoxCarousel .owl-nav .owl-next i { font-size: 16px; }


  .myPopupLarge .modal-lg{ width: 970px; }
}


@media only screen and (min-width : 992px) {
	#side-menu .close { display: none; }
	.headerRight .navbar-nav{ -ms-flex-direction:row; flex-direction:row; display: flex; }
}

@media only screen and (max-width : 991px) {

    .innerPagesBanner { padding: 105px 0px 0px 0px; }

  .header .navbar-brand{ height: 38px; width: auto; }
  .header .navbar-brand img{ height: 100%; width: auto; }
  .header .menuMain .navbar-nav { padding-top: 0px; }
  .header .navbar-default .navbar-nav > li > a{ padding-left: 5px; padding-right: 5px; }

  .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:focus, .header .navbar-default .navbar-nav > .active > a:hover { padding-top: 6px; padding-bottom: 6px; }

  .commonTitleOne { padding-bottom: 30px; }
  .commonTitleOne h3 { font-size: 20px; line-height: 28px; }

  h1 { font-size: 18px; padding-bottom: 15px; }

  .findHomeForm { padding: 20px; width: 350px; }
  .formOne .form-group { margin-bottom: 10px; }

  .mainBanner { padding: 140px 0px 50px; }

  .container { width: 100%; }

  .apartmentListingImage { height: 530px; }
  .greatFeaturesBox { padding: 20px; }
  .greatFeaturesBox h4 { font-size: 16px; }
  
  
  .premiumListBoxImage, .premiumListBoxImage img{ height: 358px; }

  .premiumListPerMonth { font-size: 15px; }
  .premiumListPerMonth span{ font-size: 20px; padding-top: 2px; }

  .latestListingsBoxImage{ height: 132px; }

  .numberOnePropertyText h4 { font-size: 22px; padding-bottom: 6px; }
  .numberOnePropertyText p { font-size: 15px; }

  .apartmentListing h3 { font-size: 16px !important; padding-bottom: 15px; }
  .apartmentListing ul li { padding: 0px 0px 12px 30px; font-size: 13px; background-size: 20px; }
  
  .footerBox { padding-bottom: 20px; }
  .social { margin-top: 30px; justify-content: center; }
  .social a { margin: 0px 8px; }
  .social a i { font-size: 20px; }
  .footerLastBox{ text-align: center; }
  .footerLastBox .w-100{ width: auto !important; }
  .footerLogo { padding: 30px 0px 0px; }
  .copyRights { text-align: center; padding-top: 30px; }

  .formCommon { display: unset; }

  .item ul.dp-features-list .dp-features-list__item{ width: 100%; padding-bottom: 8px; }

  .siteMapBox h4 { font-size: 18px; }

  .gallery-thumbs .swiper-slide img { height: 80px; }

  .comnTextBtnPart .media-left p { font-size: 18px; }

  .comnTextBtnPart .media-left { width: 70%; }
  .comnTextBtnPart .media-body { width: 30%; }

  .comnTextBtnPart { padding-bottom: 20px; }



  .comnGrayBoySkyIconMain { padding: 0px; }

  .comnGrayBoySkyIconMain .row { margin-left: -8px; margin-right: -8px; }
  .comnGrayBoySkyIconMain .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
  .comnGrayBoySkyIconMain .mb-4 { margin-bottom: 16px !important; }

  .comnGrayBoySkyIconBox h3 { padding-top: 10px; font-size: 14px; }
  

  .myTableOne.table-responsive{ margin-bottom: 0px; }
  .TableSepFooter{ margin-bottom: 40px; }
  #map { margin-top: 10px; }

  .propertyCarouselMain{ margin-top: 10px; padding: 40px 0px; }

  .myPopupLarge .modal-lg{ width: 100%; }


  .direct-form-label { width: calc(100% - 200px); }
  .thankYouBox h3 { font-size: 22px; }

  .row.theStepsSeprator [class*="col-"]:not(:first-child):after { width: 36px; height: 16px; top: 30px; left: -18px; }
  .theStepsBox h4 { font-size: 13px; }
  .theStepsBoxIcon{ margin-bottom: 20px; }

}


@media (min-width:992px){
	.order-md-2{ -ms-flex-order:2; order:2; }
	.order-md-1{ -ms-flex-order:1; order:1; }
}

@media only screen and (max-width : 900px) {  

	.listGroup .media-all{ display: table; }
	.listGroup .mediaImage { width: 100%; height: 220px; margin-bottom: 15px; }
	.listGroup .media-all .media-body-all { margin-left: 0px; padding: 0px; }
	.listGroup h3{ text-align: left; }
	.listGroup .media-all { padding: 15px; }

}


@media only screen and (min-width : 768) {
	#side-menu .close { display: none; }	
}

@media only screen and (max-width : 767px) {

  .header .navbar-default{ padding-top: 10px; padding-bottom: 10px; }
  .header .navbar-brand{ margin-left: 15px !important; }
  /*.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgba(255, 255, 255, 0.3); box-shadow: none; }
  .menuMain .navbar-nav{ margin: 10px 0px 0px; text-align: center; }*/
  
  .header .navbar-brand { width: 180px; margin-top: 1px; }
  .header .navbar-toggle{ border-radius: 0px; background-color: #3c90be; border: 0px; padding: 12px 10px; margin-top: 5px; margin-bottom: 5px; }
  .header .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; border-radius: 0px; }
  .header .navbar-default .navbar-toggle:focus, .header .navbar-default .navbar-toggle:hover { background-color: #41b8fa; }


  .menuMain { /*padding-top: 50px;*/ padding: 50px 15px 15px 15px; }
  .menuMain .navbar-nav{  }
  .menuMain .navbar-nav li { margin-bottom: 2px; }
  .menuMain .navbar-nav li a{ color: #ffffff; }
  .menuMain .navbar-nav li a:hover{ color: #154469; background-color: #ffffff; }
  .menuMain .navbar-nav li.active a{ color: #154469; background-color: #ffffff; }
  

  .commonSpaceTwo { padding: 40px 0px; }
  .commonTitleOne { padding-bottom: 20px; }
  .commonTitleOne h3.mt-5{ margin-top: 20px !important; }

  .latestListingsBox { padding-bottom: 30px; }
  .numberOnePropertyImage { height: 100%; }

  .numberOneProperty .noSpace { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; }
  .numberOneProperty .noSpace:nth-child(odd) .numberOnePropertyText, .numberOneProperty .noSpace:nth-child(even) .numberOnePropertyText{ padding: 15px; }
  .numberOneProperty .noSpace:nth-child(even) .numberOnePropertyImageMain{ -ms-flex-order: unset; order: unset; }
  .numberOnePropertyText h4 { font-size: 20px; padding-bottom: 4px; }

  .apartmentListingPart{ padding-bottom: 30px; }
  .apartmentListingImage { height: 100%; margin-bottom: 30px; }

  .footerMain { padding: 30px 0px; }


  .listSidebar{ height: 100%; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
  .filterText{ font-size: 16px; margin: 0px !important; padding: 0px 0px 15px 0px !important; }
  .filterText i{ padding-right: 4px; font-size: 16px; }

  .listSidebarHed{ display: none; }
  .formTwo .form-group { margin-bottom: 15px; }

	#side-menu { display:none; position:fixed; width:260px; top:0; left: -260px; height:100%;  overflow-x: hidden; overflow-y:auto; z-index:1035; /*background: #333333; padding:20px 15px; color:#ffffff;*/ transition:0.4s; }	
	.side-menu-visible #side-menu { transform:translateX(260px); }
	#side-menu .contents { height: 100%; }  	
	#side-menu .close { font-size:36px; font-weight:normal; color: #41b8fa; opacity: 1; box-shadow: none; position: absolute; right: 15px; top: 5px; display: block; font-weight: 200 !important; text-shadow: none; }
	.side-menu-overlay { position:fixed; left:0; top:0; min-width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1032; display: none; }
	.side-menu-visible{ overflow: hidden; }


	.innerPagesBanner { padding: 90px 0px 0px 0px; }

	.authenticationTitle h1 { font-size: 18px; }

    .user-public-profile .user_detail_info{ margin-bottom: 20px; }
    .listing-results-price{ font-size: 18px; }

    #sidebar{ margin-bottom: 20px; }


    .siteMapBox { text-align: center; padding: 0px 0px 30px; }

    /*
    .listSidebarMain{ display: none; }
    .listSidebarMobile{ display: unset; }
    */
    
    .page-head { font-size: 20px; }
    .propertyBoxHeader h4 { font-size: 16px; }
    .propertyBoxHeader h4 small{ font-size: 13px; }
    .propertyBoxHeader .bedLabel{ padding: 2px 8px; }
    .propertyBoxPerMonth span{ font-size: 20px; line-height: 17px; }
    #map { height: 300px; }


    .syncSliderSmall{ left: 15px; bottom: 15px; width: 80%; }

    .syncSliderSmall .owl-nav .owl-prev, .syncSliderSmall .owl-nav .owl-next{ width: 50px; }
    .syncSliderSmall .owl-nav .owl-next { right: -54px; }
    .syncSliderSmall .owl-nav .owl-prev { right: -110px; }
    .syncSliderSmall .owl-nav .owl-prev i, .syncSliderSmall .owl-nav .owl-next i { font-size: 30px; }

    .comnGrayBoySkyIconMain .rowFlex{ display: inherit; }

    .booknow-div { margin-top: 0px; }

    .syncSliderSmall{ width: 70%; }

    .comnTextBtnPart .media-all{ display: table; width: 100%; }
    .comnTextBtnPart .media-left { width: 100%; padding-right: 0px; text-align: center; display: block; padding-bottom: 15px; }
    .comnTextBtnPart .media-body { width: 100%; text-align: center; display: block; }

    
    .myPopupLarge .modal-lg{ width: 530px; }

    .trade_section{ width: 160px; padding-top: 20px; padding-bottom: 30px; }

    .direct-box-content{ margin-top: 20px; }
    .direct-form-label { width: 100%; }
    .border-dark .form-group.d-flex{ display: unset !important; }



    .theStepsMortgage:before { border-top: 0px; }
    .row.theStepsSeprator [class*="col-"]:not(:first-child):after { content: none; background: none; position: unset; width: auto; height: auto; }

    .theStepsBox h4{ display: none; }
    .theStepsDescription h4{ display: unset; color: #000000; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px 0px 5px 0px; }

    .theStepsBoxIcon{ border-radius: 0%; font-size: 30px; width: 50px; height: 50px; border: 0px; margin-bottom: 0px; box-shadow: none; }


    .theStepsMain{  }
    .theStepsMortgage{ margin: 0px 0px 30px 0px; padding: 20px 0px; }

}
@media only screen and (max-width : 700px) { 
	.contact_button a { padding-left: 10px; padding-right: 10px; }
}
@media only screen and (max-width : 575px) {  

  h1 { font-size: 16px; padding-bottom: 10px; }

  .header .navbar-default .navbar-nav > li{ display: block; }

  .latestListingsPart .col-xs-6, .greatFeaturesPart .col-xs-6{ width: 100%; }
  .greatFeaturesPart .my-3{ margin-top: 8px !important; margin-bottom: 8px !important; }

  .commonTitleOne { padding-bottom: 18px; }
  .commonTitleOne h3 { font-size: 16px; line-height: 22px; }
  .commonSpaceTwo { padding: 30px 0px; }

  .numberOnePropertyImage img { min-height: 200px; }

  .numberOnePropertyText h4 { font-size: 16px; }
  .numberOnePropertyText p { font-size: 14px; line-height: normal; }

  .numberOneProperty .noSpace:nth-child(odd) .numberOnePropertyText, .numberOneProperty .noSpace:nth-child(even) .numberOnePropertyText{ padding: 10px 0px; }

  .mainBanner { padding: 80px 0px 30px; }
  .findHomeForm { width: 100%; }

  .subscribePart h4 { font-size: 18px; }
  
  .subscribePart .input-group{ display: block; }
  .subscribePart .input-group .form-control{ height: 100%; padding: 15px; margin-bottom: 12px; }
  .subscribePart .input-group .input-group-btn{ padding-right: 0px; height: 100%; }
  .subscribePart .input-group .input-group-btn .btn{ width: 100%; }

  .listGroup h3 { font-size: 18px; }
  .listGroup h3 small { font-size: 12px; }

  .listGroup h4 { font-size: 14px; }


  .errorPage-inputgroups{ display: block; }
  .errorPage-inputgroups .btn{ margin-left: 0px; width: 100%; margin-top: 10px; }


  .siteMapBox h4 { font-size: 16px; }

  .gallery-thumbs .swiper-slide img { height: 50px; }

  li.single-item-price { font-size: 18px; }


  .page-head { font-size: 18px; }
  .propertyBoxImage, .propertyBoxImage img { height: 300px; }
  #propertyBoxCarousel .owl-nav .owl-prev i, #propertyBoxCarousel .owl-nav .owl-next i { font-size: 14px; }
  .propertyBoxPerMonth{ padding: 5px 10px; }

  .syncSliderSmall{ display: none !important; }

  .comnTextBtnPart .media-left p { font-size: 15px; }

  .comnTextBtnPart { padding-bottom: 30px; }

  .myPopupLarge .modal-lg{ width: 300px; }

  .mortgageForm .d-flex{ display: unset !important; }

  .btn-success{ margin-bottom: 10px; }

  .theStepswrapper .rowFlex{ display: table-cell; width: 100%; }
  .theStepsBoxIcon{ font-size: 25px; width: 44px; height: 44px; }
  .theStepswrapper .active .theStepsBox:after { left: 0%; border-width: 0 10px 12px 10px; bottom: -15px; }
  .theStepswrapper { padding-bottom: 15px; }
  .theStepsDescription{ border-radius: 0px; }

}