﻿/*responesive cho desktop mình dùng @media min width*/
/* css responsive cho giao diện desktop */

@media only screen and (min-width: 1280px) {
    h1 {
        font-size: 13px;
    }

    .title-cover {
        display: none;
    }
}

@media only screen and (min-width: 1366px) {
    h1 {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1422px) {

.divBgIntro {
    width: 127%;
    margin-left: -188px;
}
}

@media only screen and (min-width: 1440px) {
.bodycontainer {
	    margin-left: 130px !important;	
}
.divBgIntro {
    width: 127%;
    margin-left: -188px;
}
}

@media only screen and (min-width: 1510px) {
    h1 {
        font-size: 15px;
    }
    .divBgIntro {
        width: 136%;
        margin-left: -146px;
    }
}

@media only screen and (min-width: 1600px) {
    h1 {
        font-size: 17px;
    }
		.bodycontainer {
	    margin-left: 203px !important;	
}
.divBgIntro {
    width: 143%;
    margin-left: -216px;
}

}

@media only screen and (min-width: 1700px) {
    h1 {
        font-size: 15px;
    }
    .divBgIntro {
        width: 153%;
        margin-left: -216px;
    }
}

@media only screen and (min-width: 1800px) {
    h1 {
        font-size: 15px;
    }
    .divBgIntro {
        width: 163%;
        margin-left: -216px;
    }
}

@media only screen and (min-width: 1920px) {
    h1 {
        font-size: 15px;
    }
		.bodycontainer {
	    margin-left: 369px !important;	
    }
    .divBgIntro {
        width: 172%;
        margin-left: -383px;
    }
}
/*ket thuc  css responsive cho giao diện desktop */



/*css responsive cho giao diện mobile*/

/*màn hình cỡ ipad*/
@media only screen and (max-width: 768px) {
    .row.titleMobile {
        margin-left: -119px !important;
    }

    .dvBtnShowmore {
        margin-left: 100px;
    }

    .dvContentIntroHeight {
        height: auto;
    }

    .maincontenHomepage {
        width: 30% !important;
    }
    .dvHrMobile {
        display:none !important;
    }
    .Soft_By {
        margin-left: 649px !important;
    }

    .newsfea select {
    margin-left: 625px !important;
  
}

    .blockwith8 {
        width: 80% !important;
        margin-left: -216px !important;
        margin-top: 9px !important;
        height: 168px;
    }

    .newsfea {
        margin-left: -129px !important;
        width: 75% !important;
    }

    .tamblock {
        width: 52% !important;
        height: 347px;
        float: left;
        margin-left: 20px;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 168% !important;
    }

    #ContentPlaceHolder1_conten2 {
        margin-left: 23px;
        width: 90%;
    }

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top i {
        position: relative;
        top: -34px;
        left: 1px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 29px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 10% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 23px !important;
        margin-left: 640px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.6%;
        width: 95%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        width: 61%;
        margin-top: 30px !important;
        margin-left: 36px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*màn hình cỡ iphone 6s ngang*/
@media only screen and (max-width: 736px) {
    .divSortBy {
        /*float:none !important;*/
        margin-top:20px;
        margin-bottom:20px;
        margin-right: 0px !important;
        width:100% !important;
    }

    .divSortBy p {
        padding-left: 10px;
    }

    .divBgIntro {
        height: auto !important;
    }

    .Soft_By {
        margin-left: 618px !important;
    }

    .newsfea select {
    margin-left: 590px !important;
  
}

    .blockwith8 {
        width: 77% !important;
        margin-left: -218px !important;
        margin-top: 38px !important;
        height: 168px;
    }

    .tamblock {
        width: 49.4% !important;
        height: 518px;
        float: left;
        margin-left: 20px;
    }

    .bongde1 {
        background-color: white;
        width: 100%;
        height: 389px !important;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 168% !important;
    }

    #ContentPlaceHolder1_conten2 {
        margin-left: 23px;
        width: 90%;
    }

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top i {
        position: relative;
        top: -34px;
        left: 1px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 29px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 13% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 23px !important;
        margin-left: 640px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.6%;
        width: 96%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        width: 40%;
        margin-top: 30px !important;
        margin-left: 31px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*màn hình cỡ iphone 6 ngang*/
@media only screen and (max-width: 667px) {
    .Soft_By {
        margin-left: 550px !important;
    }

    .newsfea select {
    margin-left: 528px !important;
  
}

    .bongde1 {
        background-color: white;
        width: 100%;
        height: 337px !important;
    }

    .blockwith8 {
        width: 73% !important;
        margin-left: -218px !important;
        margin-top: 51px !important;
        height: 168px;
    }

    .tamblock {
        width: 44.8% !important;
        height: 467px;
        float: left;
        margin-left: 20px;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 168% !important;
    }

    #ContentPlaceHolder1_conten2 {
        margin-left: 23px;
        width: 90%;
    }

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top i {
        position: relative;
        top: -34px;
        left: 1px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 29px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 11% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 23px !important;
        margin-left: 572px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.6%;
        width: 97%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        width: 40%;
        margin-top: 30px !important;
        margin-left: 31px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*màn hình cỡ iphone s5 ngang*/
@media only screen and (max-width: 640px) {
    .Soft_By {
        margin-left: 523px !important;
    }

    .newsfea select {
    margin-left: 480px !important;
  
}

    .bongde1 {
        height: 303px !important;
    }

    .blockwith8 {
        width: 67% !important;
        margin-left: -218px !important;
        margin-top: 26px !important;
        height: 166px;
    }

    .tamblock {
        width: 45.4% !important;
        height: 435px;
        float: left;
        margin-left: 18px;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 168% !important;
    }

    #ContentPlaceHolder1_conten2 {
        margin-left: 23px;
        width: 90%;
    }

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top i {
        position: relative;
        top: -34px;
        left: 1px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 29px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 11% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 23px !important;
        margin-left: 545px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.6%;
        width: 88%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        width: 40%;
        margin-top: 30px !important;
        margin-left: 31px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*màn hình cỡ iphone 5 ngang*/
@media only screen and (max-width: 568px) {
    .Soft_By {
        margin-left: 450px !important;
    }

    .newsfea select {
    margin-left: 430px !important;
  
}

    .blockwith8 {
        width: 62% !important;
        margin-left: -217px !important;
        margin-top: 24px !important;
        height: 167px;
    }

    .tamblock {
        width: 38.2% !important;
        height: 411px !important;
        float: left;
        margin-left: 20px;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 168% !important;
    }

    #ContentPlaceHolder1_conten2 {
        margin-left: 23px;
        width: 90%;
    }

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top i {
        position: relative;
        top: -34px;
        left: 1px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 29px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 8% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 23px !important;
        margin-left: 450px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.6%;
        width: 92%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        width: 40%;
        margin-top: 30px !important;
        margin-left: 31px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*màn hình cỡ sam sung note 5,6,7.. có thể mình không dùng nó*/
@media only screen and (max-width: 515px) {
    .abc {
        width: 30%;
    }

    .newsfea select {
        margin-left: 376px !important;
    }
}

/*màn hình cỡ iphone 6s*/
@media only screen and (max-width: 414px) {
    .selectSortBy.Sortby {
            margin-left: 15px !important;
    }
    .sortByArrow {
        margin-left: -36px;
        margin-top: -12px;
    }

    .divTopIntro {
        width: 414px !important;
        margin-left: 0px !important;
    }

    .dvBtnShowmore {
        margin-left: 33.5%;
    }
    .divBgIntro  {
        background-image: none !important;
    }

    .bongde1 {
		height: 240px !important;
	}
	.Soft_By {
        margin-left: 295px !important;
    }

    .newsfea select {
        margin-left: 275px !important;
    }

    .blockwith8 {
        width: 38% !important;
        margin-left: -159px !important;
        margin-top: 10px !important;
        height: 207px;
    }

    .tamblock {
        width: 100% !important;
        height: 400px !important;
        float: left;
        margin-left: 20px;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 168% !important;
    }

    #ContentPlaceHolder1_conten2 {
        margin-left: 0px;
        width: 97%;
    }

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top {
        top: -7px;
        left: 375px;
    }

        .suff-top i {
            position: relative;
            top: -34px;
            left: 1px;
        }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 29px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 5% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 0px !important;
        margin-left: 295px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 1%;
        width: 86%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        margin-top: 30px !important;
        margin-left: 32px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}

/*màn hình cỡ iphone 6*/
@media only screen and (max-width: 375px) {
    .divTopIntro {
        width: 375px !important;
        margin-left: 0px !important;
    }
    .dvBtnShowmore {
        margin-left: 32%;
    }
    .Soft_By {
        margin-left: 258px !important;
    }

    .newsfea select {
        margin-left: 236px !important;
    }

    .blockwith8 {
        width: 34.1% !important;
        margin-left: -159px !important;
        margin-top: 10px !important;
        height: 206px;
    }

    .tamblock {
        width: 100% !important;
        float: left;
        margin-left: 17px !important;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 153% !important;
    }

    /*#ContentPlaceHolder1_conten2 {
        margin-left: -22px;
        width: 103%;
    }*/

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top {
        left: 337px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 28px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -41px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 5% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 0px !important;
        margin-left: 256px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.5%;
        width: 95%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        margin-top: 30px !important;
        margin-left: 31px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .divTopIntro {
        width: 360px !important;
        margin-left: 0px !important;
    }
    .dvBtnShowmore {
        margin-left: 32%;
    }

    .Soft_By {
        margin-left: 243px !important;
    }

    .newsfea select {
        margin-left: 215px !important;
    }

    .blockwith8 {
        width: 32.7% !important;
        height: 207px !important;
        float: left;
        margin-left: -159px !important;
    }

    .tamblock {
        width: 100% !important;
        float: left;
        margin-left: 17px !important;
    }

    .linedektop {
        display: none;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 154% !important;
    }

    /*#ContentPlaceHolder1_conten2 {
        margin-left: -23px;
        width: 104%;
    }*/

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top {
        left: 322px;
        top: -4px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 32px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -44px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 3% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 30px !important;
        margin-left: 238px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        margin-left: 0.6%;
        width: 91%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        margin-top: 30px !important;
        margin-left: 34px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
    .divTopIntro {
        width: 320px !important;
        margin-left: 0px !important;
    }
.header-content {
	padding-top: 12px !important;
    width: 54%;
}	
   .Soft_By {
        margin-left: 202px !important;
    }

    .newsfea select {
        margin-left: 180px !important;
    }

    .blockwith8 {
        width: 29.1% !important;
        margin-left: -159px !important;
        margin-top: -4px !important;
        height: 248px !important;
    }

    .tamblock {
        width: 28% !important;
        height: 365px !important;
        float: left;
        margin-left: 17px !important;
    }

    .bx-wrapper {
        margin-left: -43px !important;
        width: 130% !important;
    }

    /*#ContentPlaceHolder1_conten2 {
        margin-left: -23px;
        width: 105%;
    }*/

    .property_box_out span {
        font-family: Roboto-Bold !important;
        font-size: 13px !important;
        color: #3e3e3e !important;
    }

    .suff-top {
        left: 282px;
    }

    .tab-pane.cl_keyword {
        margin-top: 0px;
        height: 82px;
        margin-left: -18px;
    }

    .property_search_dd select {
        width: 99.4%;
        margin-left: -2px;
    }

    .prev {
        margin-right: 28px !important;
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-left: -42px !important;
    }

    .property_search_left .green_button_inner .sub_button {
        margin-top: 0px;
        height: 30px;
    }

    .form-group {
        margin-left: -6px;
    }

    .property_search_dd {
        margin-left: 2px;
        width: 100%;
        float: left;
    }

    .property_search_left .property_advanced {
        margin-left: 7px;
        width: 100% !important;
        padding: 0 !important;
        float: left;
        margin-top: 6px;
    }

    .property_search_dd .cuimia {
        left: 203px !important;
    }

    .area {
        margin-right: 60px;
    }

    .bottom.mainfooter {
        display: none;
    }

    .title-cover h4 {
        font-size: 14px;
        color: #5f5f5f;
        width: 100%;
        display: block;
        line-height: 48px;
        padding-bottom: 3px;
        margin-left: 8%;
        margin-bottom: -18px;
        font-family: roboto-regular;
    }

    .pagination_function_area {
        width: 41% !important;
        float: left;
    }

    .description-inner img {
        margin-left: 0px !important;
    }

    .number_page {
        margin-left: 3% !important;
        height: 29px !important;
        width: 25px !important;
        list-style: none !important;
    }

    .footer-mobile {
        border-top: 1px solid #ccc;
    }

    .next {
        border: 1px solid #c2000b;
        border-radius: 0px !important;
        margin-right: 0px !important;
        margin-left: 202px !important;
        margin-top: -32px !important;
    }

    .fa-chevron-left {
        color: #c2000b;
    }

    #ContentPlaceHolder1_keySearch {
        text-indent: 20px;
        width: 84.6%;
        margin-left: -31px;
        position: initial;
    }

    .fa-chevron-right {
        color: #c2000b;
    }

    .towtext {
        display: none;
    }

    .property_box_out.divlocation label, .property_box_out.divprive.divprivemain label, .property_box_out.divbedroom.mainbedroom label, .property_box_out.divprive.mainunitfeature label, .maincommonfacilitiescontest {
        color: #c2000b !important;
    }


    .blok4search {
        margin-top: 0px;
    }

    .port_typekey {
        width: 67.5% !important;
    }

    .bedroomvertion {
        float: none !important;
        /*margin-right: 95px;*/
        margin-left: 0px !important;
    }

    .description-inner {
        width: 95%;
    }

    .tab_kwdsearch_sec.property_search_searcharea.form-search {
        margin-right: 26px;
        margin-left: 6px;
        width: 13%;
    }

    .button_outer {
        width: 24.7% !important;
        float: left !important;
        margin-top: -3px;
        margin-left: 0px;
    }

    .tab-content > .active {
        background: #e4e2e2;
        height: 89px;
        margin-top: -20px;
    }

    .form_selectbox_area.selectwrap {
        float: left;
        margin-left: 18px;
    }

    .property_search_searcharea div {
        padding: 1px;
        padding-right: 0px;
        width: 120% !important;
    }

    .description-inner .bedroomvertion:nth-child(2) {
        float: left;
    }

    .form-control.cl_Property-type {
        margin-left: 2.5%;
        width: 34%;
    }

    .saleprice {
        margin-left: 8px !important;
    }

    .keyword_search_btn_wrap {
        width: 38% !important;
        left: 263px;
    }

    .property_search_dd .muiten {
        position: absolute;
        left: 123px;
        top: 12px;
    }

    .property_search_dd {
        width: 54.5% !important;
    }

    #amount {
        width: 56.4% !important;
    }

    .property_box_out.divlocationcon .property_search_dd .muiten {
        left: 324px;
    }

    .title-cover h4 {
        margin-top: -4px;
        margin-left: 8%;
    }

    .view_bumber {
        margin-top: 30px !important;
        margin-left: 31px !important;
        float: left !important;
        margin-right: 62px !important;
    }

    .area {
        margin-right: 60px;
    }

    .Black {
        color: white !important;
        background: #c2000b;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }
}
/*ket thuc css responsive cho giao diện mobile*/
