/*responesive cho desktop mình dùng @media min width*/
/* css responsive cho giao diện desktop */

@media only screen and (min-width: 1280px) {
    .panel-title {
        font-family: roboto-regular !important;
        color: #3e3e3e !important;
        font-weight: bold !important;
        font-size: 16px !important;
    }

    h1 {
        font-size: 13px;
    }

    .col-md-6 {
        margin-top: 3% !important;
    }

    [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        margin-left: -23px;
        margin-top: -3px;
    }
}

@media only screen and (min-width: 1366px) {
    h1 {
        font-size: 14px;
    }

    .container.bodycontainer {
        margin-left: 84px
    }

    .nhi label {
        margin-right: 20px;
        width: auto !important;
    }

    .col-md-6 {
        margin-top: 3% !important;
    }
}

@media only screen and (min-width: 1400px) {
    .nhi {
        /* margin-top: 20px; */
    }

    .col-md-6 {
        margin-top: 3% !important;
    }

    .linedektop {
        width: 76% !important;
        margin-left: 143px !important;
    }
}

@media only screen and (min-width: 1440px) {
    .nhi {
        width: auto;
        margin: 0px auto;
    }

    .col-md-6 {
        margin-top: 3% !important;
    }

    .linedektop {
        width: 76% !important;
        margin-left: 143px !important;
    }

    .ccnow {
        padding-right: 114px !important;
    }
}

@media only screen and (min-width: 1500px) {
    h1 {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1600px) {
    .nhi {
        width: 1075px;
        /* margin-top: 20px; */
    }

    .linedektop {
        width: 68.3% !important;
        margin-left: 143px !important;
    }

    .ccnow {
        padding-right: 0px !important;
        width: 104.5% !important;
    }
}


@media only screen and (min-width: 1680px) {
    .nhi {
        width: 1075px;
        /* margin-top: 20px; */
    }

    .linedektop {
        width: 65% !important;
        margin-left: 143px !important;
    }

    .line-bottom {
        width: 67% !important;
        margin-left: 16.5%;
    }

    .show {
        margin-left: 45% !important;
    }
}

@media only screen and (min-width: 1800px) {
    .nhi {
        width: 1075px;
        /* margin-top: 20px; */
    }

    .linedektop {
        width: 65% !important;
        margin-left: 143px !important;
    }

    .line-bottom {
        width: 67% !important;
        margin-left: 16.5%;
    }

    .show {
        margin-left: 45% !important;
    }
}

@media only screen and (min-width: 1920px) {
    .ccnow {
        padding-right: 0px !important;
        width: 101.3% !important;
    }

    .nhi {
        width: 1075px;
        /* margin-top: 20px; */
    }

    .linedektop {
        width: 56.5% !important;
        margin-left: 143px !important;
    }

    .line-bottom {
        width: 59% !important;
        margin-left: 21%;
    }

    .show {
        margin-left: 45% !important;
    }

    .about-css1 .pull-left {
        margin-left: 21% !important;
    }

    .about-css1 .pull-right {
        margin-right: -2% !important;
    }

    .about-css .pull-left {
        margin-left: 22.5% !important;
    }

    .about-css .pull-right {
        margin-right: 24.3% !important;
    }
}
/*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) {

    input#PhoneOwner {
        width: 71%;
    }

    .processclick {
        display: none;
    }

    .processoption {
        display: none;
    }

    .suff-top {
        position: relative;
        top: -41px;
        left: 94.8%;
        width: 30px;
        height: 30px;
        border: 1px solid #bebebe;
        padding: 2px 6px;
        color: #eeeeee;
    }

    .imgbox {
        display: none;
    }

    #title2 {
        display: none;
    }

    #button2 {
        display: none;
    }

    .suff-top i {
        position: relative;
        top: 3px;
        left: 1px;
    }

    .bottom-footer h4 {
        margin: -9px 0 10px;
        font-family: roboto-rebular;
        color: #bebebe;
        font-size: 14px;
        text-transform: none;
        text-align: center;
    }

    .title-footer {
        width: 100%;
        color: #bebebe;
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: -6px;
        padding-top: 10px;
    }

    .open > .dropdown-menu {
        top: 445px;
        left: -5px;
    }

    .gta-cfd-list1 {
        top: 533px !important;
        left: -5px;
    }

    .nga {
        margin-left: 3px;
    }

    .ID_Owner {
        display: none;
    }

    .property_search_dd .muiten {
        margin-top: 36px;
        left: 97.5%;
        background: #ffffff;
    }

    .rownone {
        display: none;
    }

    .form-control Description {
        float: right;
        opacity: 0.8;
        margin: 7px 20px 0px 0px;
        font-size: 12px;
        height: 129px;
        width: 1349px;
    }

    .row-note {
        width: auto;
        margin: 17px -15px;
        background: rgba(136, 136, 136, 0.21);
        margin-bottom: 10px;
    }

    .row-contact-us {
        width: auto;
        margin-bottom: 1px;
        padding: 0 20px;
        margin-left: -11%;
    }

    .property_search_dd .muiten2 {
        margin-top: 37px;
        left: 97.5%;
        background: #ffffff;
    }

    .ccsave {
        width: 100%;
    }

    .TextBox1 {
        display: none;
    }

    .hienowner {
        display: none;
    }

    .buttonRed {
        width: 100%;
    }

    .dv_BannerContent {
        display: none;
    }

    .nhi {
        margin-top: 3px;
    }

    .panel-default > .panel-heading {
        border-color: #c2000b;
        width: auto;
        margin-left: -7px;
    }

    .panel-body {
    }

    .panel-border {
        border: none;
        margin-left: 0px;
    }

    .gta-cfd-value btn btn-default dropdown-toggle {
        margin-left: 32px;
    }

    .gta-cfd-value {
        margin-left: 1px;
    }

    .nhi .form-control {
        margin-top: 0px;
        width: 100%;
        height: 35px;
    }

    .nhi .Description {
        height: 200px;
    }

    .nhi label {
        margin-top: 10px;
        width: 100%;
    }

    .nhi input {
        /*margin-top:-1px;
    height:34px;
    float: right;
    width: 71%;*/
        width: 100%;
        margin-bottom: 10px;
    }

    .PhoneOwner {
        margin-top: 2px;
        height: 34px;
        float: right;
        width: 89.3%;
    }

    .ccsave {
        width: 69%;
        margin-bottom: 15px;
    }

    .cccancel {
        margin-left: -5px;
        width: 31%;
    }

    .btn-default {
        margin-left: 1px;
    }

    .btn-default1 {
        margin-left: 1px;
    }

    .ccnow {
        width: 80.2%;
        margin: auto;
    }

    #fieldset2 {
        width: 98.4%;
        margin-left: -3px;
    }

    .lb_checked1 {
        display: none;
    }

    .lb_checked2 {
        display: none;
    }

    .Building {
        margin-top: 3px;
    }

    .area {
        margin-top: 3px;
    }

    .PostalCodediv {
        margin-top: 3px;
    }

    .emailaddress {
        margin-top: 3px;
        margin-bottom: 14px;
    }
}

/*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%;
    }
}

/*màn hình cỡ iphone 6s*/
@media only screen and (max-width: 414px) {
    .row.Balcony_Terracediv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Petsdiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Asking1 {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Parkingdiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Commercial_Usediv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Whole_Buildingdiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Gated_Communitydiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Securitydiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Gardendiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Swimming_pooldiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Tenanteddiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Rental_yielddiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Key_Moneydiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Type_of_Buildingdiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Sea_viewdiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }

    .row.Title_Deeddiv {
        width: 90.4% !important;
        margin-left: -1.2% !important;
    }



    .modal-content {
        margin-left: 9% !important;
        width: 83% !important;
    }

    .FloorPlan {
        display: none;
    }

    .FloorPlan1 {
        display: none;
    }

    .imageavarta {
        display: none;
    }

    .property_search_dd .muiten {
        display: none;
    }

    .row-note ul li {
        width: 355px;
    }

    .UploadRecommendText {
        margin-left: 0px !important;
    }

    .muiten1_23 {
        display: none !important;
    }

    .muiten1_12 {
        display: none !important;
    }

    #ContentPlaceHolder1_resultTransport {
        background-color: rgb(238, 238, 238);
        width: 100%
    }

    .Transportationmultil {
        margin-top: 70px;
    }

    [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        margin-left: -33px;
        margin-top: -3px;
    }

    .suff-top {
        position: relative;
        top: -41px;
        left: 375px;
        width: 30px;
        height: 30px;
        border: 1px solid #bebebe;
        padding: 2px 6px;
        color: #eeeeee;
    }

        .suff-top i {
            position: relative;
            top: 3px;
            left: 1px;
        }

    .bottom-footer h4 {
        margin: -3px 0 10px;
        font-family: roboto-rebular;
        color: #bebebe;
        font-size: 12px;
        text-transform: none;
        text-align: center;
    }

    .title-footer {
        width: 100%;
        color: #bebebe;
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: -6px;
        padding-top: 10px;
    }

    .open > .dropdown-menu {
        top: 417px;
        left: -9px;
    }

    .gta-cfd-list1 {
        top: 533px !important;
        left: -5px;
    }

    .nga {
        margin-left: 3px;
    }

    .ID_Owner {
        display: none;
    }

    .property_search_dd .muiten {
        margin-top: 40px;
        left: 95%;
        background: #ffffff;
    }

    .rownone {
        display: none;
    }

    .form-control Description {
        float: right;
        opacity: 0.8;
        margin: 7px 20px 0px 0px;
        font-size: 12px;
        height: 129px;
        width: 1349px;
    }

    .row-note {
        width: 97.2%;
        margin: 0px;
        background: rgba(136, 136, 136, 0.21);
        margin-bottom: 10px;
    }

    .row-contact-us {
        width: 137%;
        margin-bottom: 1px;
        padding: 0 20px;
        margin-left: -22%;
    }

    .property_search_dd .muiten2 {
        margin-top: 37px;
        left: 95%;
        background: #ffffff;
    }

    .ccsave {
        width: 100%;
    }

    .TextBox1 {
        display: none;
    }

    .hienowner {
        display: none;
    }

    .buttonRed {
        width: 100%;
    }

    .dv_BannerContent {
        display: none;
    }

    .nhi {
    }

    .panel-default > .panel-heading {
        border-color: #c2000b;
        width: 90.2%;
        margin-left: -7px;
    }

    .panel-body {
    }

    .panel-border {
        border: none;
        margin-top: 38px;
    }

    .gta-cfd-value btn btn-default dropdown-toggle {
        margin-left: 32px;
    }

    .gta-cfd-value {
        margin-left: 1px;
    }

    .nhi .form-control {
        margin-top: 2px;
        width: 100% !important;
        height: 35px;
    }

    .nhi .Description {
        height: 100px;
    }

    .nhi label {
        margin-top: 10px;
        width: 100%;
    }

    .nhi input {
        /*margin-top:-1px;
    height:34px;
    float: right;
    width: 71%;*/
    }

    .PhoneOwner {
        margin-top: 0px;
        height: 34px;
        float: right;
        width: 76%;
    }

    .ccsave {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0px;
    }

    .cccancel {
        width: 100%;
        margin-left: 0px;
    }

    .btn-default {
        margin-left: 1px;
    }

    .btn-default1 {
        margin-left: 1px;
    }

    .ccnow {
    }

    #fieldset2 {
        width: 96%;
        margin-left: -3px;
    }

    .lb_checked1 {
        display: none;
    }

    .lb_checked2 {
        display: none;
    }

    .Building {
        margin-top: 3px;
    }

    .area {
        margin-top: 3px;
    }

    .PostalCodediv {
        margin-top: 3px;
    }

    .emailaddress {
        margin-top: 3px;
        margin-bottom: 14px;
    }
}

/*màn hình cỡ iphone 6*/
@media only screen and (max-width: 375px) {
    .row-note ul li {
        width: 322px;
    }

    .suff-top {
        position: relative;
        top: -41px;
        left: 336px;
        width: 30px;
        height: 30px;
        border: 1px solid #bebebe;
        padding: 2px 6px;
        color: #eeeeee;
    }

        .suff-top i {
            position: relative;
            top: 3px;
            left: 1px;
        }


    .open > .dropdown-menu {
        top: 410px;
    }

    .gta-cfd-list1 {
        top: 533px !important;
        left: -5px;
    }

    .nga {
        margin-top: 3px;
        margin-left: 3px;
    }

    .ID_Owner {
        display: none;
    }

    .property_search_dd .muiten {
        margin-top: 38px;
        left: 95%;
        background: #ffffff;
    }

    .rownone {
        display: none;
    }

    .form-control Description {
        float: right;
        opacity: 0.8;
        margin: 7px 20px 0px 0px;
        font-size: 12px;
        height: 129px;
        width: 1349px;
    }

    .row-note {
        width: 98.2%;
    }

    .row-contact-us {
        width: 137%;
        margin-bottom: 1px;
        padding: 0 20px;
        margin-left: -25%;
    }

    .property_search_dd .muiten2 {
        margin-top: 37px;
        left: 95%;
        background: #ffffff;
    }

    .ccsave {
        width: 100%;
    }

    .TextBox1 {
        display: none;
    }

    .hienowner {
        display: none;
    }

    .buttonRed {
        width: 100%;
    }

    .dv_BannerContent {
        display: none;
    }

    .nhi {
    }

    .panel-default > .panel-heading {
        border-color: #c2000b;
        width: auto;
        margin-left: 0px;
    }

    .panel-body {
    }

    .panel-border {
        border: none;
        margin-top: 38px;
    }

    .gta-cfd-value btn btn-default dropdown-toggle {
        margin-left: 32px;
    }

    .gta-cfd-value {
        margin-left: 1px;
    }

    .nhi .form-control {
        margin-top: 0px;
        width: 100%;
        height: 35px;
    }

    .nhi .Description {
        height: 100px;
    }

    .nhi label {
        margin-top: 10px;
        width: 100%;
    }
    /*.PhoneOwner{
    width:69%;
}*/
    .nhi input {
        /*margin-top:-1px;
    height:34px;
    float: right;
    width: 71%;*/
    }

    .PhoneOwner {
        width: 76%;
    }

    .ccsave {
    }

    .cccancel {
    }

    .btn-default {
        margin-left: 1px;
    }

    .btn-default1 {
        margin-left: 1px;
    }

    .ccnow {
    }

    #fieldset2 {
        width: 96%;
        margin-left: -3px;
    }

    .lb_checked1 {
        display: none;
    }

    .lb_checked2 {
        display: none;
    }

    .Building {
        margin-top: 3px;
    }

    .area {
        margin-top: 3px;
    }

    .PostalCodediv {
        margin-top: 3px;
    }
}
/*màn hình cỡ 5 in*/
@media only screen and (max-width: 360px) {
    /*.container.bodycontainer{
        margin-left: -45px;
    margin-bottom: 0px;
}*/
    .row-note ul li {
        width: auto;
    }

    .suff-top {
        position: relative;
        top: -41px;
        left: 321px;
        width: 30px;
        height: 30px;
        border: 1px solid #bebebe;
        padding: 2px 6px;
        color: #eeeeee;
    }

        .suff-top i {
            position: relative;
            top: 3px;
            left: 1px;
        }


    .open > .dropdown-menu {
    }

    .gta-cfd-list1 {
        top: 533px !important;
        left: -5px;
    }

    .nga {
        margin-left: 3px;
    }

    .ID_Owner {
        display: none;
    }

    .property_search_dd .muiten {
        margin-top: 40px;
        left: 95%;
        background: #ffffff;
    }

    .rownone {
        display: none;
    }

    .form-control Description {
        float: right;
        opacity: 0.8;
        margin: 7px 20px 0px 0px;
        font-size: 12px;
        height: 129px;
        width: 1349px;
    }

    .row-note {
        width: auto;
    }

    .row-contact-us {
        width: 137%;
        margin-bottom: 1px;
        padding: 0 20px;
        margin-left: -24%;
    }

    .property_search_dd .muiten2 {
        margin-top: 37px;
        left: 95%;
        background: #ffffff;
    }

    .ccsave {
        width: 100%;
    }

    .TextBox1 {
        display: none;
    }

    .hienowner {
        display: none;
    }

    .buttonRed {
        width: 100%;
    }

    .dv_BannerContent {
        display: none;
    }

    .nhi {
    }

    .panel-default > .panel-heading {
        border-color: #c2000b;
        width: auto;
        margin-left: 0px;
    }

    .panel-body {
    }

    .panel-border {
        border: none;
        margin-top: 38px;
    }

    .gta-cfd-value btn btn-default dropdown-toggle {
        margin-left: 32px;
    }

    .gta-cfd-value {
        margin-left: 1px;
    }

    .nhi .form-control {
        margin-top: 0px;
        width: 100%;
        height: 35px;
    }

    .nhi .Description {
        height: 100px;
    }

    .nhi label {
        margin-top: 10px;
        width: 100%;
    }
    /*.PhoneOwner{
    width:69%;
}*/
    .nhi input {
        /*margin-top:-1px;
    height:34px;
    float: right;
    width: 71%;*/
    }

    .PhoneOwner {
        width: 74%;
    }

    .ccsave {
    }

    .cccancel {
    }

    .btn-default {
        margin-left: 1px;
    }

    .btn-default1 {
        margin-left: 1px;
    }

    .ccnow {
    }

    #fieldset2 {
        width: 96%;
        margin-left: -3px;
    }

    .lb_checked1 {
        display: none;
    }

    .lb_checked2 {
        display: none;
    }

    .Building {
        margin-top: 3px;
    }

    .area {
        margin-top: 3px;
    }

    .PostalCodediv {
        margin-top: 3px;
    }
}
/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
    .row-note ul li {
        width: 270px;
    }

    .suff-top {
        position: relative;
        top: -41px;
        left: 282px;
        width: 30px;
        height: 30px;
        border: 1px solid #bebebe;
        padding: 2px 6px;
        color: #eeeeee;
    }

        .suff-top i {
            position: relative;
            top: 3px;
            left: 1px;
        }

    .bottom-footer h4 {
        margin: -3px 0 10px;
        font-family: roboto-rebular;
        color: #bebebe;
        font-size: 9px;
        text-transform: none;
        text-align: center;
    }

    .open > .dropdown-menu {
    }

    .gta-cfd-list1 {
        top: 533px !important;
        left: -5px;
    }

    .nga {
        margin-top: 3px;
        margin-left: 3px;
    }

    .ID_Owner {
        display: none;
    }

    .property_search_dd .muiten {
        margin-top: 40px;
        left: 94%;
        background: #ffffff;
    }

    .rownone {
        display: none;
    }

    .form-control Description {
        float: right;
        opacity: 0.8;
        margin: 7px 20px 0px 0px;
        font-size: 12px;
        height: 129px;
        width: 1349px;
    }

    .row-note {
        width: 84.2%;
    }

    .row-contact-us {
        width: 137%;
        margin-bottom: 1px;
        padding: 0 20px;
        margin-left: -25%;
    }

    .property_search_dd .muiten2 {
        margin-top: 37px;
        left: 94%;
        background: #ffffff;
    }

    .ccsave {
        width: 100%;
    }

    .TextBox1 {
        display: none;
    }

    .hienowner {
        display: none;
    }

    .buttonRed {
        width: 100%;
    }

    .dv_BannerContent {
        display: none;
    }

    .nhi {
        width: 360px;
    }

    .muiten {
        background: white;
        margin-left: 94%;
        margin-top: -50px;
    }

    .panel-default > .panel-heading {
        border-color: #c2000b;
        width: 76.8%;
        margin-left: -7px;
    }

    .panel-body {
    }

    .panel-border {
        border: none;
        margin-top: 38px;
    }

    .gta-cfd-value btn btn-default dropdown-toggle {
        margin-left: 32px;
    }

    .gta-cfd-value {
        margin-left: 1px;
    }

    .nhi .form-control {
        margin-top: 0px;
        width: 100%;
        height: 35px;
    }

    .nhi .Description {
        height: 100px;
    }

    .nhi label {
        margin-top: 10px;
        width: 100%;
    }
    /*.PhoneOwner{
    width:69%;
}*/
    .nhi input {
        /*margin-top:-1px;
    height:34px;
    float: right;
    width: 71%;*/
    }

    .PhoneOwner {
        width: 70%;
    }

    .ccsave {
    }

    .cccancel {
    }

    .btn-default {
        margin-left: 1px;
    }

    .btn-default1 {
        margin-left: 1px;
    }

    .ccnow {
        width: 25% !important;
    }

    #fieldset2 {
        width: 96%;
        margin-left: -3px;
    }

    .lb_checked1 {
        display: none;
    }

    .lb_checked2 {
        display: none;
    }

    .Building {
        margin-top: 3px;
    }

    .area {
        margin-top: 3px;
    }

    .PostalCodediv {
        margin-top: 3px;
    }
}
/*ket thuc css responsive cho giao diện mobile*/