@media screen and (max-width:800px) {

  

}

@media screen and (max-width:640px) {

    .menu-mobile .fa{

      color:#8a6d3b;

      padding-top: 15px;

    }
#buy-tabs{
    display: block;
}
.callnow{
	margin-left: 0px;
    margin-top: 10px;
}
.map-ssr iframe{
  height: 300px;
}
    .form-mobile{

      background:#1b0e08 ;

    }

    .form-mobile button .fa-search {

      color: #8a6d3b;

    }

    .slider-bt h3{

      line-height: 25px;

      margin-top: 20px;

    }

    .text-quytrinh {

      width: 150px;

      height: 150px;

    }

    .duan{

      background: transparent;

    }

    .img-da{

      height: 100px;

      margin-bottom: 30px;

    }

    .box-cam{

      padding: 50px 20px;

    }

    .title-gt h2{

      font-size: 16px;

    }

    .slider-top .slick-next:before,.slider-top .slick-prev:before{

      content: '';

      background: none;

    }

    .current-menu-item > a:before{

      background: none;

    }

    .menu-mobile img{

      width: 80% !important;

    }

    .mm-menu {

        background: #8a6d3b;

        border-color: rgba(0,0,0,.1);

        color:#fff;

    }

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{

      color: #fff;

      text-transform: uppercase;

    }

    .form-mobile button{

      top: 50%;

      transform: translateY(-60%);

    }

    .form-mobile{

      background: #8a6d3b;

    }

    .toptop{

      position: relative;

    }

    .box-title-page h1 {

        text-transform: uppercase;

        font-size: 20px;

        color: #ffed43;

        font-family: 'UVNNguyenDu';

    }

    .box-title-page {

        position: absolute;

        bottom: 0px;

        left: 100px;

        z-index: 999;

    }

    .box-title-page {

      position: absolute;

      bottom: 0px;

      left: 50%;

      width: 100%;

      transform: translateX(-50%);

      text-align: center;

      z-index: 999;

    }

    .mm-menu_offcanvas{

      z-index: 99999;

    }

    .slider-doitac .slick-next{

      right: 25px;

    }

    .slider-doitac .slick-prev{

      left: 25px;

      z-index: 9999;

    }

    .danhmuctt .caption-dm h3{

      margin-top: 15px;

    }

    .top-he ul {

        float: right;

        padding-top: 10px;

    }



}

@media screen and (max-width:470px) {

 

}

@media screen and (max-width:360px) {

  .menu-mobile img {

      width: 100% !important;

      margin-top: 10px;

  }

}



@media screen and (min-width: 768px) and (max-width: 991px) {

    .toptop{

      position: relative;

    }

    .menu-mobile img{

      width: 40% !important;

    }

    .menu-mobile .fa {

      color: #c39837;

      font-size: 24px;

      line-height: 80px;

  }

  .img-den .value{

    min-width: 70%;

    font-size: 14px;

  }

  .img-den{

    height: 112px;

  }

  .dichvuct{

    margin-top: 30px;

  }

  .dichvuct .title-home{

    margin-bottom: 60px;

  }

  .box-ct-tt .img-tt{

    height: 134px;

  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.toptop{

    position: relative;

  }

  .dichvuct{

    margin-top: 30px;

  }

  .dichvuct .title-home{

    margin-bottom: 60px;

  }

  .navbar-default .navbar-nav>li>a {

    color: #fff;

    text-transform: uppercase;

    font-size: 13px;

    padding-top: 15px;

    display: block;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-right: 10px;

    font-family: 'RobotoCondensed-Regular';

  }

  .navbar .logotop img {

    position: absolute;

    top: -60%;

    left: 50px;

    z-index: 9999999;

    width: 13% !important;

  }

}

@media screen and (min-width: 1200px) { 

  .duan .container-fluid{

      padding: 0px;

    }

  .duan .container-fluid .col-sm-3{

    padding: 0px;

  }

}