@media only screen and (min-width:1000px) and (max-width:1200px) {
    #bgrid {width:740px!important;}
}
@media only screen and (min-width:1200px) and (max-width:1440px) {
    #bgrid {width:934px!important;}
}
@media only screen and (min-width:1440px) and (max-width:1600px) {
    #bgrid {width:740px!important;}
}
@media only screen and (min-width:1600px) {
    #bgrid {width:895px!important;}
}

body.mobi .homeintro { margin: 0 auto!important; }
body.mobi .nomobi, body.mobi .nomobi * { display: none!important; width: 0!important; height: 0!important; }
.gridItm { display: none; height: 0; width: 0; }
.narrow .gridItm { display: inline; float: left; clear: both; width: 100%; height: auto; position: relative; }
body.mobi .narrow .gridItm { height: 100%; }
.gridItm2 { display: inline-block; float: none!important; width: 315px; height: 226px; position: relative;-webkit-box-flex: 1;text-align: center;box-sizing: border-box; }
.narrow .gridItm2 { display: none; height: 0; width: 0; }
.gridItm2 { width: 364px; margin-bottom: 10px; }
body.wide1000 .gridItm2 { width: 49%; margin-bottom: 10px; }
body.wide1200 .gridItm2 { width: 32%; margin-bottom: 10px; }
body.wide1440 .gridItm2 { width: 32%; margin-bottom: 10px; }
body.wide1600 .gridItm2 { width: 24%; margin-bottom: 10px; }
.gridItm2:nth-of-type(2n) { margin-right: 0!important; }
.gridImg { display: inline; float: left; clear: left; height: 307px; width: 388px; position: relative; margin-right: 6px; }
.gridImg img { position: absolute; max-width: 388px; max-height: 307px; }
body.mobi .gridImg, body.mobi .gridImg img { width: 100%!important; clear: both; height: 100%!important; max-height: initial!important; min-height: 307px!important; top: 0!important; left: 0!important;position:relative!important;}
body.narrow .gridImg, body.narrow .gridImg img {display:block;margin:0 auto; width: 98%!important; clear: both; height: 100%!important; max-height: initial!important; min-height: 307px!important; top: 0!important;position:relative!important;}
.gridTxtCnt { display: inline; float: left; clear: right; width: 38%; }
body.mobi .gridTxtCnt, body.narrow .gridTxtCnt { margin: 0 auto; width: 98%; width: -webkit-calc(100% - 12px); width: -moz-calc(100% - 12px); width: calc(100% - 12px); padding-bottom: 10px; clear: both; position: relative; top: 10px; }
.gridItm q { display: inline; float: left; clear: left; padding: 15px 0 0 5px; }
.gridTitle { font-family: 'CustomFont',Arial,sans-serif; font-size: 18px; font-weight: 600; color: #6d6f71; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; float: left; clear: left; margin-left: 5px; }
.gridItm2 .gridTitle { width: 98%; }
.gPad1 { display: inline; float: left; }
.gridItm2 .gPad1 { width: 38%!important; margin-left: 0; overflow: hidden; }
.gridItm2 .gridTxtCnt { width: 100%; box-sizing: border-box; border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; margin: 0 5px 10px 0; padding: 10px 4px 10px 10px; }
.gPad2 { width: 100%; float: left; clear: both;padding-bottom: 50px;}
.gPad3 { display: inline; float: left; height: auto; width: 90%!important; padding: 10px; word-wrap: break-word; }
.gMoreInfo { position: absolute; right: 20px; bottom: 20px; }
body.mobi .gMoreInfo { right: 0; top: 0; bottom: initial; }
.gMoreInfo2 { display: inline; float: left; clear: left; position: absolute; top: 76%; right: 4%; }
.grdInfo { margin: 17px 0 0 0; border: 0; }
.condoIconImg { height: 307px; width: 388px; border: solid 0 #d3d3d3; }
form#form { display: table; width: 100%; margin: 0 auto; }
.imagebox { display: inline; float: left; width: 100%; height: auto; border: 1px solid #d3d3d3; margin: 15px 0 15px 0; box-sizing: border-box; }
body.mobi .imagebox { width: 100%!important; }
.pagenum { display: inline; float: left; width: 75%; height: 42px; margin: 0!important; padding: 0!important; position: relative; overflow: hidden; text-align: center; }
body.mobi .pagenum { width: 100%; }
.pagenum ul { clear: left; float: left; margin: 0 auto!important; padding: 7px 0!important; height: 42px; position: relative; left: 50%; text-align: center; vertical-align: middle; }
.pagenum li { display: block; float: left; padding: 0 8px 0 8px; margin: 0 2px 0 2px!important; position: relative; border: 1px solid #d3d3d3; right: 50%; cursor: pointer; }
.pagenum .activeBttn { background: #40c2cc; border: 1px solid #19b4be; color: #fff!important; }
.pagenum .activeBttn b { color: #fff!important; }
.pagenum .firstBttn, .pagenum .lastBttn, .pagenum .nextBttn, .pagenum .prevBttn { border: none!important; cursor: inherit!important; }
body.mobi .pagenum .firstBttn, body.mobi .pagenum .lastBttn, body.mobi .pagenum .nextBttn, body.mobi .pagenum .prevBttn { border: 1px solid #d3d3d3!important; }
.pagedesc { display: inline; float: left; text-align: left; min-width: 100px; height: 41px; padding-left: 20px; padding-top: 1px; }
.pagedesc p { display: inline; float: left; clear: left; height: 15px; margin: 0; padding: 0; }
.txtoptico { font-size: 12px/15px; color: #878787; line-height: 26px; }
.txtoptico a { text-decoration: none; color: #878787; }
.txtoptico a:hover { color: #000; text-decoration: none; }
body.mobi select { width: 100%; text-indent: 4px; }
div.hsddl { position: relative; right: -8px; }