/*responesive cho desktop mình dùng @media min width*/
/* css responsive cho giao diện desktop */
/***********************************
	responsive 1024 to 1280
	********************************/
@media only screen and (min-width: 1024px) {
   .mainmap {
    margin-top: -34.5%;
    width: 126%;
    margin-left: -128px !important;
}

.col-md-7 {
	/*width: 44%;*/
}
	
  .noidungduoi {   
/*	margin-left: -3% !important;
	width: 31%;*/
}
  .nd {   
	margin-left: 54px !important;	
}

  .show {
	margin-top: 4px !important;
	margin-left: 422px !important;
}

}

/************* RESPONSIVE 1280PX ********************/
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    h1 {
        font-size: 13px;
    }
	
	.container {
		width: 100%;
		padding: 0px;
		/* margin-left: 189px !important; */
	}
	
	.show {
		    margin-left: 582px !important;
	}
	  .nd {
    margin-left: 72px !important;
}
	.noidungduoi {
 /*   margin-left: -11% !important;*/
}
}

/************* RESPONSIVE 1366px ********************/
@media only screen and (min-width: 1366px) {
 .mainmap {
    /*margin-top: -34.5%;
    width: 124%;
    margin-left: 0px !important;*/
}
 
  .nd {
    margin-left: 72px !important;

}
 .noidungduoi {
  /*  margin-left: 0% !important;
    width: 31%;*/
}

 .col-md-7 {
    /*width: 58.33333333%;*/
}
  .show {
	margin-left: 595px !important;
}
}

/************* RESPONSIVE 1488px ********************/
@media only screen and (min-width: 1400px) {
    h1 {
        font-size: 15px;
    }
}
@media only screen and (min-width: 1440px) {
   .mainmap {
   /* margin-top: -34.5%;
    width: 126%;
    margin-left: -128px !important;*/
}
  .noidungduoi {
  /*  margin-left: -12% !important;
    width: 31%;*/
}
}
@media only screen and (min-width: 1600px) {
     .mainmap {
      /* margin-top: -34.5%;
    width: 139%;
    margin-left: -61px !important;*/
}
  .noidungduoi {
    /*  margin-left: 1% !important;
		width: 31%;*/
}
.show{
    margin-left:45% !important;
}
}

@media only screen and (min-width: 1680px) {
      .mainmap {
         /* margin-top: -34.5%;
    width: 144%;
    margin-left: -95px !important;*/
}
  .noidungduoi {
      margin-left: 1% !important;
    width: 31%;
}

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

@media only screen and (min-width: 1920px) {
    .mainmap {
           /* margin-top: -34.5%;
    width: 165%;
    margin-left: -251px !important;*/
}
  .noidungduoi {
     /*   margin-left: -3% !important;
    width: 31%;*/
}

.show{
    margin-left:45% !important;
}
}
.dislay-mobile{
    display:none;
}

/*ket thuc  css responsive cho giao diện desktop */



/*css responsive cho giao diện mobile*/

/*màn hình cỡ ipad*/

/************* 760px 768px **********************/
@media only screen and (min-width: 760px) and (max-width: 768px) {
	
	.icon-footer {
		margin-left: 165px !important;
	}
	.mainmap {
   /* margin-top: -4.5% !important;
    width: 69% !important;*/
	}
}   

/************* 768px **********************/
@media only screen and (max-width: 768px) {
    .address-content{
        font-size:27px;
    }
   .margin123{
        margin-bottom:9px;
    }
     .address-box{
         /* margin-left:-113%; */
         border:none;
     }   
     .br{
         font-size:18px;
     }
     .lan{
         font-family:sans-serif;
         font-size:18px;
         /*margin-left:168px;
         margin-top:60px; */
     }
     .titlecc{
         display:none;
     }
     .box-title{
        
            margin-top: -17px;
    margin-left: 0px;
    margin-bottom: 17px;
    text-align: center;
    font-size: 19px;
     }
     .nd{
         width:68.5%;
         margin-left:-15.5%;
     }
     .pading2{
         margin-top:9px;
     }
     .form-control-non-radius{
         font-size:18px;
         font-family:sans-serif;
         height:45px;
     }
     .check_rp{
         font-family:sans-serif;
         font-size:18px;
     }
     .bton{
         border-radius:inherit;
     }
     .menu-line{
         margin-left:-16px;
         width:27.8%;
         margin-top:15px;
     }
 
          .menu-line3 {
        /* margin-left: 27%;
        margin-top: 15px;
        margin-bottom: -44px;
        height: 1px;
        background: #c2000b;
        width: 112.2%; */
        /* margin-right: -19px; */
    }
     .container 
     {
         margin-top:10px;
         /* margin-left:1px; */
     }

     .container-fluid #dv_menu2 .container{
         display:none;
     }
     .kk{
         /* margin-left:167px; */
     }
  
     .checkbox-contact-form{
         margin-left:4px;
     }
     .cl_bedrooms {
    height: 13px;
    width: 13px;
    border: 1px solid #bebebe;
    display: inline-block;
    position: relative;
    -webkit-appearance: none;
}
     .carousel-inner{
             margin-top: 10px;
            margin-left: -435px;
            position: relative;
            overflow: hidden;
            width: 115%;
      }
      #LeftResult2{
          display:none;
      }
      .site-map-link{
          display:none;
      }
              .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
                      .menu-line2{
            margin-top: 15px;
    margin-bottom: 10px;
    height: 1px;
    background: #ddd;
    width: 110%;
    margin-left: -25%;
     }
              .bottom-footer{
                  margin-top:-10px;
              }
              .suff-top{
                  position: relative;
            top: -42px;
           margin-left:4px;
            width: 30px;
            height: 30px;
            border: 1px solid #bebebe;
            padding: 2px 6px;
            color: #eeeeee;
              }
              .suff-top i{
               position: relative;
            top: 1px;
            left: 1px;
              }
              .title-footer{
                      padding-top: 11px;
                width: 100%;
                color: #bebebe;
                font-size: 12px;
                margin-top: 10px;
                margin-bottom: -6px;
              }
              .livechat{
                  margin-top:10px;
                      width: 100%;
                 background: #c2000b;
              }

}
/*màn hình cỡ 6 ngang*/
@media only screen and (max-width: 736px) {
#map_canvas1 {display:none;}   
   .address-box {
    /* margin-left: -112%; */
    border: none;
}
    .bottom-footer {
    margin-top: 10px;
}
    .icon-footer {
    margin-top: 15px;
    width: 100%;
    height: 50px;
    display: block;
}
.suff-top {
    position: relative;
    top: -43px !important;
    left: 693px !important;
    margin-right: 13px;
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
    .form-control-non-radius {
    font-size: 15px;
    font-family: sans-serif;
    height: 45px;
}
    .mapmobile img{
             margin-left: 1%;
    margin-top: 15%;
    width: 55%;
    }
     .box-title {
          margin-top: -19px;
    margin-left: 0px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 19px;
}
    .lan {
    font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 56px;
    margin-bottom: -20px; */
}
    .kk {
    margin-top: 48px;
    /* margin-left: 164px; */
}
    .br {
    margin-top: -9px;
    font-size: 15px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
      /* margin-top: 4.5%;
    width: 65%;
    margin-left: 60px;*/
}
    .container{
        margin-bottom:10px;
            margin-top: 9px;
    /* margin-left: 15.7%; */
    }
  .menu-line3{
            /* width: 108%;
    margin-left: 26%; */
  }
  [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    /* padding-left: 19px; */
    margin-left: -18px;
    cursor: pointer;
    float: left;
    margin-top: 29px !important;
}
  .linedektop{display:none;}
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
         width: 65.6%;
    margin-left: -15.5%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .check_rp {
    font-family: sans-serif;
    font-size: 15px;
}
            .titlabel{
                top:-19px;
            }
            .livechat{
                margin-bottom:-10px;
            }
          
       
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
    position: relative;
    left: 373px;
    top: -40px;
    /* margin-right: 13px; */
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
   

}
/*màn hình cỡ 6 ngang*/
@media only screen and (max-width: 667px) {
    .address-box {
    /* margin-left: -112%; */
    border: none;
}
    .bottom-footer {
    margin-top: 10px;
}
    .icon-footer {
    margin-top: 15px;
    width: 100%;
    height: 50px;
    display: block;
}
.suff-top {
      position: relative;
    top: -43px !important;
    left: 624px !important;
    margin-right: 13px;
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
    .form-control-non-radius {
    font-size: 15px;
    font-family: sans-serif;
    height: 45px;
}
    .mapmobile img{
        margin-left: 4%;
		margin-top: 1%;
		width: 68%;
    }
     .box-title {
          margin-top: -19px;
    margin-left: 0px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 19px;
}
    .lan {
    font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 56px;
    margin-bottom: -20px; */
}
    .kk {
    margin-top: 48px;
    /* margin-left: 164px; */
}
    .br {
    margin-top: -9px;
    font-size: 15px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
         margin-top: 4.5%;
    width: 59%;
    margin-left: 61px;
}
    .container{
        margin-bottom:10px;
        margin-top: 9px;
		/* margin-left: 15.7%; */
    }
  .menu-line3{
         /* width: 98%;
    margin-left: 26%; */
  }
  [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    /* padding-left: 19px; */
    margin-left: -18px;
    cursor: pointer;
    float: left;
    margin-top: 29px !important;
}
  .linedektop{display:none;}
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
        width: 59.5%;
    margin-left: -15.5%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .check_rp {
    font-family: sans-serif;
    font-size: 15px;
}
            .titlabel{
                top:-19px;
            }
            .livechat{
                margin-bottom:-10px;
            }
          
       
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
    position: relative;
    left: 373px;
    top: -40px;
    /* margin-right: 13px; */
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
   

}
/*màn hình cỡ galaxy ngang*/
@media only screen and (max-width: 640px) {
    .bottom-footer {
    margin-top: 10px;
}
    .icon-footer {
    margin-top: 15px;
    width: 100%;
    height: 50px;
    display: block;
}
    .form-control-non-radius {
    font-size: 15px;
    font-family: sans-serif;
    height: 45px;
}
    .mapmobile img{
        margin-left: 1%;
    margin-top: 13%;
    width: 55%;
    }
     .box-title {
          margin-top: -19px;
    margin-left: 0px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 19px;
}
    .lan {
    font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 56px;
    margin-bottom: -20px; */
}
    .kk {
    margin-top: 48px;
    /* margin-left: 164px; */
}
    .br {
    margin-top: -9px;
    font-size: 15px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
    margin-top: -4.5%;
    width: 126%;
    margin-left: 52px;
}
    .container{
        margin-bottom:10px;
            margin-top: 9px;
    /* margin-left: 15.7%; */
    }
  .menu-line3{
      /* width: 93.2%;
    margin-left: 24.7%; */
  }
  [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    /* padding-left: 19px; */
    margin-left: -18px;
    cursor: pointer;
    float: left;
    margin-top: 29px !important;
}
  .linedektop{display:none;}
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
              width: 57.2%;
    margin-left: -16.6%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .check_rp {
    font-family: sans-serif;
    font-size: 15px;
}
            .titlabel{
                top:-19px;
            }
            .livechat{
                margin-bottom:-10px;
            }
          
       
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
  position: relative;
    top: -43px !important;
    left: 597px !important;
    margin-right: 13px;
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
   

}
/*màn hình cỡ iphone 5 ngang*/
@media only screen and (max-width: 568px) {
    .bottom-footer {
    margin-top: 10px;
}
    .icon-footer {
    margin-top: 15px;
    width: 100%;
    height: 50px;
    display: block;
}
    .form-control-non-radius {
    font-size: 15px;
    font-family: sans-serif;
    height: 45px;
}
    .mapmobile img{
        margin-left: 1%;
    margin-top: 13%;
    width: 55%;
    }
     .box-title {
          margin-top: -19px;
    margin-left: 0px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 19px;
}
    .lan {
    font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 56px;
    margin-bottom: -20px; */
}
.kk {
    margin-top: 39px;
    /* margin-left: 161px; */
}
    .br {
    margin-top: -9px;
    font-size: 15px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
    margin-top: -4.5%;
    width: 126%;
    margin-left: 52px;
}
    .container{
        margin-bottom:10px;
            margin-top: 9px;
    /* margin-left: 15.7%; */
    }
  .menu-line3{
    /* width: 82.2%;
    margin-left: 24.7%; */
  }
  [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    /* padding-left: 19px; */
    margin-left: -18px;
    cursor: pointer;
    float: left;
    margin-top: 29px !important;
}
  .linedektop{display:none;}
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
                width: 50.8%;
    margin-left: -16.6%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .check_rp {
    font-family: sans-serif;
    font-size: 15px;
}
            .titlabel{
                top:-19px;
            }
            .livechat{
                margin-bottom:-10px;
            }
          
       
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
    top: -43px !important;
    left: 526px !important;
 
}
   

}
/*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) {
.modal-content { width: 55% !important;     margin-left: 9% !important; }
.modal-header h4 {font-size: 12px !important}
.modal-body {font-size : 11px !important;}
.modal-footer {  padding: 10px 25px 10px !important;}
	
  .address-box {
		margin-bottom: 25px;
		/* margin-left: -109%; */
		border: none;
}
  .icon-footer {
    margin-top: 15px;
    width: 100%;
    height: 50px;
    display: block;
}
    .form-control-non-radius {
    font-size: 15px;
    font-family: sans-serif;
    height: 45px;
}
    .mapmobile img{
            margin-top: 11%;
    width: 37%;
    }
     .box-title {
          margin-top: -19px;
    margin-left: 0px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 19px;
}
    .lan {
    font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 56px;
    margin-bottom: -20px; */
}
    .kk {
    margin-top: 48px;
    /* margin-left: 164px; */
}
    .br {
    margin-top: -9px;
    font-size: 15px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
    margin-top: -4.5%;
    width: 126%;
    margin-left: 52px;
}
    .container{
        margin-bottom:10px;
            margin-top: 9px;
    /* margin-left: 15.7%; */
    }
  .menu-line3{
    /* width: 59.4%;
    margin-left: 24.7%; */
  }
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
	width: 36.1%;
    margin-left: -15.7%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .check_rp {
    font-family: sans-serif;
    font-size: 15px;
}
            .titlabel{
                top:-19px;
            }
            .livechat{
                margin-bottom:-10px;
            }
          
       
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
    position: relative;
    left: 373px;
    top: -40px;
    /* margin-right: 13px; */
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
   

}

/*màn hình cỡ iphone 6*/
@media only screen and (max-width: 375px) {
 .modal-content { width: 83% !important;     margin-left: 9% !important; }  
    .address-box {
		margin-bottom: 16px;
		/* margin-left: -109%; */
		border: none;
}
   .icon-footer {
    margin-top: 15px;
    width: 100%;
    height: 39px;
    display: block;
}
    .icon-footer ul li img {
    width: 73%;
}
    .box-title {
      margin-top: -17px;
    margin-left: 0px;
    margin-bottom: 17px;
    text-align: center;
    font-size: 19px;
}
    .lan {
       font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 58px;
    margin-bottom: -15px; */
}
    .form-control-non-radius {
    font-size: 14px;
    font-family: sans-serif;
    height: 45px;
}
    .kk {
    margin-top: 48px;
    /* margin-left: 164px; */
}
    .br {
    margin-top: -9px;
    font-size: 14px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
    margin-top: -4.5%;
    width: 126%;
    margin-left: 52px;
}
    .container{
        margin-bottom:10px;
            margin-top: 9px;
    /* margin-left: 15.7%; */
    }
  .menu-line3{
    /* width: 53.4%;
    margin-left: 24.7%; */
  }
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
	width: 32.9%;
    margin-left: -15.7%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .livechat{
                margin-bottom:-10px;
            }
            .title-footer{
                
            }
      
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
    position: relative;
    left: 332px !important;
    top: -40px !important;
    /* margin-right: 13px; */
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
     
    
}
/*màn hình 5in*/
@media only screen and (max-width: 360px) {
.modal-content { width: 82% !important;     margin-left: 9% !important; }   
   .suff-top {
    position: relative;
    top: -40px !important;
    left: 317px !important;
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
    .suff-top i {
    position: relative;
    top: 3px !important;
    left: 1px ;
}
    .icon-footer {
    margin-top: -3px;
    width: 100%;
    height: 50px;
    display: block;
}   
    .titlabel{
top:-19px;
    }
    .box-title {
     margin-top: -17px;
    margin-left: 0px;
    margin-bottom: 17px;
    text-align: center;
    font-size: 19px;
}
    .lan {
    font-family: sans-serif;
    font-size: 14px;
    /* margin-left: 164px;
    margin-top: 58px;
    margin-bottom: 15px; */
}
    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    /* padding-left: 19px; */
    margin-left: -18px;
    cursor: pointer;
    float: left;
    margin-top: 9px !important;
}
    .kk {
    margin-top: 42px;
    /* margin-left: 164px; */
}
    .br {
     margin-top: -15px;
    font-size: 13px;
}
    .address-box {
		margin-bottom: -23px;
		/* margin-left: -109%; */
		border: none;
}
    .check_rp {
    font-family: sans-serif;
    font-size: 13px;
}

    .form-control-non-radius {
    font-size: 14px;
    font-family: sans-serif;
    height: 45px;
}
    .dislay-mobile{
        display:block;
    }
    .mainmap {
    margin-top: -4.5%;
    width: 126%;
    margin-left: 52px;
}
    .container{
        margin-bottom:10px;
            margin-top: 9px;
    /* margin-left: 15.7%; */
    }
  .menu-line3{
    /* width: 51.4%;
    margin-left: 24.7%; */
  }
  .imgbox{
      display:none;
  }
  #title2{
      display:none;
  }
  #button2{
      display:none;
  }
  .nd{
     width: 31.5%;
    margin-left: -15.7%;
  }
   #LeftResult2{
          display:none;
      }
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
            .livechat{
                margin-bottom:-10px;
            }
            .title-footer{
                
            }
         .suff-top{
             top:-40px;
         }
         .bottom-footer h4{
             /*margin-top:22px;*/
         }
         .suff-top i{
             top:1px;
         }
         .title-footer{
             width: 100%;
    color: #bebebe;
    font-size: 12px;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -11px;
         }
         .suff-top {
    position: relative;
    left: 321px;
    top: -40px;
    /* margin-right: 13px; */
    width: 30px;
    height: 30px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
}
      
}
/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
.header-content {
	width: 55% !important;
	    padding-top: 17px !important;
}	

.header-content span { 
	font-size: 7px !important;
}
   .icon-footer {
    margin-top: -4px;
    width: 100%;
    height: 48px;
    display: block;
}
  
            .menu-line4{
         margin-top:15px;
         margin-bottom:-10px;
         height:1px;
         background:#ddd;
         width:110%;
         margin-left:-16px;
     }
     .address-box{
       
         border:none;
     }   
     .br{
         font-size:13px;
     }
     .lan{
         font-family:sans-serif;
         font-size:13px;
         /* margin-left:162px;
         margin-top:60px;
         margin-bottom:27px; */
     }
     .box-title{
           margin-top: -23px;
    margin-left: 0px;
    margin-bottom: 13px;
    text-align: center;
    font-size: 19px;
     }
     .mapmobile img {
    margin-top: 11%;
    width: 32%;
}
     .nd{
         width: 28.3%;
		margin-left: -15.9%;
     }
     .pading2{
         margin-top:6px;
     }
     .form-control-non-radius{
         font-size:13px;
         font-family:sans-serif;
         height:28px;
     }
     .check_rp{
         font-family:sans-serif;
         font-size:11px;
     }
     .bton{
         border-radius:inherit;
     }
     .menu-line{
         margin-left:-16px;
         width:27.8%;
         margin-top:15px;
     }
     .menu-line2{
         margin-top:-8px;
         
         height:1px;
         background:#ddd;
         width:100%;
     }
          .menu-line3 {
         /* margin-left: 162px;
    margin-top: 10px;
    margin-bottom: -49px;
    height: 1px;
    background: #9c3535;
    width: 45.6%; */
    /* margin-right: -19px; */
    }
     .container 
     {
            margin-top: 1px;
        /* margin-left: 15.9%; */
     }

     .container-fluid #dv_menu2 .container{
         display:none;
     }
     .kk{
         margin-top:52px;
         /* margin-left:162px; */
     }
     .cl_bedrooms {
         height:12px;
         width:12px;
    border: 1px solid #bebebe;
    display: inline-block;
    position: relative;
    -webkit-appearance: none;
    }
     .checkbox-contact-form{
         margin-left:4px;
     }

      .address-content{
          font-size:15px;
      }
      .carousel-inner{
              margin-top: 24px;
            margin-left: -682px;
            position: relative;
            overflow: hidden;
            width: 140%;
      }
      #LeftResult2{
          display:none;
      }
     .suff-top{ position: relative;
     position: relative;
    left: 290px;
    top: -34px;
    /* margin-right: 13px; */
    width: 22px;
    height: 22px;
    border: 1px solid #bebebe;
    padding: 2px 6px;
    color: #eeeeee;
    }
     .suff-top i {
    top: -3px;
    left: -1px;
    font-size:10px;
}
     .bottom-footer h4 {
    margin: -3px 0 10px;
    font-family: roboto-rebular;
    color: #bebebe;
    font-size: 10px;
    text-transform: none;
    text-align: center;
}

   

}
/*ket thuc css responsive cho giao diện mobile*/


/*vs css start*/
.messag-areas .col-md-12 { width: 100%; }
@media all and (max-device-width:1024px)
{
    .noidungduoi { width: 100%; }
    .address-box { border:none;}
    .contact-us-pages h3.box-title { text-align: center;color: #e80714; text-transform: none; }
    .messag-areas { position: relative; width: 100%; }
    .messag-areas:before { content: ''; position: absolute; top: 0; left:50%; transform: translateX(-50%); background: #C2000B; width: 90%; height: 2px; }
    .menu-line2 { display: none; }
    #map_canvas1 {  display: block; margin: -70px 0 0 0; }
    #map_canvas { height: 400px; }
    .footer_red .container, .footer_gray .container { margin-left: 0; }

}
@media only screen and (max-width: 768px)
{
    .pading2 { margin-top: 0; }
    .messag-areas textarea.form-control { height: 200px; }
    .first-name-box { }
    .messag-areas [type="checkbox"]:not(:checked) + label,  .messag-areas [type="checkbox"]:checked + label { margin-top: 6px !important; }
}
@media only screen and (max-width:600px)
{
    .container.contact-us-pages { margin-left: 0; }
    .container.contact-us-pages h1{ display: none;}
    .address-box { margin-left: 0;margin-bottom: 0px;  }
    .kk { margin-left: 0; margin-top: 0; }
    .menu-line3 { display: block; margin: 15px 0; width: 100%; }
    .lan {margin: 0;}
    .box-title {margin: 15px 0; padding: 0;}
    .contact-us-pages h3.box-title { display: block; }
    .messag-areas [type="checkbox"]:not(:checked) + label,  .messag-areas [type="checkbox"]:checked + label { top:5px; }
    .br { margin-top: 0; }
}
@media only screen and (max-width: 414px)
{
    .container.contact-us-pages { margin-left: 0; }
    .container.contact-us-pages h1{ display: none;}
    .address-box { margin-left: 0;margin-bottom: 0px;  }
    .kk { margin-left: 0; margin-top: 0; }
    .menu-line3 { display: block; margin: 15px 0; width: 100%; }
    .lan {margin: 0;}
    .box-title {margin: 15px 0; padding: 0;}
    .contact-us-pages h3.box-title { display: block; }
}
@media only screen and (max-width:360px)
{
    
}
/*vs css end*/