.product-item{
    height: 360px;
    position: relative;
}
/* .box-news-item .box-news-feauture .box-title-news{
    position: static;
} */
@media only screen and (max-width: 767px) {
    .icon_search_home{
        display: inline-block !important;
        margin-left: -11px;
    }
    .input-group.type_show{
        width: 100%;
    }
    .typeahead.dropdown-menu {
        width: 100%;
    }
    #homepage .icon_search_home{
        display: none !important;
    }
    .province_load_ajax_home li{
        padding: .4rem 1.4rem !important;
    }
}


@media only screen and (max-width: 767px) {
    .box-infomation .item{
        text-align: left !important;
    }

}
.box-img{
    max-height: 250px;
}
.infomation-box-mobile .box-img{
    max-height: unset !important;
}
.pr-add{
    margin-top: 32px;
}
.box-infomation .item:hover img {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: _shake 0.5s;
    /* When the animation is finished, start again */
    /* animation-iteration-count: infinite;  */
}
.ic_book:hover,.icvr360:hover,.btn-be:hover,.text-right .over:hover, .txt-comment .fa-calendar:hover,.txt-comment .fa-envelope-open:hover,.ic_datlich:hover{
    animation: _shake 0.5s;
}
.box-infomation .item{
    cursor: pointer;
}
.infomation-icon-2:hover,.infomation-icon-1:hover,.infomation-icon-3:hover,.title-home span:hover{
    animation: _shake 0.5s;
}
.infomation-icon-2,.infomation-icon-1,.infomation-icon-3{
    cursor: pointer;
}
@keyframes _shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.product-item .over {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.product-item .product-images{
    flex: 1.5;
}
.product-item .product-caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}
.product-caption a {
    flex: 0.5;
}
.product-images .img-inner, .product-images .img-inner a {
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) and (max-width: 1280px){
    .product-item .product-images .img-inner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (min-width: 320px) and (max-width: 767px){
    .product-item .product-images .img-inner img {
        width: 100%;
        object-fit: cover;
        max-height: 228px;
    }
    .product-item{
        height: auto !important;
        position: relative;
    }
}

.box-view-control .text-left .fa-eye,.text-right .fa-picture-o,.text-right .fa-heart, .text-right .fa-street-view,.text-right .fa-youtube-play{
    vertical-align: top;
    font-size: 1.5em;
    color: #fff;
}
.box-view-control .text-right .fa-picture-o,.text-right .fa-heart,.text-right .fa-youtube-play{
    margin-left: .5em;
}
.product-item .product-images .box-view-control {
    bottom:0;
    width: 100%;
    padding: 10px 6px 0;
    background: linear-gradient(0deg, #000000ba 0%, rgba(0, 0, 0, 0.0001) 90%);
}
.box-view-control .text-right{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.text-right .vr360 img{
    width: 1.5em;
    height: 1.5em;
}
.product-item .product-images .box-view-control .text-left{
    font-size: 1em;
}
.title-home span{
    cursor: pointer;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .box-tab .box-province .form-control{
        padding: 0em 1em;
    }
    .product-item .product-caption .box-price .txt-comment .fa-calendar{
        padding: 10px;
    }
    .box-count-down ul li {
        padding: 0 20px;
    }
    .box-advance-inner .box-inner .col-item {
        padding-top: 1em;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .box-main-content-pro{
        margin: 1em;
    }
    .province_load_ajax_home li {
        font-size: .8em !important;
    }
}
@media only screen and (max-width: 768px) {
    .title-module{
        margin-top: 1em;
    }
    .box-news-feauture .box-img{
        max-height: unset;
    }
    .box-news-feauture .box-img img{
        width: 100%;
        object-fit: cover;
    }
    .list-utilities-list li {
        min-height: 6em;
    }
    .box-advance-inner{
        background: #fff;
    }
}
@media only screen and (max-width: 767px) {
    .box-price .text-right{
        text-align: left;
    }
    .box-price .txt-comment{
        margin-bottom: .2em !important;
    }
    #homepage #header {
        min-height: unset;
        height:417px;
        display: inline-block; width: 100%;
    }
    #homepage #header.has-header-buy-rent{height:480px}
    .product-item .product-caption .box-price{
        margin-bottom: .5em !important;
    }
    .box-tab .box-input-search{
        position: initial;
    }
    .visible-mobile{
        display: block !important;
    }
}
.like-count{
    position: absolute;
    /* bottom: 0;
    right: 0;
    width: 8em;
    height: 4em; */
    top: 0;
    right: 80%;
    left: 80%;
}
.like-count-layout{
    position: relative;
    height: 100%;
    width: 100%;
}
.like-count-content{
    background: #FF0000;
    color: #fff;
    text-align: center;
    height: 1.5em;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    right: -12em;
    left: -9em;
    bottom: -3em;
    box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.21);
    line-height: 1.5em;
    font-size: .9em;
    font-family: 'Muli';
}
.footer-box-hotline .item{
    display: flex;
    flex-direction: row;
    margin-top: 1em;
}
.ic-service {
    width: 4em;
    height: 4em;
    object-fit: cover;
}
@media only screen and (max-width: 767px) {
    #buy_search {
        width: 100%;
        margin: auto;
    }
    /* .province_load_ajax_home li {
        flex: 1;
    } */
    .province_load_ajax_home {
        margin-top: 2em;
    }
    .ss_price{
        flex: 2 !important;
    }
}
@media only screen and (min-width: 768px) {
    .province_load_ajax_home{
        width: 70%;
        margin: auto;
    }
    .box-tab #tab {
        width: 75%;
        margin: 0em auto 2em;
    }
    /* .province_load_ajax_home li {
        flex: 1;
    } */
    .ss_price{
        flex: 2 !important;
    }
}
.ss_price a {
    color: #fff;
}
/* .infomation-item-1{
    background: url('/templates/images/infomation1.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.infomation-item-2{
    background: url('/templates/images/infomation2.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.infomation-item-3{
    background: url('/templates/images/infomation3.png');
    background-repeat: no-repeat;
    background-size: cover;
} */
.infomation-icon-3{
    margin-left: 20%;
}
.infomation-txt-3{
    padding-left: 20%;
}
.infomation-item{
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.infomation-content{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.item-sub-menu-name{
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
#arrow_select {
    width: 0em;
    height: 0em;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: 15%;
}
#arrow_select1 {
    width: 0em;
    height: 0em;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F2F2F2;
    position: absolute;
    top: -10px;
    left: 3%;
}
.arrow_select_mua {
    left: 15%;
}
.arrow_select_ban {
    left: 45% !important;
}
.arrow_select_ss {
    left: 90%;
}
#header .header-layout .menuopen{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#header .header-layout .menuopen .fa.fa-times{
    color: #d43f3a !important;
}
.fixmenu .fixmenu_inner {
    font-family: 'Muli';
    background-color:rgb(22,32,59);
}
.fixmenu .box_menu .list_menu{
    font-size: 1.2em;
    font-weight: 600;
}
.list-sub-menu-mb{
    margin-left: 2em;
}
a.item-sub-menu-name-mb.accodion.active .fa.fa-angle-down{
    float: right;
}
@media only screen and (max-width: 767px) {
    #arrow_select {
        left: 12%;
    }
    .arrow_select_mua {
        left: 12%;
    }
    .arrow_select_ban {
        left: 40% !important;
    }
    .arrow_select_ss {
        left: 90%;
    }
    .bg-blue{
        height: 2em;
    }
}
.arrow_up_advance {
    width: 0em;
    height: 0em;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    right: 5%;
}
.bg-blue {
    height: 6em;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 153, 218, 0) 0%, rgba(0, 121, 182, 0.35) 110%);
}
@media only screen and (max-width: 768px) {
    .bg-blue{
        height: 5em;
    }
}
@media only screen and (max-width: 767px) {
    .bg-blue{
        height: 2em;
    }
    .field-buy_input_project_name{
        position: inherit;
    }
    #view_detail_info_data .product-item,#registerReceiver_view_detail_info_data .product-item {
        display: none;
    }
    .news-date{
        font-size: .8em !important;
    }
    .box-title-news h5{
        font-size: .9em !important;
    }
    #footer .footer-copyright .text-right img{
        margin-left: 0em;
    }
}
@media only screen and (max-width: 1024px) {
    #homepage .header-main .container-fluid, #account-page #header .header-main .container-fluid{
        display: block;
    }
    #project-page.main_nosearch .header-main .container-fluid,#project-page.main_search .header-main .container-fluid,#project-page.blog-page .header-main .container-fluid, #project-page.about-page .header-main .container-fluid{
        display: block;
    }
    #header .header-layout.fixed .header-main .menuopen {
        color: #182A48;
        margin-top: 0;
        margin-right: 0;
        font-size: 158%;
        margin-bottom: 0;
        padding: 5px 0px;
    }
    #header .header-layout .menuopen{
        padding: 5px 0px;
    }
}
.typeahead {
    overflow: scroll !important;
    top: 60px !important;
}
@media only screen and (min-width: 1280px){
    #account-page #header .container-fluid {
        padding: 0px 25px;
    }
    .box-price-project.text-center p strong {
        line-height: 4em;
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 414px) {
    .lnk-hotline a,.lnk-register,.lnk-login{
        font-size: .8em !important;
    }
}
.list-loiich li{
    display: flex;
}
.bg-more{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.img-detail-lg-more {
    position: relative;
}
.box-price1{
    position: relative;
    margin-left:5px;
    z-index:1;
}
.box-price2{
    position: absolute;
    width: auto;
}
.img-price{
    width:92px;
}
.txt-price2, .txt-price1{
    top: 0;
    color: black;
    font-size: 1.1em;
    position: absolute;
    font-weight: bold;
    margin-left: 0;
    margin-top: 22px;
    line-height: 22px;
    width: 100%;
    text-align: center;
}
.txt-price2 div{
    color:#0095D6;
    margin-top:-5px;
}
.traded {
    background: -webkit-linear-gradient(84deg,rgba(125,178,209,1) 0%,rgba(0,128,128,1) 100%);
    color: #fff;
    text-align: center;
    height: 1.5em;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    right: -12em;
    left: -9em;
    bottom: -3em;
    box-shadow: 0 -3px 4px rgba(0,0,0,0.21);
    line-height: 1.5em;
    font-size: .9em;
    font-family: 'Muli';
}
.property_view_more {
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    z-index: 101;
    text-align: center;
}
.btn_view_more_property{
    color: #fff !important;
    background-color: #0999D8;
    display: inline-block !important;
    padding: 8px 18px;
    border-radius: 3px;
    position: relative;
    margin-top: 50%;
}
.btn_view_more_property:hover {
    background: #046596 !important;
}

/* css page dich vu */
    hr.hr1{
        border: 1px solid red;
    }
    .x{
        padding-left:0px;
        padding-right:0px;
    }
    .entry-social div {
        float: left;
    }
    .entry-social .fb a {
        padding: 7px 10px 7px 26px;
        background: #3B5999;
    }
    .entry-social .twitter a {
        padding: 7px 10px 7px 32px;
        background: #01BBF6;
    }
    .entry-social .linkedin a {
        padding: 7px 10px 7px 35px;
        background: #167FB1;
    }
    .entry-social .pinterest a {
        padding: 7px 10px 7px 32px;
        background: #CB2027;
    }
    .entry-social a {
        padding: .5em 1em !important;
        margin-left: 1em;
        margin-right: 0em;
        margin-bottom: .5em;
    }
    .entry-social a {
        display: block;
        padding-left: 20px;
        color: #FFF!important;
        font-weight: 600;
    }
    .entry-social .share{
        margin-top: .5em;
    }
    .blog-content #list-social {
        margin-bottom: 1em;
    }
    .entry-social .fb a:hover{
        background: #2a4479;
    }
    .entry-social .twitter a:hover{
        background: #009bcc;
    }
    .entry-social .linkedin a:hover{
        background: #0d6e9c;
    }
    .entry-social .pinterest a:hover{
        background: #b1181f;
    }

    .txth1{
        color: #28A6DD;
        font-family: "Roboto", sans-serif;
        font-weight:bold;
    }
    .boxh1{
        margin-bottom: 20px;
        margin-top: 30px;
    }
    /* .active{
        margin-top : 5px;
        margin-bottom:5px;
    } */
    .blog-category {
        border-radius: 3px;
        padding: 0.5em 0em;
        border: 1px solid #D3D9E1;
        box-sizing: border-box;
        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
    }
    /* ul
    {
        margin-top:5px;
    } */
    /* li{
        margin-top:10px;
    } */
    thead{
        background-color : #DDDDDD;
    }
    .txt-content{
        font-size: 18px;
        font-weight: bold;
    }
    .fixedElement {
        top:0;
        width:350px;
    }
    a:hover{
        color: black;
    }
    .khungcontent{
        margin-bottom:30px;
        background-color: #F2F2F2;
    }
    h6{
        font-size:1.2rem;
        font-weight: normal;
    }
    .txtdoitac{
        font-family: "Roboto", sans-serif;
        color:#354562;
        margin-bottom:10px;
    }
    .txth3{
        font-family: "Roboto", sans-serif;
        margin-top: 10px;
        padding-bottom: 10px;
        color: #28A6DD;
    }
    .btnmua{
        background-color: #FF0000;
        color: aliceblue;
        width:70%;
            margin: auto;
        font-size:18pt;
    }
    .btnmua:hover{
        background-color: #BB0000;
        color: aliceblue;
    }
    .divtxt{
        margin-top:20px;
        margin-bottom:20px;
    }
    .txtp{
        font-size:1.2rem;
        font-family: "Roboto", sans-serif;
        color:#46526C;
    }
    .txth5{
        margin-top:20px;
        margin-bottom:10px;
        font-weight:bold;
        font-size:1.2rem;
        font-family: "Roboto", sans-serif;
        color:#46526C;
    }
    .btncoll{
        margin-top:10px;
        padding-left:0px;
    }
    @media (min-width: 1025px){
        .border{
            border-top: 3px solid #46526C;
            padding-bottom:20px;
            margin:15px
        }
    }
    .service-representative-item{
        height: 19em;
        margin-bottom: 1em;
    }
    .service-representative-item div p{
        font-size:16pt;
    }
    .service-representative-item p{
        margin-top:0;
        height:4em;
        border: 1px solid #dddddd;
    }
    .service-representative-item div{
        height:15em;
    }
    .service-representative-item div div img{
        width:100%;
        height:100%;
    }
    .service-representative-item div div{
        padding:0;
    }
    .txtkhac{
        margin:30px;
        padding-bottom:5px;
    }
    .p-table{
        font-size:1.2rem;
        margin-top:15px;
        margin-bottom:15px;
    }
    .box1{
        margin: auto;
        width: 75%;
        background: -webkit-linear-gradient(273deg, rgba(0,0,48,1) 0%, rgba(0,0,48,1) 0%, rgba(0,0,48,1) 6%, rgba(102,207,255,1) 100%);
        padding: 10px;
        margin-top:-20px;
        border-radius: 0px 0px 15px 15px;
        z-index:1;
    }
    .ie .box1{
        background: #1a3565;
    }
    .box-table{
        background-color:white;
        font-size:1.2rem;
    }
    .box2{
        margin: auto;
        width: 85%;
        padding: 10px;
        margin-top:-20px;
        background-color:#1B3565;
        border-radius:  20px 20px 0px 0px;
        z-index:100;
    }
    button{
        background-color:transparent;
    }
    .txtdt{
        margin-top : 10px;
        font-weight:bold;
        font-family: "Roboto", sans-serif;
        font-size:1.2rem;
    }
    .btn-head{
        color:#283756;
        padding-top: 10px;
        font-weight: normal;
        padding-bottom: 20px;
        font-size:16pt;
    }
    /* input.btn-no-active{
        border-color:#DFF2FB;
        background-color:#DFF2FB;
        width:100%;
    } */
    input.btn-head.btn-no-active:hover {
        background: #fff;
        border-bottom:0px;
        border-left: 20px solid #DFF2FB;
        border-right: 20px solid #DFF2FB;
        border-color:white;
    }
    .btn-active{
        background-color:white;
        width:100%;
        border: 1px solid #fff;
        border-left: 20px solid #DFF2FB;
        border-right: 20px solid #DFF2FB;
    }
    input.btn-active:hover {
        background: #fff;
        border-left: 20px solid #DFF2FB;
        border-right: 20px solid #DFF2FB;
    }
    @media (min-width: 768px){
        input.btn-head.btn-no-active {
            border-color: #DFF2FB;
            background-color: #DFF2FB;
            width: 100%;
            border: 0px;
        }
    }

@media (min-width: 320px) and (max-width: 767px) {
        #alo-phoneIcon{
            visibility: hidden;
        }
        .btn-active{
            background-color:#DFF2FB;
            border-bottom:1px solid #DFF2FB;
        }
        input.btn-active{
            width:100%;
            border-bottom:1px solid #DFF2FB;
            background-color:#DFF2FA;
        }
        input.btn-no-active{
            background-color:white;
            border:1px solid #DFF2FB;
            width:100%;
        }
        input.btn-active:hover {
            color: black;
            background: #DFF2FA;
            border: 2px solid #fff;
        }
        input.btn-no-active:hover {
            color: black;
            background: #DFF2FA;
            border: 2px solid #fff;
        }
        .boxform{
            border-radius: 3px;
            padding: 0.5em 0em;
            border: 1px solid #D3D9E1;
            box-sizing: border-box;
            box-shadow:  0px 8px 20px rgba(0, 0, 0, 0.1);
        }
        button{
            background-color:white;
        }

      }