/*fix image detail*/
.news-detail img{
    width:auto !important;
    height:auto !important;
}
/*fix menu project header and footer*/
.shophouse-system{
    width: 100%;
    max-width: 100%;
}

.shophouse-system>ul>li{
    width: 340px; 
}

.menu-header .submenu-content>ul>li>a>i.arrow-project{
    left: 100px;
    top: 5px;
}

.footer-menu .submenu ul li a i.arrow-project{
    left:85px;
    top:5px;
}

.footer-menu .br-project{
    background:#838050;
    width:50px;
}

.br-project{
    background:#838050;
    width:85px;
    height:20px;
    display:inline-block;
    visibility:hidden;
}

.name-project{
    display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height:12px;
    margin-left:5px;
}

.name-project-footer{
    color:#3f4c2e;
}

.shophouse-system>ul>li>a.active .name-project,
.shophouse-system>ul>li>a:hover .name-project{
    text-decoration: underline;
    cursor:pointer;
}
/*fix font size info contact project*/
@media screen and (max-width: 1330px) {

    .shop-house-info {
        font-size: 15px;
    }

    .shop-house-info>.left {
        font-size: 15px;
    }

    .shop-house-info>.left>span a {
        font-size: 15px;
    }
}

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

    .shop-house-info {
        font-size: 13px;
    }

    .shop-house-info>.left {
        font-size: 13px;
    }

    .shop-house-info>.left>span a {
        font-size: 13px;
    }
}

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

    .shop-house-info {
        font-size: 12px;
    }

    .shop-house-info>.left {
        font-size: 12px;
    }

    .shop-house-info>.left>span a {
        font-size: 12px;
    }
}

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

    .shop-house-info {
        font-size: 11px;
    }

    .shop-house-info>.left {
        font-size: 11px;
    }

    .shop-house-info>.left>span a {
        font-size: 11px;
    }
}

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

    .shop-house-info {
        font-size: 15px;
    }

    .shop-house-info>.left {
        font-size: 15px;
    }

    .shop-house-info>.left>span a {
        font-size: 15px;
    }
}

/*maps*/
#map-canvas{
    height:400px;
}

#map-canvas2 img,
#map-canvas img {
    max-width: none;
    max-height:none;
}

/*placehoder search*/
.search-box input::-webkit-input-placeholder {
   font-weight:bold;
   font-size:11px;
}

.search-box input:-moz-placeholder { /* Firefox 18- */
   font-weight:bold;
   font-size:11px;
}

.search-box input::-moz-placeholder {  /* Firefox 19+ */
   font-weight:bold;
   font-size:11px;
}

.search-box input:-ms-input-placeholder {  
   font-weight:bold;
   font-size:11px;
}
/*modal bootrap center screen*/

.modal-clean .modal-content{
    background: none;
    border-radius: 0;
    border: none;
    box-shadow:none;
}

.modal {
    text-align: center;
}

@media screen and (min-device-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
/*custom display toolbar in screen view*/
.top-header {
    height: 90px;
}

.top-header > .right {
    margin-top: 5px;
}

/*slide main*/
#mainSlider.bffs .swiper-container{
    left:-100%;
}

#mainSlider .swiper-container,
#mainSlider .swiper-container .slide-item
{
    max-height:450px;
}

.platform-mac #mainSlider .swiper-container .slide-item{
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 40%;
}

.platform-mac #mainSlider .swiper-container .slide-item img{
    visibility:hidden;
}

#mainSlider .swiper-container .slide-item img{
    width:100%;
}

@media screen and (max-width: 768px) {
    header {
        height: 130px;
    }

    #mainSlider.bffs .swiper-container{
    left:0;
}
}
/*search page*/
#search-page{
    padding: 0 50px 50px 50px;
}

#search-page > h3{
    font-size: 22.42px;
    color: #646943;
    margin: 0 0 22px 0;
    padding: 0;
    border-bottom: 1px #646943 solid;
}

.msg-noresult{
    font-size: 17px;
    color: #646943;
    text-align:center;    
}

#search-page .news-item {
    padding: 0 10px;
}
/*fix news*/
.news-detail > h3{
    margin-top:0;
}
/*fix slide*/
.slide-item .slide-content h1 {
    margin: 0 auto;
    text-shadow:5px 5px 5px #000;
}
/*fix layout detail*/
.shop-house-content {
    width: 42%;
}

.shop-house-slide {
    width: 56%;
}

.shop-house-textbox {
    height: 341px;
}

.shop-house-slide img{
    width:100%;
}

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

    .shop-house-textbox {
        height: auto;
        overflow: auto;
    }

    .shop-house-content, 
    .shop-house-slide {
        width: 100%;
    }
}

/*fix map in tab position*/
.map-postion-top{
    height:400px;
    display:none;
}

.map-postion-top #map-canvas2{
    height:400px;
}

@media screen and (max-width: 992px){ 
    .map-postion-top.display-map{
        display:block;
    }

    .map-postion-bottom{
        display:none;
    }

    #mainSlider.display-map{
        display:none;
    }
}
/*fix detail tabs*/
.box-content{
    display:none;
}

.box-content.active{
    display:block;
}
/*form register*/
.register-form .register-col>div {
    position: relative;
}
.register-form .register-col>div>label.error {
    position:absolute;
    top:50px;
    color:#EA7373;
}
.register-form-page label.error{
    color:#EA7373;
}
/*form register page*/
.register-form-page li{
    position:relative;
}

.register-form-page li .error{
    position:absolute;
    top:62px;
}
/*document detail*/
.documents > a,
.documents > a label{
    cursor:pointer;
}
/*subiz chat*/
.sbzon,
.sbzoff{
    display:none !important;
}

.sbzon.display-subiz,
.sbzoff.display-subiz{
    display:block !important;
}

/*fix font-size*/
.news-detail-content,
.shop-house-textbox,
.news-summary,
#introduction-page{
    font-size:17px;
}
/*fix margin menu product*/
#mainMenu{
    margin:5px 0;
}
/*fix list image introduct*/
.introduction-content .shophouse-images{
    margin:30px 0 0 0;
}