.show-mobile {
  display: none;
}
.hidden-mobile {
  display: block;
}
#hkt-fabs {
  margin-bottom: 69px !important;
}


@media (min-width: 1800px) {
  .news-slider-it .news-slider-feature {
    /* height: 410px; */
  }
}

@media(max-width: 1700px){

  .header-function {

      margin-left: 20px;

  }

  #menu-main ul li{

    margin: 0 20px;

  }

}

@media (min-width: 1441px) and (max-width: 1600px){
  /* .news-slider-it .news-slider-feature {
    height: 300px;
  } */
  .ld-padding{
    padding-top: 100px !important;
  }
  .ld-form-padding{
    padding-top: 2.5% !important;
  }
  .form-public .it-input {
    padding: 8.5px 10px !important;
  }
  .sp-form .ip-row {
    margin-bottom: 10px !important;
  }
}

@media(max-width: 1440px){
  /* .news-slider-it .news-slider-feature {
    height: 300px;
  } */

}
@media(max-width: 1366px){
  .about-section-2 .about-info-2 .about-feature-2 {
    height: auto !important;
  }
  /* .news-slider-it .news-slider-feature {
    height: 280px;
  } */

  .ld-form-padding{
    padding-top: 2.5% !important;
  }
  .form-public .it-input {
    padding: 8.5px 10px !important;
  }
  .sp-form .ip-row {
    margin-bottom: 5px !important;
  }
  .ld-padding{
    padding-top: 140px !important;
  }
  .ld-images-chuongtrinh img {
    height: 500px !important;
  }
  #ten_mau_xe_ld{
    margin-bottom: 5px !important;
  }
  #gia_mau_xe_ld{
    margin-bottom: 5px !important;
  }
  .tuyen-bo{
    font-size:12px !important;
  }
}







@media(max-width: 1300px){

  #menu-main ul li {

      margin: 0 10px;

  }

  .slick-next {

    right: -20px;

  }

  .slick-prev {

    left: -20px;

  }

  .agency-slider .slick-prev{

    left: -15px;

  }

  .agency-slider .slick-next{

    right: -15px;

  }
  .about-info-2 .about-feature-2 {
    height: auto !important;
  }
  /* Lading Page  */
  .ld-padding{
    padding-top:100px !important;
  }

}

@media(max-width: 1199px){

  .footer-copyright p {
    text-align: center;
  }

  .the-header #header .header-right #menu-main {

    position: fixed;

    top: 0;

    width: 280px;

    overflow: auto;

    left: 0;

    bottom: 0;

    padding: 50px 20px;

    z-index: 999;

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    background: #fff; 

  }

  .the-header #header .header-right #menu-main ul li {

    display: block;

    margin-left: 0; 

  }

  .the-header #header .header-right #menu-main ul li a {

    padding: 16px 0;

    display: block;

    border-top: 1px solid #e7e7e9;

    text-align: left;

    font-weight: bold; 

  }

  .the-header #header .header-right #menu-main ul li:first-child a {

    border: none; 

  }

  body.show-menu .toggle-menu {

    background-image: url("../images/menu-close.png"); 

  }

  body.show-menu #menu-main {

    transform: translateX(0) !important;

    -webkit-transform: translateX(0) !important; 

  }

  body.show-menu .menu-transform {

    display: block; 

  }

  .toggle-menu {

    position: fixed;
    
    padding: 20px;
    
    top: 13px;

    left: 30px;

    display: block;

    width: 24px;

    height: 17px;

    background-image: url(../images/menu.png);

    background-repeat: no-repeat;

    background-position: center center;

    z-index: 9999;

  }

  .menu-transform {

    background: rgba(0,0,0,0.7);

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 99;

    display: none;

  }

  #menu-main {

    position: fixed;

    top: 0;

    width: 280px;

    overflow: auto;

    left: 0;

    bottom: 0;

    padding: 50px 20px;

    z-index: 999;

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    background: #fff;

  }

  #menu-main  ul li{

    display:block;

    margin-left:0;

  }

  #menu-main  ul li a {

      padding: 16px 0;

    display: block;

    border-top: 1px solid #e7e7e9;

    text-align:left;

    font-weight:bold;

  }

  body.show-menu  .toggle-menu {

      background-image:url('../images/menu-close.png');

    }

  body.show-menu #menu-main {

    transform: translateX(0) !important;

    -webkit-transform: translateX(0) !important;

  }
#menu-main ul li ul {
  position:static;
  width:auto;
  padding-top:0;
}
  body.show-menu .menu-transform {

    display:block;

  }

  .header-search,
  .header-link{

    display: none;

  }

  .header-right{

        float: none;

    position: absolute;

    top: 6px;

    right: 0;

  }

  .logo{

        float: none;

    display: block;

    text-align: center;

    margin: 0 auto;

  }

  #header {

    padding: 10px 30px;

  }

  #footer-menu li{

    margin-right: 50px;

  }

  .form-borrow form{

    letter-spacing: -0.3em;
    display:block;

  }

  .form-borrow .ip-col{

    letter-spacing: 0;

    margin: 5px 0;

    width: 33.33%;

    border: none;

  }

  .footer-contact .sma-title{

    font-size: 30px;

  }

  #footer-menu li:last-child{

    margin-right: 0;

  }

  .footer-bottom{

    text-align: center;

    padding: 20px 0;

  }

  .footer-bottom .logo-footer{

    margin: 0;

    display: block;

  }

  .footer-social, .footer-work{

    float: none;

  }

  .footer-social a{

    margin: 0 5px;

  }

  .page-main {

    margin-top: 68px;

  }

  .page-title h1{

    font-size: 30px;

  }

  .news-slider-it .news-slider-feature{

    /* height: 300px; */

  }

  .agency-slider .contact-it{

    padding-right: 150px;

  }

  .form-info .ip-row-2 {

    padding-right: 0;

  }

  .registration-step span::before{

    left: -45px;

  }

  .registration-step span{

    margin: 0 30px;

  }

  .radio-contact-it .contact-it{

    padding-right: 15px;

  }

  .radio-contact-it .contact-it{

    padding-left: 0;

  }


}

@media(max-width: 1140px) and (min-width: 992px){
  .left-tt {
    left: 11%;
  }
  .center-tt {
    left: 37%;
  }
  .left-tt span:nth-child(1) {
    margin-top: 55px;
  }
  .left-tt span {
    margin-top: 42px;
  }
  .left-tt span:nth-child(3) {
    margin-top: 37px;
  }
  .center-tt {
    top: 55px;
  }
  .center-tt span {
    margin-top: 9px;
  }
  .right-tt {
    top: 60px;
    right: 75px;
  }
  .right-tt span {
    margin-top: 38px;
  }
  .center-pt {
    font-size: 13px;
  }
  .th-truyen-thong {
    font-size: 14px;
  }
  .center-tt-50 {
    top: 87px
  }
  .right-tt-50 {
    top: 58px;
  }
  .left-tt-50 {
    left: 12%;
  }
  .center-pt-50 {
    bottom: 43px;
  }
  .left-tt-balloon {
    left: 33px;
  }
  .center-tt-balloon {
    left: 130px;
  }
  .after-tt-balloon {
    top: 176px;
    right: 17px;
  }
  .left-tt-ez {
    top: 62px;
    left: 59px;
    font-size: 13px;
  }
  .center-tt-ez {
    top: 82px;
  }
  .right-tt-ez {
    top: 87px;
  }
  .center-pt-ez {
    bottom: 42px;
  }
  .left-tt-fleet {
    left: 112px;
    top: 20px;
    font-size: 14px;
  }
  .left-tt-fleet span {
    margin-top: 109px;
  }
  .center-tt-fleet {
    top: 12px;
  }
  .center-tt-fleet span {
    margin-top: 2px;
  }
}

@media(max-width: 1024px){
  #main {
    margin-top: 64px;
  }
  .home-slider .slider-it {
    /* max-height: calc(100vh - 64px - 110px); */
  }
  .about-info-2 {
    flex-direction: column;
  }
  .about-feature-2 {
    width: 100%;
  }
}
@media(max-width: 1024px) and (min-width: 992px){
  .center-tt {
    top: 50px;
  }
  .center-tt span {
    margin-top: 8px;
  }
  .right-tt {
    top: 55px;
    right: 71px;
  }
  .center-pt {
    bottom: 11px;
  }
  .center-pt-50 {
    bottom: 40px;
  }
  .left-tt-50 {
    top: 38px;
  }
  .center-tt-50 {
    top: 84px;
  }
  .right-tt-50 {
    top: 54px;
  }
  .left-tt-balloon {
    left: 29px;
  }
  .center-tt-balloon {
    left: 130px;
  }
  .th-truyen-thong {
    font-size: 13px;
  }
  .left-tt-ez {
    top: 60px;
    left: 55px;
  }
  .center-tt-ez {
    top: 78px;
  }
  .right-tt-ez {
    top: 82px;
    right: 76px;
  }
  .after-tt-balloon {
    top: 176px;
    right: 17px;
  }
  .center-pt-ez {
    bottom: 42px;
  }
  .left-tt-fleet {
    left: 112px;
    top: 20px;
    font-size: 14px;
  }
  .left-tt-fleet span {
    margin-top: 109px;
  }
  .center-tt-fleet {
    top: 22px;
    left: 201px;
    font-size: 14px;
  }
  .center-tt-fleet span {
    margin-top: 3px;
  }
  .right-tt-fleet {
    top: 29px;
    right: 58px;
  }
  .right-tt-fleet span {
    margin-top: 22px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 83px;
  }
  .sp-truyen-thong-fleet .fleet-1 {
    top: 71px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    font-size: 13px;
    bottom: 106px;
  }
  .sp-truyen-thong-fleet .fleet-2 {
    bottom: 57px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 62px;
  }
  .left-pt-fleet {
    top: 48px;
    font-size: 11px;
  }
  .center-pt-fleet {
    bottom: 40px;
  }
}
@media(max-width: 991px){

  .home-slider .slick-dots {
    bottom: 5px;
  }

  .footer-contact .sma-title {

      font-size: 25px;

  }

  .contact-phone{

    width: 150px;

  }

  .contact-phone img {

    margin-right: 10px;

  }

  .home-contact .contact-it {

      padding-right: 150px;

  }

  .sma-title{

    font-size: 30px;

  }

  .news-item .news-feature-item img {

    height: 200px;

  }

  .agency-form .ip-row {

    width: calc(33.33% - 20px);

    margin: 0 10px;

  }

  .agency-iframe iframe, .fill-store.store-custom{

    height: 500px;

  }

  .page-banner .banner-des h1{

    font-size: 50px;

  }

  .car-product-list .product-it{

    flex: 0 0 50%;

    max-width: 50%;

  }

  .sma-title-border {

    font-size: 30px;

    padding-bottom: 15px;

    margin-bottom: 15px;

  }

  .about-des-1 ul li{

    padding: 30px;

  }

  .pd-funtion-bg-3{

    padding: 20px;

  }

  .page-title-2 .page-title-link a{

    min-width: 200px;

  }

  .cal-product-info-bg{

    padding: 20px;

  }

  .cal-table th, .cal-table .table-title-small{

    padding: 15px 5px;

  }

  .installment-link {

    margin: 30px 0;

  }

  .cal-same-it{

    flex: 0 0 50%;

    max-width: 50%;

    margin-bottom: 30px;

  }

  .calculate-product-same{

    padding-bottom: 20px;

  }

  .registration-step span{

    margin: 0 20px;

    font-size: 16px;

  }

  .registration-step span::before {

    left: -30px;

    width: 20px;

  }

  .radio-contact-it{

    padding: 0;

  }

  .radio-bg{

    margin: 0;

  }

  .thank-top img{

    max-height: 100px;

  }

} 




@media(max-width: 768px){
  .sp-truyen-thong {
    text-align: left;
  }
  .pt-truyen-thong {
    text-align: center;
  }
  .right-tt {
    right: 255px;
  }
  .right-tt-50 {
    right: 238px;
  }
  .right-tt-balloon {
    right: 325px;
  }
  .after-tt-balloon {
    right: 180px;
  }
  .sp-truyen-thong-fleet .fleet-1 {
    top: 84px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    bottom: 125px;
  }
  .sp-truyen-thong-fleet .fleet-2 {
    bottom: 67px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 73px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 99px;
  }
  .right-tt-fleet {
    right: 233px;
  }
  .ld-padding-left{
  padding-left:unset !important;
  }
  .ld-padding{
  padding-bottom:unset !important;
  padding-top:30px !important;
  }
  .text-left a{
  margin-top:30px !important;
  
  }
  .ld_background:last-child{
  padding-bottom:5%;
  }
  .ld-padding img {
  height:315px !important;
  }
  h3.ld-title{
  font-size:24px !important;
  }
  .ld-register{
  font-size:28px !important;
  }
  .ld-shotdescription{
  font-size:16px !important;
  }
  /* POPUP CSS  */
  .pum-content p:nth-child(1), .pum-content p:nth-child(3){
   display:none;   
      
   }
   .pum-content p:nth-child(2) img{
   width:100%;   
      
   }
    .pum-content p:nth-child(2){
     margin-bottom:0 !important;
     display:block !important;
    }
   
    /* END POPUP CSS  */
}

@media(max-width: 767px){
  .page-banner {
    display: none;
  }
  .home-borrow {
    padding-top: 20px;
  }
  .form-borrow {
    margin-top: 0;
  }
  #placeSearch {
    flex-direction: column;
  }
  .radio-bg .checkbox {
    width: 25px;
    height: 25px;
  }
  .radio-bg .custom-checkbox input:checked ~ .checkbox {
    border: 8px solid #eb0a1e;
  }
  .footer-contact .sma-title {
    margin-bottom: 0;
  }
  .reg-submit .sma-btn {
    white-space: nowrap;
  }
  .full-line {
    display: block;
  }
  .news-item .news-des-item {
    height: 44px;
  }
  .cal-table {
    max-height: 85vh;
  }
  .cal-loan-it:first-child::before{
    width: 0;
  }
  .is_dektop {
    display: none;
  }
  .is_mobile {
    display: inline-block;
    color: #e60021;
    font-size: 14px;
  }
  .form-email {
    display: flex;
    flex-direction: column;
  }
  .form-email > form{
    order: 2;
  }
  .form-email > .footer-top-contact{
    order: 1;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  #header {

    padding: 10px 15px;

  }

  .toggle-menu{

    left: 15px;

  }

  .btn-login{

    font-size: 0;

    background: transparent !important;

    padding: 0;

  }

  .btn-login i{

    display: block;

    color: #000;

    font-size: 24px;

    padding-top: 5px;

  }

  .home-slider .slider-it{

    height: auto;

  }

  .container{

    padding: 0 15px;

  }

  .form-borrow .ip-col {

    margin: 5px 0;

    width: 100% !important;

    padding: 0 15px;

  }

  .form-borrow{

    padding: 0;

  }
  .form-borrow .ip-select {
    height:40px;
  }
  .borrow-submit {

    position: relative;

    color: #fff;

    font-size: 14px;

    padding: 5px;

    width: 100%;

  }

  .form-borrow label{

    margin-bottom: 0;

  }

  .borrow-submit img{

    max-height: 35px;

  }

  .sma-title {

      font-size: 25px;
      margin-bottom: 10px;

  }

  .home-product-title{

    display: block;

  }

  .home-product-title .borrow-navs{

    margin-top: 10px;

    justify-content: center;

  }

  .borrow-navs .nav-link{

    margin: 10px;

    font-size: 16px;

  }

  .borrow-list {

      margin-top: 20px;

  }

  .borrow-info{

    padding: 6px 10px;

  }

  .borrow-info p{

    font-size: 12px;

    line-height: 1.3;

    margin-top: 5px;

  }

  .borrow-info::after{

    width: 20px;

    right: -19px;

  }

  .borrow-link a::after{

    left: -15px;

  }
  .document-list {
    margin:0 -5px;
  }
  .document-list .item-inline {
    width:50%;
    padding:0 5px;
    margin:0 0 10px;
  }
  .borrow-it-bg{

    height: 215px;
    margin-top: 51px;
    border-width: 2px;

  }

  .borrow-info {
    top: -26px;
    right: 19px;
  }
  .borrow-info::after {
    width: 21px;
    right: -20px;
  }

  .home-product {

    padding: 40px 0;

  }

  .product-info p{

    font-size: 14px;
    line-height: 1.8;

  }

  .product-info p span {

    margin: 0 5px;

  }

  .slick-prev {

    left: 0;

  }

  .slick-next {

    right: 0;

  }

  .product-info p {

    font-size: 14px;

  }

  .product-info {

    margin-bottom: 20px;

  }

  .product-it .product-feature a{

    height: auto;

  }

  .product-it .product-des h3{

    font-size: 20px;
    height:auto;

  }

  .product-it .product-des h4{

    font-size: 20px;

  }

  .benefits-info {

    padding: 40px 0 20px;

    width: 100%;

  }

  .benefits-info ul li{

    margin-bottom: 20px;

  }

  .home-news .nav-tabs{

    background: #fff;

    width: 100%;

  }

  .home-news .nav-tabs .nav-link{

    padding: 8px 5px;

    font-size: 16px;

  }

  .home-news-tab-bg{

    width: 100%;

  }

  .news-it .news-info{

    padding: 15px;

  }

  .news-it .news-info .news-date{

    margin-bottom: 10px;

  }

  .home-news{

    padding-bottom: 20px;

  }

  .contact-form-bg {

    padding: 15px 15px 10px;

  }

  .contact-form .sma-title {

    margin-bottom: 10px;

  }

  .form-public .ip-row{

    margin-bottom: 10px;

  }

  .form-public .it-input{

    padding: 10px;

  }

  .ip-row-submit .icon-text{

    top: 15px;

  }

  .contact-form{

    margin-bottom: 30px;

  }

  .contact-it p{

    line-height: 1.3;

  }

  .home-contact .contact-it {

    padding-right: 15px;

  }

  .home-contact .contact-it{

    margin-bottom: 15px;

    text-align: center;

  }

  .contact-phone {

    width: 120px;

    position: relative;

    padding: 10px;

    margin-top: 10px;

    margin: 10px auto 0;

    box-shadow: none;

    width: 100%;

    max-width: 300px;

  }

  .contact-phone img {

    margin-right: 15px;

    max-width: 25px;

  }

  .home-contact {

    padding: 40px 0 30px;

  }

  .home-slider .slick-arrow {

    width: 30px;

    height: 50px;

  }

  .footer-bottom .footer-top-info{

    margin: 5px 0;

  }

  .footer-top {

    margin: 0 -15px 30px;

  }

  #footer-menu{

    margin-bottom: 20px;

  }

  .footer-top-contact{

    margin-top: 20px;

  }

  #footer-menu ul ul {

    margin-top: 10px;

  }

  #footer-menu li li {

    display: block;

    margin-bottom: 5px;

  }

  #footer-menu li {

    margin-right: 0;

    width: 100%;

  }

  .footer-contact {

    padding: 20px 0;

  }

  .footer-contact .sma-title {

    font-size: 20px;

  }

  .page-title{

    padding: 20px 0;

    text-align: center;

  }

  .page-title h1{

    font-size: 13px;

  }
  .car-product-list .product-it .product-feature a {
    height:auto;
  }
  .news-slider-bg {

      padding: 30px 15px 40px;

  }

  .news-slider-it .news-slider-feature {

    /* height: 230px; */

  }

  .news-slider .slick-next{

    right: 0;

  }

  .news-slider .slick-prev{

    left: 0;

  }

  .news-slider .slick-arrow {

    width: 40px;

    background-size: cover;

    height: 40px;

  }

  .section-title {

    font-size: 25px;

    padding-bottom: 10px;

    margin-bottom: 25px;

  }

  .slick-dots li button:before{

    font-size: 10px;

  }

  .news-slider .slick-dots {

    bottom: -30px;

  }

  .general-title li{

    font-size: 14px;

    padding: 0 4px;

  }

  .news-item-big .news-feature-item{

    width: 100%;

    padding-right: 0;

    margin-bottom: 10px;

  }

  .news-item-big .news-info-item {

    width: 100%;

    padding-left: 0;

  }

  .general-title {

    margin-bottom: 20px;

  }

  .news-item .news-feature-item img{

    height: auto;

  }

  .news-item-big .news-info-item h3 {

    font-size: 20px;

  }

  .news-item .news-date, .news-date-item{

    margin-bottom: 10px;

  }

  p{

    line-height: 1.5;

    margin-bottom: 10px;

  }

  .news-item-big .news-link-item{

    text-align: left !important;

  }

  .news-item .news-info-item {

    padding-top: 10px;

  }

  .pagination .page-numbers {

    padding: 4.5px 12px;

  }

  .page-title h1{

    margin-bottom: 0;

  }

  .job-slider-item {

    padding: 15px 15px 60px;

  }

  .job-slider{

    left: 0;

  }

  .job-banner{

    padding: 15px;

    height: 500px;

  }

  .job-slider-item h3 {

    font-size: 25px;

    margin-bottom: 10px;

  }

  .job-slider .slick-arrow{

    bottom: 20px;

  }



  .job-care li .job-care-title{

    display: block;

    padding-bottom: 9px;

  }

  .job-accordion-link {

    margin: 20px 0 0;

    text-align: center !important;

  }

  .job-accordion-link .sma-btn {

    padding: 9.5px 10px;

    max-width: 262px;

    margin-left: 0;

    width: 100%;

    margin-bottom: 10px;

  }

  .accordion-public .card{

    margin-bottom: 15px;

  }

  .agency-slider .contact-it {

    padding-right: 15px;

  }
  .store-custom .contact-phone a {
    padding: 7px;
  }

  .contact-it h3 {
    padding-right: 0;
  }

  .agency-iframe iframe, .fill-store.store-custom{

    height: 300px;

  }

  .agency-form-bg{

    display: block;

  }

  .agency-form .ip-row{

    width: 100%;

    margin: 0 0 10px ;

  }

  .agency-form .form-apply {

    position: relative;

    top: 0;

    right: 0;

    left: 0;

    width: 100%;

  }

  .agency-form .btn-apply {

    width: 100%;

    padding: 12px 10px;

    margin-left: 0;

  }

  .agency-inner{

    padding: 30px 0;

  }

  .car-check-it{

    width: 50%;

    float: left;

    margin-bottom: 10px;

  }

  .car-check-it label{

    font-size: 14px;

    margin-bottom: 0;

  }

  .car-check-it ul {

    margin-top: 10px;

  }

  .car-check-it ul li {

    margin-bottom: 5px;

  }

  .car-check .form-check{

    padding-left: 0;

  }

  .product-it {

    padding: 0 15px;

  }

  .car-product-list .product-it {

    flex: 0 0 100%;

    max-width: 100%;

    margin-bottom: 15px;

  } 

 .page-banner .banner-des h1 {

    font-size: 35px;

    margin-top: 10px;

  }

  .banner-des img{

    max-width: 250px;

  }

  .contact-phone {

    position: relative;

    padding: 10px;

    margin: 10px auto 0;

    box-shadow: none;

    width: 100%;

    max-width: 300px;

  }

  .about-section-1 {

    display: block;

  }

  .about-bg-1 {

    width: 100%;

    margin-bottom: 10px;
    position:static;

  }

  .about-des-1 {

    width: 100%;

  }

  .about-des-1 ul li {

    padding: 0 15px 10px;

    margin: 0;

  }

  .about-des-1 ul{

    margin: 0;

  }

  .about-title-2{

    padding: 20px 0 8px;

  }

  .about-des-2 {

    width: 100%;

    float: none;

    padding: 20px 0;

        max-height: 100%;

  }

  .about-feature-2 {

    position: relative;

    width: 100%;

  }

  .about-des-2 p {

    margin-bottom: 10px;

  }

  .about-achievement {

    padding: 40px 0 80px;

  }

  .sma-title-border{

    font-size: 25px;

  }

  .achievement-slider-it .achievement-date {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .achievement-slider-bg::before{

    top: 78px;

  }

  .achievement-slider-it .achievement-icon {

    width: 120px;

    height: 60px;;

    line-height: 60px;

    margin: 0 auto 10px;

  }

  .achievement-slider .slick-arrow{

    bottom:  -45px;

  }

  .support-top .support-feature {

    position: relative;

    width: 100%;

  }

  .support-top .support-infor-1 {

    padding: 30px 0;

    width: 100%;

    text-align: center;

  }

  .support-top .support-infor-1 p{

    text-align: center;

  }

  .support-link{

    margin-top: 10px;

  }

  .support-link img{

    max-height: 30px;

  }

  .support-contact {

    padding: 30px 0;

  }

  .support-top .support-infor-1 .sma-title-border::after{

    right: 0;

    margin: 0 auto;

  }

  .sp-contact-title p{

    font-size: 16px;

  }

  .sp-form .row-submit{

    display: block;

  }

  .form-capcha {

    margin-right: 0;

    margin-bottom: 15px;

  }

  .form-capcha img{

    width: 100%;

  }

  .sp-form .form-btn{

    width: 100%;

  }

  .sp-form{

    padding-bottom: 30px;

  }

  .sp-contact-bg{

    padding: 20px 15px;

  }

  .support-question .agency-form .ip-row {

    width: 100%;

  }

  .agency-form{

    padding-bottom: 15px;

  }

  .page-title-2 .container{

    display: block;

  }

  .page-title-2 .page-title-link {

    margin-top: 10px;

    display: flex;

    margin: 20px -10px 0;

    justify-content: center;

  }

  .page-title-2 .page-title-link a {

    margin: 0 10px;

    width: 100%;

    min-width: auto;

    padding: 10px 5px;

  }

  .pd-info-item .sma-title-border{

    font-size: 20px;

  }

  .pd-des-item br{

    display: none;

  }

  .pd-info-item{

    padding: 15px;

  }

  .pd-feature-item{

    padding: 50px 15px;

    min-height: auto;

  }

  .pd-function-item  .title-rectage::after{

    display: none;

  }

  .pd-function-item .title-rectage{

    width: 100%;

    margin-bottom: 20px;

  }

  .pd-function-item:nth-child(2) .title-rectage {

    margin-left: 0;

    text-align: left;

  }

  .pd-funtion-it-3{

    margin-bottom: 15px;

  }

  .pd-list {

    padding-bottom: 0;

  }

  .ns-inner{

    padding: 30px 0;

  }

  .ns-custom h3{

    font-size: 20px;

  }

  .ns-custom p{

    text-align: justify;

    margin-bottom: 10px;

  }

  .ns-custom img{

    margin: 20px auto;

  }

  .pay-list-bg{

    padding-top: 20px;

  }

  .pay-feature-item img{

    max-height: 250px;

    margin-bottom: 20px;

  }

  .pay-item{

    margin-bottom: 20px;

  }

  .pay-info-item p{

    text-align: justify;

  }

  .pay-link{

    display: block;

    margin: 20px 0 10px;

  }

  .pay-info-item .sma-title-border{

    font-size: 20px;

  }

  .calculate-slider-it .calculate-slider-des{

    left: 15px;

    right: 15px;

  }

  .calculate-slider-it .calculate-slider-des img{

    max-width: 180px;

  }

  .calculate-slider-des h2 {

    margin: 10px 0 0;

    font-size: 40px;

  }

  .calculate-slider .slick-arrow{

    display: none !important;

  }

  .calculate-slider-it{

    height: auto;

  }

  .borrow-targets li{

    font-size: 16px;

  }

  .calculate-product-same .cal-product-feature {
    height: auto;
  }

  .cal-product-feature img{

    height: auto;
    min-height: 150px;

  }

  .cal-table table{

    width: 900px;

  }

  .cal-table{

    overflow-x:scroll;

  }

  .cal-table td{

    padding: 10px;

  }

  .cal-table th, .cal-table .table-title-small{

    padding: 10px 5px;

  }

  .installment-link {

    margin: 20px 0;

  }

  .cal-same-it {

    flex: 0 0 100%;

    max-width: 100%;

    margin-bottom: 15px;

  }

  .cal-loan-it {

    margin: 0 10px 20px;

    width: auto;
    padding:0;

  }

  .cal-loan-list {

    margin: 0 -10px;

    display: block;

  }

  .question-title{

    display: block;

  }

  .question-all {

    padding-top: 20px;

    display: block;

  }

  .question-list {

    margin-top: 20px;

  }

  .accordion-public-1{

    column-count: auto;

  }

  .cal-product-link a.sma-btn{

        padding: 8px 5px;

  }

  .calculate-borrow .sma-title-border{

    font-size: 20px;

  }

  .cal-product {

    padding: 20px 0;

  }

  .form-info .ip-col {

    align-items: normal;

    flex-direction: column;

    margin-bottom: 10px;

  }

  .form-info .ip-row label {

    margin-right: 0;

    min-width: 130px;

    margin-bottom: 3px;

  }

  .form-info .ip-row-2 {

    margin-bottom: 0;

  }

  .form-info .sma-title-border{

    margin-top: 20px;

    margin-bottom: 20px;

  }

  .reg-slider-radio .slick-arrow{

    display: none !important;

  }

  .reg-submit .form-capcha{

    display: block;

  }

  .reg-submit{

    display: flex;

        flex-wrap: wrap;

  }

  .reg-submit .form-capcha {

    width: 100%;

  }

  .reg-submit .sma-btn {

    font-size: 16px;

    width: calc(50% - 5px);

    margin-right: 5px;

    min-width: auto;

  }

  .reg-submit .form-btn {

    margin-left: 5px;

    width: calc(50% - 5px);

    margin-right: 0;

  }

  .cal-product-feature{

    margin-bottom: 20px;

  }

  .borrow-targets li span {

    margin: 0 10px;

  }

  .borrow-targets li{

    font-size: 14px;

  }

  .borrow-targets {

    margin: 20px 0 20px;

  }
  .contact-info .mCustomScrollbar {
    touch-action: unset
  }

  .show-mobile {
    display: block;
  }
  .hidden-mobile {
    display: none;
  }


}
@media(max-width: 540px) and (min-width: 426px){
  .center-tt {
    top: 50px;
    left: 155px;
  }
  .center-tt span {
    margin-top: 5px;
  }
  .right-tt {
    right: 63px;
    top: 56px;
  }
  .right-tt span {
    margin-top: 31px;
  }
  .left-tt {
    top: 22px;
    left: 55px;
    font-size: 13px;
  }
  .left-tt span:nth-child(1) {
    margin-top: 37px;
  }
  .left-tt span {
    margin-top: 37px;
  }
  .left-tt span:nth-child(3) {
    margin-top: 42px;
  }
  .center-pt {
    bottom: 12px;
    font-size: 13px;
  }
  .center-pt span {
    margin-bottom: 7px;
  }
  /* .left-tt span:nth-child(1) {
    margin-top: 59px;
  } */
  .center-tt-50 {
    top: 78px;
  }
  .right-tt-50 {
    right: 59px;
    top: 53px;
  }
  .right-tt-balloon {
    right: 119px;
    top: 56px;
  }
  .after-tt-balloon {
    right: 20px;
    top: 181px;
  }
  .center-tt-balloon {
    left: 114px;
  }
  .left-tt-balloon {
    left: 31px;
    top: 22px;
  }
  .left-tt-ez {
    top: 58px;
    left: 48px;
  }
  .center-tt-ez {
    top: 76px;
  }
  .right-tt-ez {
    top: 79px;
  }
  
  .center-pt-50 {
    bottom: 38px;
  }
  .left-pt-ez {
    top: 31px;
    text-align: center;
    font-size: 13px;
  }
  .left-tt-50 {
    top: 50px;
  }
  .center-pt-ez {
    bottom: 36px;
  }
  .center-tt-fleet span {
    margin-top: -1px;
  }
  .center-tt-fleet {
    top: 19px;
    left: 180px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 51px;
  }
  .left-tt-fleet {
    left: 105px;
    top: 30px;
    font-size: 12px;
  }
  .left-tt-fleet span {
    margin-top: 107px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    bottom: 99px;
    font-size: 13px;
  }
  .right-tt-fleet span {
    margin-top: 20px;
  }
  .right-tt-fleet {
    top: 27px;
    right: 55px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 71px;
  }
}
@media(max-width: 425px){
  .th-truyen-thong {
    font-size: 11px;
  }
  .sp-truyen-thong {
    font-size: 11px;
  }
  .left-tt {
    left: 48px;
  }
  .left-tt span {
    margin-top: 38px;
  }
  .left-tt span:nth-child(3) {
    margin-top: 36px;
  }
  .center-tt {
    top: 46px;
  }
  .center-tt {
    left: 147px;
    top: 41px;
  }
  .center-tt span {
    margin-top: 10px;
  }
  .right-tt {
    right: 55px;
    top: 43px;
  }
  .right-tt span {
    margin-top: 35px;
  }
  .left-tt span:nth-child(1) {
    margin-top: 45px;
  }
  .left-pt {
    top: 55px;
  }
  .center-pt {
    font-size: 11px;
    bottom: 7px;
  }
  .left-tt-50 {
    top: 34px;
    left: 53px;
  }
  .center-tt-50 {
    top: 70px
  }
  .left-tt-balloon {
    left: 32px;
  }
  .center-tt-balloon {
    left: 110px;
    top: 43px;
  }
  .right-tt-balloon {
    right: 105px;
  }
  .after-tt-balloon {
    right: 8px;
    top: 144px;
  }
  .left-tt-ez {
    top: 50px;
    font-size: 11px;
  }
  .center-tt-ez {
    top: 64px
  }
  .right-tt-ez {
    top: 68px;
  }
  .left-pt-ez {
    top: 20px;
    font-size: 13px;
  }
  .center-pt-50 {
    bottom: 30px;
  }
  .center-pt-ez {
    bottom: 31px;
  }
  .left-tt-fleet {
    left: 82px;
    top: 0;
    font-size: 10px;
  }
  .left-tt-fleet span {
    margin-top: 83px;
  }
  .left-tt-fleet span:nth-child(1) {
    margin-top: 55px;
  }
  .center-tt-fleet {
    top: 14px;
    left: 147px;
  }
  .center-tt-fleet span {
    margin-top: 2px;
  }
  .right-tt-fleet span {
    margin-top: 17px;
  }
  .right-tt-fleet {
    top: 23px;
    right: 35px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 47px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 62px;
  }
  .sp-truyen-thong-fleet .fleet-1 {
    top: 56px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    bottom: 75px;
  }
  .sp-truyen-thong-fleet .fleet-2 {
    bottom: 40px;
    left: 40px;
  }
  .left-pt-fleet {
    top: 35px;
    font-size: 9px;
  }
  .center-pt-fleet {
    font-size: 10px;
    bottom: 22px;
  }
  .center-pt-fleet span:last-child {
    font-size: 10px;
  }
  .left-tt-fleet {
    left: 93px;
  }
  .left-tt-fleet span:nth-child(1) {
    margin-top: 61px;
  }
  .left-tt-fleet span {
    margin-top: 92px;
  }
  .center-tt-fleet {
    top: 16px;
    left: 164px;
  }
  .right-tt-ez span{
    margin-top: 33px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 52px;
  }
  .center-tt-fleet span {
    margin-top: 4px;
  }
  .right-tt-fleet {
    top: 24px;
    right: 37px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 70px;
  }
  .sp-truyen-thong-fleet .fleet-1 {
    top: 63px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    bottom: 84px;
  }
  .sp-truyen-thong-fleet .fleet-2 {
    bottom: 49px;
  }
  .center-pt-fleet {
    bottom: 30px;
  }
  .right-tt-fleet span {
    margin-top: 21px;
  }
}

@media(max-width: 390px){
  .left-tt {
    left: 42px;
  }
  .left-tt span {
    margin-top: 32px;
  }
  .left-tt span:nth-child(1) {
    margin-top: 40px;
  }
  .left-tt span:nth-child(3) {
    margin-top: 30px;
  }
  .center-tt {
    left: 133px;
    top: 39px;
  }
  .center-tt span {
    margin-top: 8px;
  }
  .right-tt span {
    margin-top: 30px;
  }
  .right-tt {
    top: 43px;
  }
  .center-pt {
    bottom: 8px;
  }
  .center-tt-50 {
    top: 64px;
  }
  .center-pt span {
    margin-bottom: 6px;
  }
  .left-tt-balloon {
    left: 25px;
  }
  .center-tt-balloon {
    left: 96px;
    top: 39px;
  }
  .center-pt-balloon {
    bottom: 10px;
  }
  .left-pt-balloon {
    top: 38px;
    font-size: 10px;
  }
  .center-pt-50 {
    bottom: 30px;
  }
  .after-tt-balloon {
    top: 127px;
  }
  .left-tt-ez {
    top: 43px;
    font-size: 10px;
    left: 40px;
  }
  .center-tt-ez {
    top: 59px;
  }
  .right-tt-ez {
    top: 62px;
  }
  .center-pt-ez {
    bottom: 31px;
  }
  .left-tt-fleet {
    left: 84px;
  }
  .left-tt-fleet span:nth-child(1) {
    margin-top: 56px;
  }
  .left-tt-fleet span {
    margin-top: 84px;
  }
  .center-tt-fleet {
    top: 17px;
    left: 151px;
  }
  .center-tt-fleet span {
    margin-top: 2px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 48px;
  }
  .right-tt-fleet span {
    margin-top: 19px;
  }
  .right-tt-fleet {
    top: 22px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 63px;
  }
  .center-pt-fleet {
    bottom: 30px;
  }
}

@media(max-width: 375px){
  .left-tt {
    left: 40px;
    top: 0px;
  }
  .left-tt span {
    margin-top: 33px;
  }
  .left-tt span:nth-child(3) {
    margin-top: 30px;
  }
  .center-tt {
    left: 128px;
    top: 40px;
  }
  .center-tt span {
    margin-top: 7px;
  }
  .right-tt span {
    margin-top: 32px;
  }
  .right-tt {
    right: 45px;
    top: 40px;
  }
  .right-tt span {
    margin-top: 30px;
  }
  .center-pt {
    font-size: 10px;
    bottom: 8px;
  }
  .left-pt {
    font-size: 14px;
  }
  .left-tt-50 {
    top: 25px;
    left: 44px;
  }
  .center-tt-50 {
    top: 63px;
  }
  .center-pt-50 {
    bottom: 26px;
  }
  .left-tt-balloon {
    left: 24px;
  }
  .center-tt-balloon {
    left: 95px;
  }
  .after-tt-balloon {
    right: 2px;
    top: 125px;
  }
  .left-pt-balloon {
    top: 27px;
    font-size: 12px;
  }
  .left-tt-ez {
    top: 37px;
    font-size: 10px;
  }
  .center-tt-ez {
    top: 59px;
  }
  .right-tt-ez {
    top: 60px;
    right: 47px;
  }
  .center-pt-ez {
    bottom: 25px;
  }
  .left-pt-ez {
    top: 13px;
    font-size: 12px;
  }
  .right-tt-balloon {
    right: 85px;
  }
  .left-tt-fleet {
    left: 82px;
    top: 0;
    font-size: 10px;
  }
  .left-tt-fleet span {
    margin-top: 83px;
  }
  .left-tt-fleet span:nth-child(1) {
    margin-top: 55px;
  }
  .center-tt-fleet {
    top: 14px;
    left: 147px;
  }
  .center-tt-fleet span {
    margin-top: 2px;
  }
  .right-tt-fleet span {
    margin-top: 17px;
  }
  .right-tt-fleet {
    top: 23px;
    right: 35px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 47px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 62px;
  }
  .sp-truyen-thong-fleet .fleet-1 {
    top: 56px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    bottom: 75px;
  }
  .sp-truyen-thong-fleet .fleet-2 {
    bottom: 40px;
    left: 40px;
  }
  .left-pt-fleet {
    top: 35px;
    font-size: 9px;
  }
  .center-pt-fleet {
    font-size: 10px;
    bottom: 31px;
  }
  .center-pt-fleet span:last-child {
    font-size: 10px;
  }
}

@media(max-width: 360px){
  .center-tt {
    left: 123px;
    top: 35px;
  }
  .left-tt {
    left: 38px;
  }
  .right-tt span {
    margin-top: 27px;
  }
  .center-pt {
    bottom: 8px;
  }
  .center-tt-50 {
    top: 59px;
  }
  .center-pt-50 {
    bottom: 26px;
  }
  .left-tt-balloon {
    left: 22px;
  }
  .center-tt-balloon {
    left: 89px;
  }
  .center-tt-ez {
    top: 55px;
  }
  .center-pt-ez {
    bottom: 27px;
  }
  .left-tt-fleet {
    left: 79px;
  }
  .left-tt-fleet span {
    margin-top: 76px;
  }
  .center-tt-fleet {
    left: 140px;
    top: 16px;
  }
  .sp-truyen-thong-fleet .fleet-3 {
    bottom: 56px;
  }
  .center-tt-fleet span {
    margin-top: 1px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 40px;
  }
  .right-tt-fleet {
    top: 20px;
  }
  .right-tt-fleet span {
    margin-top: 17px;
  }
  .right-tt-fleet span:last-child {
    margin-top: 58px;
  }
  .center-tt-fleet span:last-child {
    margin-top: 43px;
  }
  .center-pt-fleet {
    bottom: 27px;
  }
  .left-tt-ez {
    top: 41px;
    font-size: 9px;
    left: 39px;
  }
  .right-tt-ez {
    top: 59px;
  }
  .left-tt-fleet {
    font-size: 9px;
    left: 80px;
    top: -2px;
  }
  .left-tt-fleet span {
    margin-top: 80px;
  }
}

@media(max-width: 350px){

  .home-news .nav-tabs .nav-link{

    font-size: 14px;

  }

  .pd-funtion-bg-3 {

    padding: 15px;

  }

}

.cal-product-link a.sma-btn{

      padding: 8px 5px;

}