@charset "utf-8";

@media (max-width: 1440px){

}

@media (max-width: 1280px){
  .wrapper .container-fluid { padding: 0 40px;}
}
@media (max-width: 1200px){
  .block-facility ul li{ width: calc(100% / 6); }
}
@media (max-width: 1024px){
  .wrapper .container-fluid { padding: 0 15px;}
  .block-content{ margin-top: 15px;}
  .block-nav{ margin: 15px 0;}
      /* end css global */
  .block-facility ul li{width: calc(100% / 5);}
}
@media (max-width: 991px){
  .block-header{ padding: 15px 0;}
  .header-manage > div{margin-left: 5px;}
  .box-circle{ width: 45px; height: 45px;}
    /* end css global */
  .contact-detail .box-shadow{ margin-bottom: 16px;}
  .block-facility ul li{width: calc(100% / 4);}
  .list-checkbox{ margin-bottom: 15px;}
  .block-table .table-responsive {
    overflow-x: auto !important;
  }

 
}
@media (max-width: 767px){
  .header-name h1{ font-size: 15px;}
  .box-lange .dropdown {
    min-width: 50px;
    width: 50px;
    height: 30px;
    padding:5px 5px;
  }
  .box-lange .select{background-position: right center;background-size:  auto 6px;}
  .box-lange .select span{ color: transparent; }
  .box-lange .select span { padding-left: 30px;}
  .box-circle{ width: 30px; height: 30px; top: 0;}
  .box-lange input[value="th"] + .select span, 
  .box-lange input[value="en"] + .select span{ background-size: auto 18px;}
  .icon-showicon img{ height: 13px;}
  .box-logoname a, .header-name { height: 32px;}
  #menuToggle span{ width: 30px; margin-bottom: 6px;}
  .block-header{ height: auto;}
  #menuToggle{ top: 6px;}
  .header-manage > div{ margin-left: 3px;}
  .logo-img img{ width: 35px;}
  .box-lange .dropdown-menu li{padding: 5px 8px;}
  .box-lange .dropdown-menu li img{ margin: 0;}
  .box-lange .dropdown-menu img{ height: 20px; display: block; }
  /* end css global */
  .bg-right::before,
  .bg-right::after{ display: none;}
  .text-profile h2,
  .box-headline h2{ display: block; font-size: 20px; line-height: 20px;}
  .block-profile-in,
  .block-content{padding: 16px;}
  .icon-headline{ width: 30px; height: 30px;}
  .icon-headline{ margin-right: 10px;}
  .block-profile-in .btn{position: relative; right: 0; top: 0; margin-top: 15px;}
  .img-profile{ width: 60px; height: 60px; margin-right: 10px;}
  .block-nav > div{ margin-right: 30px;}
  .box-icon-nav img{ max-width: 35px;}
  .box-icon-nav a{ width: 55px; height: 55px;}
  .block-nav::after{ top: 29px;}
  .contact-detail .text-blue{ padding-left: 35px; }
  .block-facility ul li{width: calc(100% / 3); margin-bottom: 10px;}
  .t-facility{ font-size: 12px;}
  .img-facility{ height: 45px; margin: 0;}
  .img-facility img { max-height: 45px;}
  .box-facility label{ height: 90px;}
  .block-facility ul li{padding: 0 5px;}
  .block-facility ul{ margin: 0 -5px;}
  .title-pet{ margin-bottom: 20px;}
  .gmnoprint.gm-bundled-control-on-bottom .gmnoprint{ top: 25px !important; }
  .search-map .box-input { width: calc(100% - 90px);}
  .box-map-latlong{ flex-direction: column; padding: 10px;}
  .box-map-latlong > div:first-child{ margin-bottom: 5px;}
  .t-latlong{ margin-right:0;}
  .box-border-radio .checkmark {left: calc(50% - 40px);}
  .box-border-radio .box-checkbox .t-check{ padding-left: 30px;}
  .box-border-radio .box-checkbox{ text-align: left;}
  .box-border-radio .box-checkbox .t-check{ margin-left: 0;}
  .t-charge{ margin-bottom: 10px;}
  .input-charge .list-checkbox{ padding-right: 15px;}
  .form-viewitem{ padding-right: 15px;}
  .list-view .form-viewitem > .row > div:last-child{ padding-right: 15px;}
  .form-viewitem > .row > div:last-child{ padding-right: 130px;}
  .form-viewitem .manage-item{ top: 143px;}
  .manage-item a{ margin-left: 8px;}
  .block-table .table{ width: 850px;}
  .box-addcontact{ flex-direction: column;}
}
@media (max-width: 380px){
  .t-facility{ font-size: 11px;}
}
/* css backoffice */
@media (max-width: 1280px){
  .wrapper .container-fluid{padding: 0 15px 0 95px !important;}
  .block-mainsearch .form-control{ font-size: 12px;}
}
@media (max-width: 1024px){
  .block-mainsearch .form-control{ font-size: 14px;}
  .block-mainsearch.show-btn-right{ padding-right: 15px;}
  .block-mainsearch .box-input.input-search{ padding-right: 50px;}
  .block-mainsearch > .row > div{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .block-table.table-searchlist .table{ width: 1200px;}
  .block-table.table-searchlist .table-responsive { overflow-x: auto !important;}
  .warning-table.view-1024{display: block;}
}
@media (max-width: 767px){
  .top-headeline{ display: block;}
  .top-headeline h2{ margin-bottom: 30px;}
  .top-right a{ margin-left: 0; margin-right: 15px;}

  .box-border-radio.them-property .box-checkbox,
  .box-border-radio.them-location .box-checkbox{ margin-bottom: 10px;}
  .box-border-radio.them-property .box-checkbox .t-check ,
  .box-border-radio.them-location .box-checkbox .t-check { padding-left: 0;}
  .t-special{ font-size: 15px; line-height: 18px;}
  .block-special .box-facility label{ height: 100px;}
  .box-facility input[type=checkbox]:checked + label:after{ top: 5px; right: 5px;}
  .form-addition .box-input label{ height: auto; margin-bottom: 5px;}

}
@media (max-width: 480px){
  .block-left-sidebar.hide{ width: 57px;}
  .block-left-sidebar #sidebar-menu { padding: 15px 5px;}
  .block-left-sidebar.hide #leftside-navigation ul li.sub-menu > ul{ left: 57px;}
  #leftside-navigation ul li.sub-menu > ul{ width: 220px;}
  #leftside-navigation ul li.open ul { padding: 25px 20px 25px 15px;}
  .block-left-sidebar.hide .text-logo{ display: block;}
  .block-left-sidebar.hide .logo-img{ display: block; margin-bottom: 0;}
  .block-left-sidebar.hide .logo-name,
  #menuToggle{display: none;}
  .box-logoname{ margin-bottom: 0;}
  .box-slideclose a{ width: 35px; height: 35px;} 
  .header-name{ position: relative;}
  .block-left-sidebar.hide .box-slideclose a {left: 259px;}
  .block-left-sidebar.hide.hide-menu #leftside-navigation ul li.sub-menu > ul,
  .block-left-sidebar.hide.hide-menu .box-slideclose{ display: none !important;}
  #leftside-navigation ul li .icon-menu{background-size: auto 25px;}
  .block-left-sidebar.hide #leftside-navigation ul.menu-main > li > a, 
  .block-left-sidebar.hide #leftside-navigation ul.menu-bottom > li > a { width: 45px; height: 45px;}
  .wrapper .container-fluid{padding: 0 15px 0 65px !important;}

}
@media (max-width: 380px){
  .t-facility{ font-size: 11px;}
  .box-border-radio.them-property .box-checkbox{ margin-bottom: 10px;}
  .t-special{ font-size: 12px; line-height: 14px;}
}
/* end css backoffice */