#nav-mobile, .show-mb, .dropdown-content, #my-slider-mb {
  display: none;
}
@media screen and (max-width: 1180px) {.bg-account-type{height: 560px;}}

@media screen and (max-width: 1100px) {
.join-text br { display:none}
.about-tab a { font-size:34px;}
.leasing-top p br, .rate-box-mb p br { display:none}
.bg-process-leasing img { width:100%}
 .owl-carousel { width:89% !important; margin:0 auto !important}
.leave{margin: 0 0 35px 0}
.renewable-type-wallet {height: 480px;}
.bg-renewable-type {height: 700px;}
}



@media screen and (max-width: 1024px) {
	.text-head { font-size:40px}
  .join-index-box::before {
    width: 92.5%;
  }
  .contact-form .btn-refresh {
    margin-left: 43px;
  }
  .about-tab a {
    padding-top: 32px;
    line-height: 40px;
  }
  .process-leasing-box {
    padding-left: 0;
  }
  .bg-process-hire .process-leasing-box, .bg-process-account .process-leasing-box {
    padding-left: 40px;
  }
  .bg-process-hire .process-leasing-box img, .bg-process-account .process-leasing-box img {
    width: 100%;
  }
  .service-item h3 {
    font-size: 26px;
    line-height: 23px;
  }
  .bg-news-detail {
    padding-bottom: 60px;
  }
  .news-detail-right .btn-service {
    width: 130px;
    padding-left: 17px;
    padding-right: 17px;
  }
  .csr-caption {
    line-height: 22px !important;
  }
	.bg-type-leasing {
		height: 617px;
	}
	.bg-account-type {
        height: 570px !important;
	}
	.bg-renewable-type {
    	height: 720px !important;
	}
}

@media screen and (max-width: 980px) {
	.bg-account-top { height:auto; padding-bottom:35px;background-size:cover}
  .position-detail-inner h2 {
    float: none!important;
  }
  .position-detail-outer {
    margin-top: 20px;
  }
  .container {
    width: 94%;
  }
  #nav-desktop{
    display: none !important;
  }
   .hide-desktop {
    display: block!important;
  }
  #nav-mobile {
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    position: fixed;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  #mobile-logo {
    margin-top: 14px;
    width: 150px;
  }
  .mobile-menu {
    float: right;
    list-style: none;
    margin-bottom: 0;
  }
  .mobile-menu li {
    float: left;
  }
  .mobile-menu a {
    display: block;
  }
  .mobile-menu .lang a {
    background-color: #006baf;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    padding: 25px 18px;
    text-decoration: none;
  }
  .mobile-menu .btn-dropdown {
    margin: 25px 0 0 29px;
    position: relative;
    width: 27px;
  }
  .dropdown-content {
    list-style: none;
    position: fixed;
    left: 0;
    top: 72px;
    z-index: 900;
    background-color: #fff;
    width: 100%;
    padding-left: 0;
    display: none;
  }
  .dropdown-content a {
    padding: 17px 28px 13px;
    display: block;
    font-size: 23px;
    color: #000;
    font-family: "PSL Kittithada Pro ( )";
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
  }
  .dropdown-content a:hover {
    color: #e22123;
  }
  .dropdown-content li {
    border-bottom: 1px solid #e6e6e6;
  }
  .dropdown-content .sub-dropdown-content {
    list-style: none;
    padding-bottom: 17px;
    display: none;
  }
  .dropdown-content .sub-dropdown-content li {
    border-bottom: 0;
  }
  .dropdown-content .sub-dropdown-content a {
    padding: 0;
  }
  .far-top {
    margin-top: 73px;
  }
  .arrow-down, .arrow-up {
    float: right;
    margin-top: 11px;
  }
  .about-index-box {
    margin-top: 0;
  }
  .service-pad-left, .news-right {
    padding-left: 0 !important;
  }
  .service-pad-right {
    padding-right: 0 !important;
  }
  .service-index-box {
    margin-top: 21px !important;
  }
  .underline {
    margin-bottom: 32px;
  }
  .pad-60 {
    padding: 30px 0 70px !important;
  }
  .news-left {
    margin-top: 0;
  }
  .join-index-box {
    padding: 0 10px;
  }
  .join-index-box::before {
    width: 95.7%;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  #join-index-text {
    text-align: center;
  }
  #join-index-text .text-head {
    text-align: center;
  }
  .bg-join-us .underline {
    margin-left: auto;
  }
  .show-mb {
    display: block;
  }
  .contact-map {
    margin: 2px 18px 0 0;
    float: left;
  }
  #img-tower {
    width: 100%;
  }
  .contact-tower, .contact-form, .contact-form .input-pad-right {
    padding: 0 !important;
  }
  .contact-form .form-group {
    margin-right: 0;
    margin-left: 0;
  }
  .news-left {
    padding-right: 0 !important;
  }
  #contact_email {
    margin-top: 10px;
  }
  .open-time {
    margin-top: 16px;
  }
  footer {
    background-color: #fff;
  }
  .footer-menu-no-pad {
    padding-left: 0;
  }
  .copy-right-text {
    float: none !important;
    margin-bottom: 20px;
  }
  .copy-right {
    text-align: center;
  }
  .history-mb .thumbnail {
    background-color: transparent;
  }
  .history-mb .thumbnail img {
    width: 100%;
  }
  .history-mb .thumbnail h3 {
    font-family: "PSL Kittithada Pro ( )";
    color: #006baf;
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 5px;
  }
  .about-list .thumbnail {
    padding-top: 30px;
  }
  .tab-network {
    margin-top: 60px;
  }
  .leasing-top p br {
    display: none;
  }
  .process-leasing-box img {
    width: 100%;
  }
  .type-leasing-box-mb {
    padding: 0 10px !important;
	margin-bottom:40px;
  }
  .type-leasing-box-mb p br {
    display: none;
  }
  .rate-box-mb p br {
    display: none;
  }
  .tab-heading {
    background-color: #fff !important;
    color: #666666 !important;
    font-size: 17px;
    padding-top: 0;
    padding-bottom: 0;
    transition: 0.3s;
  }
  .tab-heading:hover {
    background-color: #006baf !important;
    color: #fff !important;
  }
  .tab-heading a {
    text-decoration: none;
    padding: 20px 15px 20px 0;
    display: block;
  }
  .panel-group .panel + .panel {
    margin-top: 0;
  }
  .tab-position-detail h3 {
    font-family: "PSL Kittithada Pro ( )";
    font-weight: bold;
    font-size: 25px;
    margin-top: 10px;
  }
  .tab-position-detail .red {
    color: #e22123;
  }
  .tab-position-detail h4 {
    font-size: 17px;
    font-family: 'tahoma';
  }
  .tab-position-detail ul {
    padding: 0 0 0 13px;
    font-family: 'tahoma';
    font-size: 14px;
    color: #666666;
    line-height: normal;
    list-style: none;
  }
  .tab-position-detail p { font-size:14px !important; font-family: 'tahoma'; }
  .tab-position-detail li::before {
    margin: 20 6px 3px -13px;
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #006baf;
    border-radius: 50%;
    margin: 0 8px 2px -13px;
  }
  .position-menu .list-group-item.active .arrow, .btn-back-box {
    display: none;
  }
  .position-detail-outer {
    padding-left: 0;
  }
  .position-detail-outer .nummber {
    float: none !important;
  }
  .position-detail-outer input[type=text] {
    margin-bottom: 10px;
  }
  .position-detail-outer textarea {
    margin-top: 10px;
  }
  .position-detail-outer .form-group {
    margin-bottom: 0;
  }
  .position-menu {
    padding-right: 0;
  }
  .bg-renewable-type {
    height: 835px !important;
  }
  .renewable-type-wallet {
    height: 650px;
  }
	
}

@media screen and (max-width: 800px) {
  .banner-caption-mb, .banner-caption-2 {
    width: 80%;
  }
  .banner-caption-mb img, .banner-caption-2 img {
    width: 100%;
  }
  .banner-caption-2 h1 {
    font-size: 52px;
  }
  .line-height-37 {
    line-height: 32px;
  }
  .txt-45 {
    font-size: 30px;
  }
  .banner-caption-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .join-index-box::before {
    width: 95%;
  }
  .join-index-box h2 {
    left: 32px;
  }
  .bg-benefit ul img {
    margin: 0 auto 10px;
    display: block;
  }
  .bg-benefit li {
    text-align: center;
  }
  .breadcrumb {
    display: none;
  }
	.box-b{
	margin-top: 0;
	margin-left: 0;
	}
	
	.bg-benefit {
		height: 615px;
	}
	.bg-process-hire {
    	height: 515px;
	}
	.bg-account-type {
        height: 390px !important;
	}
	.bg-benefit-hire{
		height: 760px;
	}
	.bg-benefit-account{
		height: 514px !important;
	}
	.renewable-type-wallet {
    height:705px;}
	.bg-renewable-type {
    height: 900px !important;}
	
}
@media screen and (max-width: 768px) {
	.bg-account-type {
    height: 600px !important;
}
}

@media screen and (max-width: 736px) {
 .owl-carousel { width:85% !important; margin:0 auto !important}
	.bg-type-leasing {
		height: 650px;
	}
	.clear-tow {
	clear: both;
	}
	.bg-renewable-type {
    height: 920px !important;}
	
	.renewable-type-wallet {
    height:740px !important;}
	
	
}

@media screen and (max-width: 640px) {
	.account-type-wallet {
    height: 500px;
}
	.bg-account-type {
    height: 707px !important;
}
  .dropdown-content {
    height: 313px;
    overflow-x: scroll;
  }
  .banner-caption-2 h1 {
    font-size: 41px;
  }
  .txt-45 {
    font-size: 22px;
  }
  .line-height-37 {
    line-height: 24px;
  }
  .join-index-box::before {
    width: 94%;
  }
  .contact-form .btn-refresh {
    margin-left: 7px;
  }
  .history-mb, .far-top {
    padding-top: 30px;
  }
  .about-tab li img {
    margin-top: -10px;
  }
  .about-tab a {
    padding-top: 17px;
    line-height: 35px;
  }
  #about-tab1 a {
    padding-top: 51px !important;
  }
  #homesection {
    padding-top: 0;
  }
  .bg-benefit li {
    margin-top: 15px;
  }
  .contact-form-position input[type="text"], .contact-form-position textarea {
    margin-bottom: 10px;
  }
  .contact-form-position textarea {
    margin-top: 10px;
  }
  .contact-form-position .form-group {
    margin-bottom: 0;
  }
  .bg-type-leasing {
    height: 730px;
  }
  .bg-renewable-type {
    height: 1125px !important;}
   .renewable-type-wallet {
    height: 935px !important;}
}

@media screen and (max-width: 414px) {
	.text-head { font-size:36px} 
	.about-index-box h2 br { display:none}
	.join-index-box h2 { font-size:22px !important}
	.about-index-box h2 { font-size:32px;}
	.owl-carousel { width:100% !important}
  .dropdown-content {
    min-height: 382px;
    height: auto;
  }
  #my-slider {
    display: none;
  }
  #my-slider-mb {
    display: block;
  }
  .banner-caption-2 {
    padding: 20px 17px;
  }
  .banner-caption-2 h1 {
    font-size: 50px;
    line-height: 44px;
  }
  .banner-caption-2 .line-height-37 {
    line-height-step: 30px;
  }
  .banner-caption-2 .txt-45 {
    font-size: 30px;
  }
  .bg-about {
    background-image: url("../images/about/bg-about-mb.jpg");
  }
  .about-index-box h2 {
    top: 31%;
  }
  .about-index-box a:hover h2 {
    top: 22%;
  }
  .service-index-box h2 {
    top: auto;
  }
  .service-index-box a:hover h2 {
    bottom: 19px;
    top: auto;
  }
  .bg-news-page {
    background-image: url("../images/news_event/bg_event-mb.jpg");
  }
  .bg-join-us {
    background-image: url("../images/join_us/bg-join-mb.jpg");
    min-height: 738px;
  }
  #join-index-text p br {
    display: none;
  }
  .join-index-box::before {
    width: 90%;
  }
  .join-index-box h2 {
    top: auto;
  }
  .bg-contact-us {
    background-image: url("../images/contact/bg_contact_mb.jpg");
  }
  .contact-map {
    width: 44%;
  }
  #row-minus {
    margin-right: -8%;
  }
  .contact-form .btn-refresh {
    display: block;
    float: none;
    margin-left: 0 !important;
    width: 100%;
  }
  .contact-form .btn-refresh::before {
    content: '';
    display: block;
    clear: both;
  }
  .footer-menu-box {
    padding: 25px 0;
  }
  .history-mb .col-xs-6 {
    width: 100% !important;
  }
  .about-tab a {
    line-height: 30px;
    font-size: 34px;
    padding-top: 23px;
  }
  #about-tab1 a {
    padding-top: 39px !important;
  }
  .about-tab li img {
    margin-top: -15px;
  }
  .bg-leasing-top {
    background-image: url("../images/our-service/bg-leasing-mb.jpg");
  }
  .bg-process-leasing {
    background-image: url("../images/our-service/bg-process-mb.jpg");
    min-height: 715px;
    height: auto;
    padding-bottom: 30px !important;
  }
  .process-leasing-box {
    float: none;
    width: 100%;
    margin-top: 240px;
    padding-right: 0;
  }
  .bg-leasing-top h1 {
    font-size: 30px;
  }
  .bg-process-leasing ul {
    padding-left: 13px;
  }
  .bg-process-leasing img {
    margin-bottom: 26px;
  }
  .bg-type-leasing, .bg-account-type {
    background-image: url("../images/our-service/bg-type-mb.jpg");
    min-height: 538px;
    height: auto;
    padding-bottom: 30px !important;
  }
  .type-leasing-box-mb {
    width: 100%;
    padding: 0;
  }
  .bg-type-leasing .type-leasing-border {
    border-left: none;
    margin-top: 20px;
  }
  .bg-benefit, .bg-benefit-hire {
    background-image: url("../images/our-service/bg-benefit-mb.jpg") !important;
    min-height: 515px;
    height: auto;
    padding-bottom: 30px !important;
  }
  .bg-benefit .col-xs-6, .bg-benefit-hire .col-xs-6 {
    width: 100%;
    margin-top: 300px;
  }
  .bg-benefit .underline, .bg-benefit-hire .underline {
    margin-bottom: 27px;
  }
  .bg-benefit ul li, .bg-benefit-hire ul li {
    margin-top: 0;
    margin-bottom:40px;
  }
  .bg-rate {
    background-image: url("../images/our-service/bg-rate-mb.jpg");
    min-height: 545px;
    height: auto;
    padding-bottom: 30px !important;
  }
  .bg-rate .btn-service {
    width: 48%;
    padding: 8px 0;
  }
  .bg-process-hire .process-leasing-box, .bg-process-account .process-leasing-box {
    padding-left: 0 !important;
  }
  .bg-account-type .col-xs-6 {
    width: 100%;
  }
  .bg-news {
    background-image: url("../images/news_event/bg_event-mb.jpg");
  }
  .bg-news .owl-wrapper {
    transition: none !important;
    transform: none !important;
  }
  .bg-news .owl-item {
    float: none !important;
  }
  .bg-news .owl-controls {
    display: none !important;
  }
  .news-detail-img {
    height: auto;
  }
  .news-detail-img img {
    position: relative;
    width: 100%;
  }
  .news-detail-right .btn-service {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .bg-csr-detail {
    background-image: url("../images/news_event/bg_event-mb.jpg");
  }
  .csr_detail_col {
    width: 100%;
  }
  .bg-position {
    background-image: url("../images/join_us/bg_position-mb.jpg");
  }
  #career_file {
    margin-bottom: 10px;
  }
  .type-leasing-border-right{
	border: none;
  }
  .topvender{
	margin-top: 230px;
	}
  .bg-benefit-account{
	height: 890px !important;
	}
  .bg-type-leasing  {
   	 min-height: 655px;
    }
	.bg-account-type{height: 1000px!important}
	.bg-account-type .col-xs-4 {
     width: 100%;
	}
	.account-type-wallet {
     height: 120px;
	}
	.bg-process-vendor-1 {
    background-image: url("../images/our-service/vendor_finance-03-mb.jpg");
    height: 570px;
	}
	.bg-process-vendor-2 {
    background-image: url("../images/our-service/vendor_finance-04-mb.jpg")!important;
    height: 745px;}
	.bg-benefit-hire {
    background: url("../images/our-service/bg-vendor_finance-01-mb.jpg") top center no-repeat !important;
    height: 1150px;}
	.col-xs-6 {
    width: 100%;}
	.type-renewable-box-mb {
    width: 100%;}
	.renewable-type-wallet {height: 360px !important;}
	.bg-renewable-type {height: 1380px !important;}
	


}


@media screen and (max-width: 360px) {
	.bg-leasing-top {
    	height: 380px;
	}
	.bg-type-leasing {
    	min-height: 770px;
	}
	.bg-account-type{height: 1050px!important}
	.bg-renewable-type {
    	height: 1480px !important;
	}
}



@media screen and (max-width: 320px) {
	.bg-type-leasing h2, .bg-benefit h2, .bg-rate h2, .bg-process-account h2 {
		font-size: 25px;}

	
  .banner-caption-2 {
    width: 290px;
  }
  .bg-about .about-index-box h2 {
    top: 10%;
  }
  .bg-about .about-index-box a:hover h2 {
    top: 8%;
  }
  .news-left .thumbnail, .news-right .thumbnail {
    padding-left: 22px;
    padding-right: 22px;
  }
  .join-index-box h2 {
    font-size: 25px;
    line-height: 21px;
  }
  .contact-map {
    width: 43%;
  }
  .about-tab a {
    line-height: 23px;
    font-size: 27px;
  }
  .about-tab li img {
    margin-top: -18px;
  }
 .bg-leasing-top {
    height: 395px;
  }
  .history-mb, .far-top {
    padding-top: 65px;
  }
  .bg-hire-top {
    height: 385px;
  }

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
element {

}
.history-mb, .far-top {

    padding-top: 65px;

}
.history-mb, .far-top {

    padding-top: 30px;

}
.far-top {

    margin-top: 73px;

}
.bg-account-top {
	background: url(../images/service/bg-account-mb.jpg) repeat center;
    height: 400px;
  }
.bg-type-leasing, .bg-account-type {
   	min-height:700px;
    }
	.renewable-type-wallet {height: 420px !important;}
	.bg-renewable-type {height: 1600px !important;}
}
/*# sourceMappingURL=responsive.css.map */