<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*@media only screen and (max-width: 1400px){
	.pad-menu&gt;a{ font-size: 20px;}
}*/

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

	.pad-menu{margin-left: 0px;}


	.info-promotion&gt;h3{font-size: 40px !important;/* margin-top: -28px; */}

	/*crm*/
	.crm .head-item-contact{padding-left: 0px;}
	/*news*/
	.news .news-paper .item-news { height: 470px;}
	.news .news-item-group .item-news {/* height: 430px; */}
	.product-promotion-slide{/* height: 315px; */}
	/*about*/
	.about .board-item {/* height: 650px; */}
	/*feet*/
	#carrent-info .owl-dot {height: 90px!important; }
}


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

	.navbar-right{float: right!important;font-size: 18px !important;}
	.navbar-header{/* width: 35%; */}
	.pad-menu{/* margin-left: 20px; */}
	.title-bar{padding-left: 80px; padding-right: 80px;}
	.product-promotion-slide{/* height: 380px; *//* width: 100%; */}
	.info-promotion&gt;b{/* font-size: 85px; */}
	/*.navbar-right{width: 65%;}*/
	/*.navbar-header{width: 35%;}*/
	.home-about-company{
    /* margin:  0; */
}
	.pic-logo&gt;img{height: auto !important;width: 100%;}
	.menu-brn-crm a{/* font-size: 18px; */}
	.itemsmall-car{margin-top: 20px;}
	.promotion-in-slide{margin-top: 20px;}
	.title-menu{/* padding-left: 80px !important; *//* padding-right: 80px !important; */font-size: 18px !important;}
	.wrap-content{ padding: 0 75px !important;}
	.pad-menu&gt;a{font-size: 24px;}
	.info-promotion{font-size: 25px;}
	.info-promotion&gt;a{/* font-size: 24px; */}

	.promotion .owl-nav{margin-top: -14.5% !important;}
	.heads-car2{/* font-size: 16px; */}
	.info-car2{/* font-size: 18px; */}
	.content-for-booking h5{/* font-size: 18px !important; */}
	.promotion-in-slide{margin-top: 20px;}
	.item-service{/* height: 65%; *//* width: 100%; */}
	.item-service&gt;p{font-size: 18px;}
	.infomation-car-item{/* padding-left: 10px; */}
	/*about*/
	.board-item img{width: 100%; height: auto;}
	/*crm*/
	.crm .item-contact .head-item-contact{width: 30%;}
	.crm .item-contact input{width: 70%;}
	.crm .item-contact input.input-code{width: 45%;}
	/*news*/
	.news .news-paper .item-news { height: 450px;}
	.news .news-item-group .item-news {/* height: 400px; */}
	/*feet*/
	.content-detail-car .text-nor,.content-detail-car .text-imp{/*font-size: 20px;*//* font-size: 18px; */}
	.content-detail-car .text-alt{/*font-size: 22px;*/font-size: 20px;}

	


}
@media only screen and (max-width: 1300px){
	/*.header-menu{font-size: 19px;}*/
	/*.tel-num{font-size: 19px;}*/
	/*.title-bar{height: 32px;}*/
	.menu-brn-crm a {/* font-size: 17px; */}

	.wrap-content{padding: 0 65px !important;}
	.navbar-header{/* width: 30%; */}
	.pic-logo img {/* width: 100%; *//* height: 50px; */}
	#bg-content-1,#bg-content-3{/* background-size: 98.0% 100%; */}
	.product-promotion-slide{/* height: 360px; *//* width: 100%; */}
	/*social*/
	.social  .item-news{height: 480px;}
	/*crm*/
	.crm .reports-item{/* height: 400px; */}
	.crm .contact-copany h5,.crm .contact-employee h5{/* font-size: 28px !important ; */}
	/*about*/
	.about .board-item {/* height: 630px; */}
	/*feet*/
	#carrent-info .owl-dot {height: 85px!important; }

}
@media only screen and (max-width: 1280px){
	#carrent-info .line-for-info {position: absolute;top: 67%;height: 29%;}
}
@media only screen and (max-width: 1199px){

	#myCarousel1{/* margin-top: 110px !important; */}
	#product-item&gt;.carousel{height: 50%;}
	#product-item{width: 94%;}
	.product-promotion-slide .owl-item.active.info-carrent
	{
		width: 400px !important;
		text-align:  center;
	}
	.info-promotion&gt;b span
	{
		right: 20px;
	}
	.pad-menu&gt;a
	{
		font-size: 22px;
	}
	.info-promotion .carname-wrapper
	{
		height: 66px;
		height: calc(22px*1*3);
	}
	.title-menu{/* padding-left: 15px !important; *//* padding-right: 15px !important; */}
	.title-bar{ padding-left: 0px !important; padding-right: 0px !important;}
	.pic-logo img{margin-top: 2px !important;height: 45px;}
	.header-site .navbar-nav&gt;li{padding-top: 6px;}
	.navbar-right{ float: right!important;font-size: 20px !important;}
	.pad-menu{padding-top: 0px;margin-left: 0px;}
	.pic-logo&gt;img{height: 70% !important;}
	.wrap-content {padding: 0 6px !important; }
	.info-promotion&gt;div&gt;h3{
		font-size: 22px !important;
		max-height: 66px;
		max-height: calc(22px*1*3);
		padding-left: 5px;
	}

	#product-item { margin: 0px; }
	.product-promotion-slide{height: 320px;/* width: 95%; *//* margin-left: 5px; */}

	.info-promotion&gt;b{font-size: 5em;}
	.info-promotion&gt;h3{font-size: 28px !important;margin-top: -24px;}
	.info-promotion&gt;a{/* width: 31%; *//* top: 85%; *//* font-size:24px; */}

	.slide-control,.slide-control&gt;div{/* padding:0px !important; */}
	#social-1,#social-2 {/* background-size: auto 100%; */}
	/*.row{padding: 0 0px !important;}*/
	.pro-car{padding-left: 2% !important;padding-top: 0px !important;}
	.pro-car&gt;h2{margin-top: 0px !important; font-size: 32px !important;}/**/
	.pro-car&gt;h4{font-size: 25px !important;}/**/
	.pro-text{font-size: 16px;}
	.mix-content&gt;div&gt;h2{/* font-size: 30px !important; */}/**/
	#bg-content-1&gt;.mix-content{margin: 0 -10px;}
	.mix-content&gt;p{/* line-height: 20px; *//* font-size: 18px */}
	#bg-content-2{ padding-right: 6px;}
	.content-normal{font-size: 20px;}
	#bg-content-3&gt;.mix-content{margin-left: -9px;width: 110%;}
	#bg-content-4&gt;div&gt;h2{font-size: 30px !important;}
	#bg-content-4&gt;div&gt;p{font-size: 22px !important;}
	#social-1{/* border :2px solid #fff; */}
	#social-2{border :2px solid #fff;}
	#social-1&gt;div&gt;h2{/* font-size: 26px !important; */}
	#social-2&gt;div&gt;h2{font-size: 26px !important;}
	#foot-contect{/* margin-top: 10px; */}
	#foot-contect-filter&gt;div&gt;h2{font-size: 32px !important;}
	.contant-box{/* font-size: 22px !important; *//* margin-top: 15px; */}
	.foot-add{padding-left:10px !important;font-size: 16px !important;}
	.foot-social{/* padding-right:10px !important; */}
	#social-1&gt;div&gt;h2&gt;a,#social-2&gt;div&gt;h2&gt;a{/* font-size: 30px; */}
	/*about*/
	.menu-about{font-size: 20px;}
	/*promotion*/
	.booking-con&gt;div{width: 100% !important; margin-left: 0% !important;}
	.promotion .banner-promotion{margin-top: 9%;}
	/*social*/
	.social .tab-social-group{margin-right: 15px !important ;margin-left: 15px !important; }
	/*feet*/
	.feet .banner-promotion{/* margin-top: 9%; */}
	/*crm*/
	.crm .partner-news .item-news{height: 350px;}
	/*about*/
	.about .board-item {/* height: 615px; */}
	
	

}
@media only screen and (max-width: 1100px){

	.product-promotion-slide{/* height: 330px; */}
	#social-1,#social-2{/* height: 250px; */}
	#social-1&gt;div&gt;h2,#social-2&gt;div&gt;h2{/* margin-top: 25%; */}
	.info-promotion{font-size: 28px;}
	.info-promotion&gt;b{/* font-size: 4.5em; */}
	.info-promotion&gt;h3{font-size: 28px !important;margin-top: -24px;}
	.info-promotion&gt;a{/* width: 35%; *//* top: 85%; *//* font-size:26px; */}
	.bord-foot {/* width: 42%; *//* float: left; *//* margin-left: 5%; */}
	/*crm*/
	.crm .menu-brn-crm a{font-size: 14px;/* line-height: 1; */position: relative;top: 50%;transform: translateY(-50%);}
	.crm .menu-brn-crm{height: 45px;}

	.feet .choose-intro&gt;div{width: 33.333% !important;float: left;}
	.feet .total-detail&gt;div{padding: 0px !important ;}
	.feet .infomation-car-item .content-for-booking{width: 100%;/* margin-bottom: 20px; */}

	/*crm*/
	.crm .rating th:nth-child(1){width: 46%;}
	.crm .rating th:nth-child(2){width: 27%;}
	.crm .rating th:nth-child(3){width: 27%;}
	.crm .item-contact .head-item-contact{width: 35%;}
	.crm .item-contact input{width:65%;}
	.crm .item-contact input.input-code{width: 40%;}
	/*about*/
	.about #all-positions .positions_stucture{display: none;}
	.about #all-positions .position_picture{display: block;width: 100%;height: auto;}
	.about #all-positions .position_picture img{width: 100%; height: auto;}
	.about #all-positions {width: 100%;height: auto;margin-bottom: 80px;}
	/*.about #all-positions {
		background-image: url(../picture/stucture-position.png);
		background-repeat: no-repeat;
		background-size: 100%;
    	width: 100%;
	}*/
	.pad-menu&gt;a
	{}
}
@media only screen and (max-width: 991px){
	/*.header-menu{font-size: 18px;}*/
	/*.tel-num{font-size: 18px;}*/
	/*.title-bar{height: 30px;}*/
	.title-menu{
		height:auto;
	}
	.finish-detail, .personal-summary
	{
		width:100%;
		padding:  10px 0;
	}
	.input-booking
	{
		font-size:18px;
	}
	.form-thai-booking .clearing
	{
		padding-right:  0;
	}
	.form-document
	{
		margin-left:0;
		width: 60%;
		padding-right:  0;
	}
	.document-page .content-in-tab .tab-info-alert
	{
		padding: 15px;
		width: 40%;
	}
	.man-menu ul a
	{
		font-size:18px;
		line-height:  normal;
	}
	.man-menu
	{
		padding-left:  0;
	}
	.about .board-item a
	{
		font-size: 22px;
	}
	.board-item p
	{
		font-size: 17px;
	}
	.item-service&gt;p
	{font-size: 15px;}
	.item-service&gt;h3
	{
		font-size: 28px !important;
	}
	.news-title
	{
		font-size: 16px;
		max-height: 45px;
		max-height: calc(16px * 1.4 * 2);
	}
	.news-detial
	{
		font-size:14px;
		max-height: 79px;
		max-height: calc(14px * 1.4 * 4);
	}
	.crm .menu-brn-crm
	{
		width: 23.5%;
	}
	.pic-logo
	{
		margin: 3px 0;
	}
	.contact-wrapper
	{padding: 10px 0;/* width:  50%; */margin-bottom: 20px;border: 1px solid #015dab;width:  100%;}
	.thankyou-message .thank-text
	{
		font-size: 10rem;
	}
	.thankyou-message .you-text
	{
		font-size: 22rem;
	}
	.logo-contact-img
	{
		width: 100%;
		text-align:  center;
		margin-bottom: 15px;
	}
	.logo-contact-img img
	{
		max-width:100px
	}
	.contact-add .contact-detail
	{
		width: 100%;
		margin:  0 auto;
		float:  none;
	}
	.contact-add&gt;.row
	{
		width: 49%;
		float:  left;
		margin:  0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.contact-add&gt;.row:first-child
	{
		margin-right:2%;
	}
	.form-for-contact, .contact-add
	{
		width:100%
	}
	.contact-add
	{
		display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
	}
	.thankyou-wrapper
	{
		padding-top: 81px;
		padding-bottom: 94px;
		min-height: 630px;
	}
	.reservations-thankyou
	{
		margin-bottom:-94px
	}
	.product-promotion-slide .owl-item.active.info-carrent
	{
    width: 370px !important;
    /* transform: scale(1.5); */
}
.foot-add&gt;span
{
	font-size: 14px !important;
}
	.discript1, .discript1 span, .discript1 p
	{
		font-size: 42px;
		max-width: 720px;
		bottom: 10%;
	}
	.product-promotion-slide .info-promotion
	{
		/* width:33%; */
	}
	.con-pic-slide
	{
	width: 40%;
	}
	.promote-box .slideer-img .a-list
	{
		height:250px;
	}
	.pro-car
	{
		width:60%;
	}
	.home-footer-contact .col-sm-4.col-sm-offset-1, .home-footer-contact .col-sm-4.col-sm-offset-2
	{
		margin-left:  0;
		width:  50%;
		float:  left;
	}
	.home-about-services
	{
		-webkit-clip-path: polygon(100% 0, 100% 96%, 50% 100%, 0 96%, 0 0);
		clip-path: polygon(100% 0, 100% 96%, 50% 100%, 0 96%, 0 0);
		padding-bottom: 45px;
	}
	.social-box
	{
		width: 50%;
	}
	.social-section .social-box .txt-socials h2 a
	{
		font-size: 24px !important;
	}
	.product-promotion-slide .bg-promotion, .product-promotion-slide .info-promotion
	{
		width: 33%;
	}
	#myCarousel1{
		margin-top: 82px !important;
		-webkit-clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
		clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
		/* padding-bottom: 45px; */
	}
	.info-promotion&gt;b span
	{
		font-size: 22px;
		/* top: -3px; */
		right: 45px;
	}
	.navbar-inverse .navbar-nav&gt;li&gt;a
	{
		padding: 10px;
		/* color: white !important; */
		/* text-align:  center; */
	}
	.product-promotion-slide{height: 285px;}
	.navbar-right{font-size: 23px !important;}
	.nav-menu-header{
		width:100%;
		padding: 5px 15px;
		background-color: #f1f1f1 !important;
		max-width:  500px;
		margin:  0 auto;
		float: none !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.header-site .navbar-nav&gt;li
	{
		width:100%;
		padding:  0;
	}
	.pro-text{font-size: 20px;}
	.pro-text .hl-text{font-size: 22px;}
	.pro-text h4{font-size: 28px !important;}
	.pro-text h4{font-size: 30px !important;}
	#foot-contect{/* height: 340px; */}
	.owl-theme .owl-nav.disabled+.owl-dots{top: 85%;}
	.tel-num{width: 30% !important;}
	.header-menu{width: 70% !important;}
	.navbar-header{width:100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify !important;-webkit-justify-content: space-between !important;-ms-flex-pack: justify !important;justify-content: space-between;padding: 0 15px;}
	.navbar-toggle
	{
		display:block;
		/* flex-basis: 100%; */
	}
	
	.social-box&gt;div
	{
		height: 80px;
		margin:  5px 0;
	}
	.owl-theme .owl-dots .owl-dot span
	{
		margin: 3px !important;
		width: 7px !important;
		height: 7px !important;
	}
	.navbar-header:before, .navbar-header:after
	{
		display:none;
	}
	.pad-menu&gt;a{
    /* font-size: 17px; */
	}
	.navbar-collapse.collapse
	{
		display: none !important;
		height:  0 !important;
		transition: 0.8s;
		float: left;
		margin:  0 auto;
		/* 		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important; */
		padding-right:  0;
		width: 100%;
		padding: 0 15px;
	}
	.navbar-collapse.collapse.in
	{
		height:  auto !important;
		/* 		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 15px; */
		display: block !important;
	}
	.pic-logo img
	{
    /* height: 50px; */
}
	.info-promotion{font-size: 24px;}
	.info-promotion&gt;b{font-size: 4.6em;}
	.info-promotion&gt;h3{font-size: 24px !important;margin-top: -18px;}
	.info-promotion&gt;a{/* width: 38%; *//* top: 80%; */font-size: 19px;padding: 2px 25px;bottom: 15px;}

	.about .board-item {/* height: 630px; */}
	.about .banner-promotion,.promotion .banner-promotion,.feet .banner-promotion,.contact .banner-promotion,.social .banner-promotion
	,.team .banner-promotion,.service .banner-promotion,.news .banner-promotion,.crm .banner-promotion{margin-top: 85px;}

	#social-2{/* background-position: 48% top; */}
	#social-1{/* background-position: 56% top; */}


	.mix-content&gt;p {font-size: 22px;}
	#social-1&gt;div&gt;h2, #social-2&gt;div&gt;h2{/* margin-top: 45%; */}

	/*promotion*/
	.promotion .owl-nav{margin-top: -20% !important;}
	.promotion .carousel{height: 50%;}
	/*contact*/
	.detail-for-contact{padding: 20px 0px;margin-bottom: 15px;}
	.contact .item-contact&gt;div&gt;img{width: 100%;height: auto;}
	.contact .contact-add p{font-size: 18px;word-wrap:  break-word;}
	.contact .contact-add h5{font-size: 18px !important;}
	.contact .contact-add img{width: 100%;height: auto;}
	.feet input[type=time], .jqui .timepicker, .feet input[type=date], .jqui .datepicker, .feet select{background-image: none;font-size: 20px;}
	/*feet*/
	.feet .text-nor,.feet .txt-price{font-size: 20px;}
	.feet .form-thai-booking label{font-size: 18px;padding-top:5px;}
	.feet .txt-payment{position: relative;margin-top: 20px;}
	#carrent-info .owl-dot {height: 80px!important; }
	.feet .more-content {/* padding: 0px; */}
	.feet .intro-car-detail{width: 45%;}
	.feet .infomation-car-item{padding-left: 0px;}
	.price-wrapper .content-for-booking h5
	{font-size:  20px !important;}
	.content-for-booking&gt;h5&gt;strong
	{
		font-size: 32px;
	}
	.feet .total-detail{width: 55%;}
	.feet #carrent-info .total-detail{width: 50%;}
	.feet .line-for-info{left: 45%;}
	.feet #carrent-info  .line-for-info{left: 50%;}
	.feet .img_show_slide img {height: auto;max-width: 100% !important;}
	/*crm*/
	.crm .fin-info-detail&gt;a{font-size: 18px;}
	.investor p{
		font-size: 14px;
	}
	.crm .fin-info-head{width: 60% !important}
	.crm .fin-info-detail{width: 40% !important}
	.crm .reports-item{/* height: 365px; */width: 33.333%;}
	.crm .banner-promotion{/* margin-top: 11%; */}
	.crm .item-contact .head-item-contact{width: 100%;}
	.crm .item-contact input{width:100%;}
	.crm .item-contact input.input-code{width: 70%;}
	.crm .contact-copany h5,.crm .contact-employee h5{font-size: 20px !important;}
	/*news*/
	.news .news-paper .item-news { height: 420px;}
	.news .news-item-group .item-news {/* height: 350px; */}

}
@media only screen and (max-width: 880px){
	.search-txt-show { width: 23% !important;}
	.about .banner-promotion,.promotion .banner-promotion,.feet .banner-promotion,.contact .banner-promotion,.social .banner-promotion
	,.team .banner-promotion,.service .banner-promotion,.news .banner-promotion,.crm .banner-promotion{/* margin-top: 13%; */}
	#carrent-info .owl-dot {height: 75px!important; }
	#carrent-info #date-loca-box{width: 80%;}
}
@media only screen and (max-width: 870px){
	.product-promotion-slide{/* height: 250px; */width: 100%;}
	.pic-logo img{/* margin-top: 20px; */}
	.navbar-header{/* width: 30%; *//* float: left; */}
	.navbar-collapse{/* width: 70%; *//* float: left; */}
	.pad-menu&gt;a{/* font-size: 20px !important; */}
	/*.navbar-toggle{display: block;}*/
	.nav-menu-header{/* display: block; */}
	.pic-logo{/* margin-top: 0px; *//* width: 100%; *//* float: left; */}
	.promote-box{/* padding:0px !important; */}
	.header-menu{/* font-size: 16px; *//* width: 73% !important; */}
	.tel-num {/* width: 27% !important; *//* font-size: 16px; */}
	.search-txt-show { width: 21% !important; }
	.title-bar{height: 50px;}

	.slideer-img .owl-carousel .owl-item img{height: 100%;width: auto;}
	.con-pic-slide{/* height: 380px; */}
	.owl-theme .owl-dots .owl-dot span{margin-top: -20px;}
	.slide-control{padding-left:15px !important;padding-right:15px !important;}
	.product-promotion-slide{margin-left: 0px;}
	.promote-box .owl-theme .owl-nav.disabled+.owl-dots{top: 90%;}

	.info-promotion{font-size: 22px;}
	.info-promotion&gt;b{/* font-size: 48px; */}
	.info-promotion&gt;h3{font-size: 22px !important;margin-top: -15px;}
	.info-promotion&gt;a{/* width: 38%; *//* top: 80%; *//* font-size:22px; */}
	.product-promotion-slide .info-promotion{/* left: 3.4%; *//* top: 19%; */}
	.bg-promotion{left: 2%;}

	.wrap-content&gt;div{width: 100% !important;}
	.contant-box{/* font-size: 22px !important; *//* margin-top: 10px; */}
	#contect-01-box,#contect-02-box{/* width: 46% !important; *//* margin-left: 20px; */float: left;}
	.foot-add{padding-left: 20px !important;}
	.foot-social{/* padding-right: 20px !important; */}
	#bg-content-1,#bg-content-2,#bg-content-3,#bg-content-4{/* margin-top:30px; *//* background-position: left top; *//* background-size:100%; *//* overflow: hidden; */}
	#bg-content-3&gt;.mix-content,#bg-content-1&gt;.mix-content{margin-left: -15px;}
	#bg-content-2{padding-right: 0px;padding-left: 0px;}
	.set-pad-size{padding-right: 0px !important;padding-left: 0px !important;}
	.nav&gt;li&gt;a{padding: 10px 10px !important;}

	/*about*/
	.about .all-menu-about{margin-top: 25px;}
	.about  .menu-about{margin-bottom: 10%;}
	.history-content p, .history-content li{font-size: 18px;}
	.pro-content p{/* font-size: 18px; */}
	.vules-content p{font-size: 20px;}
	.vules-content p span{font-size: 28px;}
	.about .menu-about-box { padding:0px 5px !important; }
	.about .news_leader p{font-size: 20px;}
	.about .main-header&gt;h4{font-size: 30px !important;}
	.about .board-item {/* height: 590px; */}
	.about .main-header{margin-top: 20px;}
	/*promotion*/
	.booking-info{padding-left: 0px !important;padding-right: 0px !important;}
	.booking-con&gt;div{margin-left:5px !important;margin-right:5px !important;width: 100% !important;padding-left: 0px !important;padding-right: 0px !important;}
	.promotion .content-pro div{font-size: 16px;}
	.booking-info{font-size: 18px;}
	.booking-con h4{font-size: 26px !important;}
	.booking-con span{font-size: 32px !important;}
	/*promotion*/
	.promotion .owl-nav{margin-top: -23% !important;}
	/*contact*/
	.contact .contact-add p{/* font-size: 16px; */}
	.contact .contact-add h5{/* font-size: 26px !important; */}
	/*feed
	.feet .choose-intro&gt;div{width: 33.333% !important;float: left;}
	.feet .form-feet&gt;div{width: 32.5% !important;float: left;}
	.feet .form-feet&gt;div&gt;select{width: 100%;}
	.feet .form-feet&gt;div&gt;button{width: 100%;}
	.feet .form-feet .jqui{margin-top: 10px;}
	.feet .form-feet .jqui input {width: 100%;margin-top:5px !important;margin-bottom: 5px !important;}
	#intro-form { height: 145px; }
	#intro-form form&gt;div{padding-right: 0px !important; padding-left: 0px !important; margin-left: 1px; margin-right: 1px;}
	.feet .form-feet .jqui{ margin-top: 5px;}
	.feet select{font-size: 16px;}
	.feet input[type=date] ,.jqui .datepicker ,
	.feet input[type=time] ,.jqui .timepicker {font-size: 16px;}
	.feet .btn-next-step{font-size:16px;}*/
	.feet .form-feet&gt;div{width: 32.5% !important;float: left;}
	.feet .form-feet&gt;div&gt;select{width: 100%;}
	.feet .form-feet&gt;div&gt;button{width: 100%;}
	.feet .form-thai-booking&gt;div{/* width: 100% !important; */}
	.feet .form-thai-booking .pad-input_02{/* margin-right: 40px; */}
	.feet .payment-item{/* height: 180px; */}
	.feet .payment-form label{font-size: 18px;line-height: 1;}
	#carrent-info .owl-dot {width: 24%!important; }
	.feet .all-carrent-info{padding: 0px !important;}
	.content-detail-car .text-nor,.content-detail-car .text-imp{/* font-size: 18px; */}
	.content-detail-car .text-alt{font-size: 20px;}
	/*crm*/
	.crm .down-report{display: flex;margin:5px auto;}
	.crm .bg-fin-year{height: 200px;}
	.crm .reports-item{/* height: 320px; */}
	.crm .reports-item p, .reports-item a{font-size: 18px;}
	.crm .rating table{font-size: 18px;}
	.crm .doc-item{width: 33.3333333%;float: left;}
	.crm .item-contact input.input-code{width: 60%;}
	.crm .menu-all-crm{/* margin-top: 14px; */}
	.crm .menu-brn-crm{/* width: 18.5%; */margin-left: 0.75%;margin-right: 0.75%;margin-bottom: 1.5%;}


}

@media only screen and (max-width: 767px){
	.tel-num{display: none;}
	.infomation-car-item&gt;.info-car, .infomation-car-item&gt;div&gt;.info-car, .infomation-car-item&gt;.heads-car, .infomation-car-item&gt;div&gt;.heads-car
	{
		width: 50%;
		flex-basis:  auto;
	}
	.finish-detail, .personal-summary
	{
		width:100%;
		border-bottom: 1px solid #015dab;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.finish-summary
	{
		padding: 0;
	}
	.feet .form-thai-booking label, .form-thai-booking input[type=text]
	{
		width: 100%;
	}
	.feet .form-thai-booking&gt;div
	{
		float:  left;
		width: 100%;
		padding:  0;
	}
	.form-document
	{
		float:  left;
		padding: 0;
	}
	.form-thai-booking
	{
		margin-top:20px;
	}
	.feet .banner-promotion
	{
		height:  300px !important;
	}
	.content-detail-car h4
	{
		text-align:center;
		border-top: 1px dotted #015dab;
		padding-top: 15px;
	}
	.content-detail-car h4, .finish-summary h4
	{
		border-top:none;
	}
	.header-menu { width: 100% !important; }
	.navbar-header{width: 100%;padding: 0 15px;}
	.pic-logo{/* width: 65%; */margin-top:  0;}
	.navbar-collapse{background-color: #fff;width: 100%;float: left}
	.navbar-nav{width: 100%;margin: 10px auto;max-height: 310px;overflow:  auto;}
	.nav&gt;li&gt;a{padding: 10px 10px;}
	.promote-box{
		margin-bottom:  0;
	}
	.modal-body
	{
		padding:15px;
	}
	.his-content table
	{
		font-size:18px;
	}
	.home-about-services
	{
		padding-top:25px;
	}
	.item-service
	{
		height;
		width: 100%;
	}
	.item-service&gt;p
	{}
	.item-service&gt;h3
	{
		font-size: 28px !important;
	}
	.choose-intro span.help
	{
		font-size: 16px;
	}
	.choose-intro
	{
		min-height:0;
		margin-bottom: 0 !important;
	}
	.info-car2
	{
		margin-left: 0px;
	}
	.content-for-booking&gt;p{
		padding-left:  0;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.thankyou-message&gt;p
	{
		padding: 5px 15px;
		font-size: 18px;
	}
	.thankyou-message .thank-text
	{
		font-size: 7rem;
	}
	.thankyou-message .you-text
	{
		font-size: 15rem;
	}
	.thankyou-message .gohomebtn
	{
		font-size: 16px;
		padding: 7px 25px;
		margin-top: 15px;
	}
	.thankyou-wrapper
	{
		padding-top: 81px;
		padding-bottom: 142px;
		min-height: 570px;
	}
	.reservations-thankyou
	{
		margin-bottom: -142px;
	}
	.info-promotion .carname-wrapper
	{
		padding-right: 40%;
	}
	.info-promotion&gt;b
	{
		font-size: 5.5em;
	}
	.info-promotion&gt;b span
	{
		top: 0;
		font-size: 25px;
		right: 50px;
	}
	.item-of-feet&gt;div:first-child
	{
    width:  100%;
    text-align:  center;
    margin-bottom: 15px;
}
	.item-of-feet&gt;div&gt;img
	{
		max-width:300px;
		height:auto;
	}
	.product-promotion-slide .owl-item.active.info-carrent
	{
		/* width:  8% !important; */
		width: 400px !important;
	}
	.navbar-collapse.collapse
	{
		/* max-height: 200px; */
		/* overflow: auto; */
		padding: 0 15px;
	}
	.home-about-company&gt;div, #bg-content-1{
		min-height: 0;
		padding: 25px 0 !important;
	}
	.to-aboutpage
	{
		font-size: 20px;
		padding: 5px 30px;
	}
	.mix-content
	{
		padding: 30px;
	}

	.social-box:nth-child(2n-1) .txt-socials
	{
		margin-left: 50%;
	}
	.promote-box&gt;div
	{
		width: 100%;
	}
	.promote-box&gt;div.pro-car
	{
		max-width: 640px;
		margin: 20px auto 0;
	}
	.txt-socials
	{
		width: 50%;
	}

	.product-promotion-slide .slide-promotion
	{
		width: 400px;
		right: 2%;
	}
	.product-promotion-slide .slide-promotion .owl-stage-outer
	{
	position: relative;
	right: 15%;
	}
	.product-promotion-slide .owl-carousel .owl-stage
	{
		right:  initial;
	}
	.product-promotion-slide .slide-promotion .owl-item.info-carrent img
	{
		width: 100%;
		opacity: 1;
		bottom: 50%;
	}

	.product-promotion-slide .bg-promotion, .product-promotion-slide .info-promotion{
    width:  250px;
    height: 250px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
	.title-menu{/* padding-left: 0px !important; *//* padding-right: 0px !important; */}
	.header-site .navbar-nav&gt;li{padding-top: 0px;}
	.pad-menu:hover, .pad-menu-active{border-top: 0px solid #fff;background-color: #fff;}
	.pic-logo img{margin-top: 0px !important;height: 55px;}
	.navbar-toggle{/* margin-top: 15px; */} /*set defult is margin-top:8px*/
	.respons-slide-home{display: block;}
	.carousel-wrap{-webkit-clip-path: polygon(100% 0, 100% 91%, 55% 91%, 50% 100%, 45% 91%, 0 91%, 0 0);
    clip-path: polygon(100% 0, 100% 91%, 55% 91%, 50% 100%, 45% 91%, 0 91%, 0 0);}

	#myCarousel { display: block !important;padding: 0px 0px;height: 240px;}
	#myCarousel1{/* margin-top: 50px !important; *//* background-size: auto 100%; */height: 70vh !important;}
	.discript1, .discript1 span, .discript1 p{font-size: 36px !important;text-align: center;/* margin-top: 220px; *//* right:20px; */max-width: 100%;}
	.carousel-caption&gt;img{ height: 100px !important;}


	.slideer-img .owl-carousel .owl-item img{height:auto;width:100%;}
	.con-pic-slide{height: auto;}

	#show-pro{ display: block; }
	#product-item{display: none;}
	.icon-check{
		padding-right: 10px;
		padding-left: 25px;
	}
	.pro-car { padding-left: 2% !important;padding-top: 10px;}
	.pro-text {font-size: 22px;line-height: 30px;}
	#bg-content-1,#bg-content-2,#bg-content-3,#bg-content-4{background-size: cover !important; padding:0px;background-size: 100% 100%;background-position: center top;margin-top: 30px;}
	#bg-content-3&gt;.mix-content{    margin-left: 0px;width: 100%;}
	.mix-content&gt;p{font-size: 20px;line-height: 1.6;padding-left: 20px;padding-right: 20px;}
	.mix-content&gt;div&gt;h2{/* padding-top: 30px; */font-size: 28px !important;}
	.content-normal{ font-size: 22px;}
	#bg-content-4&gt;div&gt;p{ font-size: 24px !important;}
	#bg-content-4&gt;div&gt;h2{font-size: 36px !important;}
	.service-pic{ background-position: center bottom;background-size: 100% auto;}
	#social-1{/* height: 40%; *//* background-position: left top; *//* background-size: auto 110%; */}
	/*#social-1&gt;div&gt;h2{ font-size: 32px !important;padding-top: 20%;text-align: right;}*/
	#social-2{/* height: 40%; *//* background-position: right top; *//* background-size: auto 110%; */}
	/*#social-2&gt;div&gt;h2{ font-size: 32px !important;padding-top: 20%;text-align: left;}*/
	#social-1&gt;div&gt;h2, #social-2&gt;div&gt;h2{/* margin-top: 45%; */}
	.product-promotion-slide{/* display: none; */height: 270px;}
	#foot-contect{/* height: 455px; *//* padding-right:0px !important; *//* padding-left:0px !important; */padding: 0 0 15px;}
	#foot-contect-filter&gt;div&gt;h2{font-size: 22px !important;padding-top: 10px;}
	.contant-box {/* margin-top: 20px; *//* font-size: 25px; */line-height: 35px;/* margin-left: 15px; *//* margin-right: 15px; */}
	#contect-01-box, #contect-02-box, .bord-foot.contant-box{/* width: 50% !important; *//* margin: 0; */}
	.home-footer-contact .row&gt;.contant-box
	{
		padding: 10px;
	}
	.foot-add{padding: 10px !important;font-size: 18px !important;text-align:  center;width: 50%;}
	.foot-social{/* padding-right: 10px !important; */text-align:  center;width: 50%;}
	.foot-social&gt;span
	{
	margin: 0 10px;
	}
	.title-menu{/* font-size: 20px; *//* padding-left:5px !important; *//* padding-right:5px !important; *//* height:30px; *//* width:100%; */}
	.title-bar{ display:block;text-align: right;}
	.header-menu{margin-top: 0px;}
	.tel-num{display: none;}
	.thumb-txt { display:none;}
	.discript{ display:none;}
	.menu-all{ display:none;}
	.menu-control{ display:block;}
	.slides-show { height: 500px;width: 100%;}
    /*slide*/
	.toggle-nav { display: none;}
	.menu-wrapper { display: block;float: right;min-width: 30%;}
	.menu-wrapper li {float: left;}
	.menu-item {display: block;padding: 0 10px;line-height: 50px;color: #999;}
	.filter-select {display: none;}
	.work-item {width: 50%;float: left;}
	.thumb {margin: 0 8px 15px;}
	#bg-content-1&gt;.mix-content,#bg-content-2&gt;.mix-content{margin-top: -20px;}
	.pro-text{/* font-size: 17px; */}
	.pro-car{margin-top: 20px;}
	/*#social-2&gt;div&gt;h2,#social-1&gt;div&gt;h2{padding-top: auto;}*/

	/*about*/
	#board .line-blue2{width: 75%;}
	.pro-content{ border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px; margin-top: 30px; }
	.vules-wrapper{width: 50%;float: left;}
	.all-man-content{height: auto;margin-bottom: 100px;margin-top: 20px;}
	.man-content{ border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px; margin-top: 30px; }
	.about .pro-content{padding-left: 15px;}
	.about .news_leader p{font-size: 20px;}
	.about .main-header{padding-right: 15px; padding-left: 15px;}
	.about .his-head&gt;div{padding:0px !important;}
	.about .board-item {width: 50%;float: left;/* height: 620px; */}
	.about .main-header{/* margin-top: 50px; */}
	/*service*/
	.cc_padding_right,.cc_padding_left{padding-right: 0px; padding-left: 0px;}
	.item-service:nth-last-child(1), .item-service:nth-last-child(2){margin-bottom: 0px;}
	.sv-content{border-bottom: 1px solid rgba(0,0,0,0.1);height:  auto;padding-bottom: 80px !important;}
	.item-service:nth-child(2n)
	{
		margin-bottom: 30px;
	}
	.service .sv-detail&gt;div{padding: 0px !important;}
	.service .img-sv{padding-right: 15px;}
	.main-header{
		padding:0 15px;
		margin-top: 20px;
	}
	.main-header.col-sm-12
	{
		width:100%;
	}
	.service .img-sv-detail {padding-left: 0px;}
	/*news*/
	.news .news-pic {/* width: auto; *//* height: 100% !important; *//* float: left; */}
	.news .news-title,.news .news-detial{display: table;padding-left: 10px;}
	.news .news-paper .item-news { height: 180px;}
	.news .news-item-group .item-news {/* height: 180px; */width: 50%;}
	.news .item-news{/* padding:0px !important; */}
	.news .news-detail{padding:0px !important;}
	.news .img-news-detail { margin-top: 30px;}
	.news .content-news{margin-bottom: 50px;}

	/*promotion*/
	#slid-promotion{margin-left: -15px !important;margin-right: -15px !important;}
	.header-text{width:50%;float: left;}
	.promotion .content-pro div{font-size: 18px;}
	.booking-info{font-size: 20px;}
	.booking-con h4{font-size: 30px !important;}
	.booking-con span{font-size: 36px !important;}
	.booking-con{padding-left: 20%;}
	.pro-item-txt02{font-size: 16px;letter-spacing: 0.3px;}
	.promotion .carousel{height: 80%;}
	/*contact*/
	.contact .contact-us-head{padding:0px !important;}
	.contact .contact-us{padding:0px !important;}
	.contact .main-header{padding-right: 15px; padding-left: 15px;}
	.contact .item-contact&gt;div{width:20%;float: left;}
	.detail-for-contact input[type=text], .detail-for-contact textarea, .detail-for-contact select{width: 80%;max-width: 80%;min-width: 80%;}
	.contact .item-contact&gt;.code-input{width: 50%;display: block;float: left;margin-bottom: 20px;}
	.contact .btn-contact-all{display: inline-block;}
	.contact .item-contact .img-code-confirm{width: 30%;}
	.contact .btn-contact-all{width: 100%;}
	.contact .contact-add .contact-detail{/* width: 80% !important; *//* float: left; *//* display: inline-block; */}
	.contact .contact-add .logo-contact-img{/* width: 20% !important; *//* display:block; *//* float: left; */}
	/*team*/
	.team .main-header{padding-left: 15px; padding-right: 15px;}
	/*social*/
	.social .tab-contents{font-size: 20px;}
	.social .tab-contents&gt;li{width: 50%;}
	.social .nav-tabs&gt;li&gt;a{height: 60px !important; padding-top: 6% !important;}
	.social .main-header{ padding-right: 15px; padding-left: 15px;}
	.social  .item-news{height: 280px;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 20px;}
	.social .news-pic{width: 40%; height: auto; float: left;}
	.social .news-title {width: 57%; float: right; }
	.social .news-detial {width: 57%; float: right; }
	.social .news-read {width: 50%;float: right;}
	.social .csr-slide,.social .social-detail,.text-csr-news{padding: 0px !important;}
	.social #csr-slider{display: none;}
	.social #csr-slider01{display: block;z-index:100;}
	.social .pic-csr-news div{width: 15%; float: left; padding: 5px !important;}
	/*feet*/
	.feet .item-of-feet{/* padding: 0px!important; */padding-bottom:  0;}
	.feet .line-item-car{display: none;}
	.feet .more-content{width: auto;float: left;display: block;margin-bottom: 5px;/* padding:0px !important; */}
	.feet .more-icon-img{width: 100%;float: left;}
	.feet .heads-car2{width: 100%;float: left;text-align: center;}
	.feet .content-for-booking{/* display: inline-block; */width: 40%;height:auto;text-align:  center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;background-color: #efefef;}
	.feet .content-for-booking .book-btn{margin-bottom: 15px;margin-top: 5px;}
	.feet .intro-text-feet{font-size: 14px;}
	.feet .header-car-info img {width: 100%; height: auto;}
	.feet .selected-date {display: flow-root;}

	.feet .infomation-car-item{/* padding-left: 15px; */width: 100%;/* background-color: #e8e8e8; */padding-top: 10px;max-width: 540px;margin:  0 auto;}
	.feet .infomation-car-item .content-for-booking{margin-top: 10px;}
	.feet .line-for-info{display: none;}
	.feet .total-detail,.feet .total-detail&gt;div{padding:0 !important;}
	.feet .header-car-info,.feet .infomation-car-item&gt;div{padding:0 !important;/* margin-bottom: 15px; */float:  none;}
	.feet .content-detail-car .text-imp{text-align: right;}
	.price-wrapper
	{
		margin-top:  0;
		margin-bottom: 25px;
	}
	.information-icon-group
	{
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.feet .infomation-car-item&gt;div.header-item
	{
		margin-bottom: 10px;
		text-align:  center;
	}
	.feet .txt-price{text-align: right;width: 30%;margin-bottom: 8px;}
	.feet .content-detail-car .text-nor,.feet .content-detail-car .text-nor{font-size: 20px;}
	.feet .line-for-detail {width: 100%;}
	.feet .detial-date{/*height: 100px;font-size: 16px;padding: 10px !important;*/}
	.feet .content-in-tab .wrap-content{padding: 0px 15px !important;}
	.feet .document-page .content-in-tab .tab-info-alert{width: 100% !important;/* left: 50%; */margin: 15px auto 0;/* transform: translateX(-50%); */float:  none;}
	.feet .form-thai-booking&gt;div&gt;div {/* display: grid; */}
	.feet .form-thai-booking .input-tel-num .input-booking{width: 70%;}
	.feet .form-thai-booking select{height: 30px;}
	.feet .pad-input{margin-right: 15px;}
	.feet .form-thai-booking .pad-input_02{/* margin-right: 15px; */width: 100%;}
	.form-thai-booking textarea{
		max-width:100%;
	}
	.feet .information-car-page .more-content&gt;img{height: 40px !important;width: auto;}
	.feet .title-txt{width: 70%;float: left;}
	.feet .btn-read-tab{ margin-left: 95%;}
	.feet .payment-item{/* height: 150px; */}
	.feet .payment-form{width: 100%;}
	.feet .payment-form&gt;div{margin-bottom: 15px;}
	.feet .payment-form label{width: 30% !important;float: left;font-size: 18px;line-height: 1;}
	.feet .payment-form input{width: 70% !important;}
	.feet .payment-form select{width:34%; margin-bottom: 0px;}
	.feet .total-payment{top: 0%; transform: unset; height: auto;}
	.feet #payment-info .panel-body{height: auto;}
	.feet .total-group{/* display: flow-root; */max-width: 540px;margin: 5px auto;}
	.feet .content-detail-car{margin-bottom: 50px;}
	.feet #dd-right{clear: right;}
	.feet #dd-teft{/* clear: left; *//* height: 50px; */}
	.feet #date-loca-box{/* height:60px; */}
	#carrent-info .owl-dots{display: inline-block;}
	#carrent-info .owl-dot{width: 32% !important;margin-bottom: 10px;height: 100px!important;}
	#carrent-info .content-detail-car&gt;.title-txt{width: 100%;}
	.content-detail-car .text-alt{font-size: 20px;}
	.feet .total-detail{width: 100%;float:  left;}
	.feet .intro-car-detail{width: 100%;float:  left;padding:  0;}
	.feet #carrent-info .total-detail{width: 100%;}
	#carrent-info #date-loca-box{width: 60%;}
	#carrent-info #date-loca-box .detial-date{width: 48%;}
	.img_show_slide {height:450px;}
	/*crm*/
	.crm .main-header{/* margin-top: 70px; */padding-left: 15px;padding-right: 15px;}
	.crm .report-y{/* padding-left: 15px; *//* padding-right: 15px; */}
	.crm .reports-item{/* height: 340px; */width: 50% !important;float: left;}
	.crm .fin-info-detail{width: 25% !important;}
	.crm .fin-info-head{width: 75% !important;}
	.crm .space-line{height: 0px;}
	.crm .bg-fin-year .main-header{margin-top: 20px;}
	.crm .fin-year-tab {padding:0px !important;}
	.crm .partner-news .item-news{height: 350px;width: 33.333%;float: left;}
	.crm .rating{margin-top: 80px;padding:0px;}
	.crm .rating th:nth-child(1){width: 40%;}
	.crm .rating th:nth-child(2){width: 30%;}
	.crm .rating th:nth-child(3){width: 30%;}
	.crm .rating .table&gt;tbody&gt;tr&gt;td{height: 65px;padding-left:5%;}
	.crm .analyst-info{margin-bottom: 30px;}
	.crm .doc-item{width: 50%;float: left;}
	.crm .doc-item p, .doc-item a{font-size: 20px;}
	.crm .item-contact .head-item-contact{width: 30%;float: left;}
	.crm .item-contact input{width:70%;}
	.crm .item-contact input.input-code{width: 35%;float: left;}
	.crm .header-for-contact{margin-top: 30px;}
	.crm .contact-copany h5,.crm .contact-employee h5{font-size: 18px !important;}
	.crm .contact-copany{margin-top: 10px;}


}
@media only screen and (max-width: 640px){
	.bg-banner{
	/* width: 50%; */
	left: 20%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 20%;
	}
	.personal-summary .document-for-rent
	{
		
	}
	.crm .table&gt;tbody&gt;tr&gt;td:first-child
	{
		width: 70% !important;
	}
	.personal-summary .personal-detail
	{
		padding:  0;
		padding-bottom:  15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #015dab;
	}
	.car-detail-innerwrapper
	{border:0;}
	.car-image, .car-detail
	{
		width:100%;
		border-bottom: 1px solid #015dab;
		padding-bottom:  15px;
		margin-bottom:  15px;
	}
	.finish-message&gt;p.remark, .finish-message&gt;p
	{
		font-size:18px;
		line-height:1.2;
	}
	.car-image img
	{
		max-width: 250px;
		border: 0;
	}
	.foot-page&gt;div{
		width:100%;
	}
	.about .dpd .dropdown-menu, .crm .dpd .dropdown-menu
	{
		max-height: 250px;
		overflow-y: auto;
	}
	.social-section .social-box .txt-socials h2 a
	{
		font-size: 20px !important;
		letter-spacing: 0;
	}
	.respons-slide-home{height: 280px;}
	.choose-intro span
	{
		margin-bottom:10px
	}
	.choose-intro span.help
	{
		font-size: 16px;
	}
	.bg-product-car-pro .item-slid-respons span b{font-size: 30px;}
	.bg-product-car-pro .item-slid-respons span{font-size: 24px;}
	.bg-product-car-pro .item-slid-respons h5{font-size: 28px !important;}
	.bg-product-car-pro .bg-show-info{left: 10%;height: 235px;width: 235px;}
	.respons-slide-home img{height: 70%;}
	#social-1&gt;div&gt;h2, #social-2&gt;div&gt;h2{/* margin-top: 55%; */}
	#contect-01-box, #contect-02-box {width: 100% !important;max-width: 400px;margin:  0 auto;float:  none;margin-bottom: 20px;}
	.product-promotion-slide .slide-promotion .owl-stage-outer
	{
		right: 0;
	}
	.feet .choose-intro&gt;div:last-child
	{
    width:  100% !important;
    margin-top: 30px;
}
	.home-about-services .title, .home-promotion .title
	{
		font-size: 32px !important;
	}
	/*about*/
	#board .line-blue2{width: 100%;}
	.about .dpd{margin-top: 20px;}
	.main-header{/* margin-top: 70px; */}
	.vules-content p{font-size: 20px;}
	.vules-content p span{font-size: 30px;line-height: 1.3;}
	.about .all-man-content{padding:0px !important;}
	.about .board-item {/* height: 580px; */}
	/*service*/
	.sv-content{padding-left: 0px; padding-right: 0px; }
	/*promotion*/
	.promotion .owl-nav{margin-top: -29% !important;}
	.promotion .carousel{height: 70%;}
	/*social*/
	.social .main-header&gt;h4{font-size: 30px !important;}
	.social .csr-box{width: 100%;}
	.social .csr-box{padding:15px;}
	.social .csr-box h3{ font-size: 28px !important;margin-top: 5px;}
	.social .csr-box p{font-size: 18px;}
	/*feed*/
	.feet .main-header&gt;p{font-size: 22px;}
	.feet .choose-intro&gt;div{width: 50% !important;float: left;}
	.feet .form-feet&gt;div{width: 32.5% !important;float: left;}
	.feet .form-feet&gt;div&gt;select{width: 100%;}
	.feet .form-feet&gt;div&gt;button{width: 100%;}
	.feet .form-feet .jqui{margin-top: 10px;}
	.feet .form-feet .jqui input {width: 100%;margin-top:5px !important;margin-bottom: 5px !important;}
	#intro-form { height: 145px; }
	#intro-form form&gt;div{padding-right: 0px !important; padding-left: 0px !important; margin-left: 1px; margin-right: 1px;}
	.feet .form-feet .jqui{ margin-top: 5px;}
	.feet select{font-size: 20px;}
	.feet input[type=date] ,.jqui .datepicker ,
	.feet input[type=time] ,.jqui .timepicker {font-size: 20px;}
	.feet .btn-next-step{font-size: 20px;}
	.payment-item:hover .txt-payment, .payment-item:active .txt-payment, .payment-item:focus .txt-payment, .payment-active .txt-payment{ font-size: 24px;}
	#carrent-info .owl-dot{background-size: 75%;height: 85px!important;}
	.img_show_slide {height:350px;}
	/*news*/
	.news .news-paper .item-news { height: 580px;}
	.news .news-item-group .item-news ,.news .news-paper .item-news{ height: auto;} /*520*/
	.news .news-item-group .item-news .news-read,.news .news-paper .item-news .news-read{/* display: table; */}
	.news .news-item-group .item-news .news-title,.news .news-paper.item-news .news-title{margin-top:10px;display: inline-block;}
	.news .news-pic { width: 100%!important;height: auto !important; clear: left;}
	.news .news-item-group .item-news .news-read,.news .news-paper .item-news .news-read{/* margin-top: 50px; */}
	.news .news-item-group&gt;div,.news .news-paper{/* padding:0px!important; */}
	.news .item-news{/* padding-left:15px !important; *//* padding-right:15px !important; */}
	/*crm*/
	.crm .reports-item{/* height: 300px; */}
	.crm .doc-item{height: 300px;}
	.crm .item-contact .head-item-contact{width: 100%;}
	.crm .item-contact input{width:100%;}
	.crm .item-contact input.input-code{width: 70%;}
	.crm .item-contact .varidate-img img{margin-left: 10px;}
	.crm .header-for-contact{font-size: 24px;}
	/*contact*/
	.contact .item-contact&gt;div{padding-left: 0px!important;font-size: 18px;}
	.detail-for-contact input[type=text], .detail-for-contact textarea, .detail-for-contact select{font-size:18px;}
}

@media only screen and (max-width: 580px){
	.product-promotion-slide .owl-item.active.info-carrent, .product-promotion-slide .slide-promotion
	{
		width: 300px !important;
	}
	#rc-imageselect, .g-recaptcha {
		-o-transform:scale(0.77);
		-moz-transform:scale(0.77);
		-ms-transform:scale(0.77);
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-o-transform-origin:0 0;
		-moz-transform-origin:0 0;
		-ms-transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	.info-promotion&gt;b span
	{
		top: 0px;
		font-size: 20px;
		right: 35px;
	}
	.contact-add&gt;.row
	{width:100%;margin:  0 !important;}
	.info-promotion&gt;a
	{
		bottom: 10px;
		font-size: 16px;
	}
	.info-promotion&gt;div&gt;h3
	{
		font-size: 18px !important;
		max-height: 54px;
		max-height: calc(18px*1*3);
		padding-left: 5px;
	}
	.info-promotion .carname-wrapper
	{
		height: 54px;
		height: calc(18px*1*3);
		/* padding-top: 10px; */
		padding-right: 50%;
	}
	.info-promotion&gt;b
	{
		font-size: 4.5em;
		line-height: 0.8;
	}
	.product-promotion-slide
	{
		height: 240px;
	}
	.product-promotion-slide .bg-promotion, .product-promotion-slide .info-promotion
	{
		width:  200px;
		height: 200px;
	}
}

@media only screen and (max-width: 540px){
	h3 {font-size: 26px !important;}
	.about .vules-content, .vules-bg{width: 100%;margin:  0;margin-bottom: 5px;}
	.about .vules-banner .vules-bg{
		display:  none;
	}
	.vules-wrapper
	{
		width:100%;
	}
	.contact-twentyfourhour
	{
		font-size: 18px;
	}
	.foot-page
	{
		padding:15px 0;
	}
	.foot-social&gt;span
	{
		width: 35px;
		font-size: 15px;
	}
	.contact .btn-contact-all
	{
		margin-top: 0px;
	}
	.detail-for-contact
	{
		width:100%;
	}
	.panel-body
	{
		padding: 15px 0
	}
	.feet .txt-price
	{
		float:  right;
		width: 50%;
		padding-right:  0;
	}
	.feet .information-car-page .more-content&gt;img
	{
		height:  25px !important;
	}
	.feet .heads-car2, .info-car2
	{
		font-size: 18px;
		font-weight:  normal;
	}
	.info-car2
	{
		padding-left: 5px;
	}
	.price-wrapper .content-for-booking h5
	{
		font-size:18px !important;
		font-weight:  normal;
	}
	.content-for-booking&gt;h5&gt;strong
	{
		font-size:24px;
	}
	.social-box
	{
		width:100%;
	}
	.space-line
	{
		height:  0;
	}
	.about .main-header&gt;h4
	{
		font-size:25px !important;
	}
	.icon-check
	{
		padding-left: 10px;
	}
	.mix-content
	{
		padding: 20px 10px;
	}
	.mix-content&gt;p
	{
		font-size:13px;
	}
	.bord-foot.contant-box
	{
		font-size: 19px !important;
		padding: 25px 10px;
	}
	.pro-content p
	{
		font-size: 18px;
	}
	.pro-content p b
	{
		font-size: 18px;
	}
	.item-service&gt;h3
	{
		font-size:22px !important;
	}
	.bg-banner
	{
		left: 15px;
		right: 15px;
		padding: 5px 25px;
	}
	.feet .btn-next-step
	{
		margin-top:15px
	}
	.feet input[type=date], .jqui .datepicker, .feet input[type=time], .jqui .timepicker, .feet select
	{
		font-size: 20px;
		width:  100%;
		margin: 10px 0 0 0;
	}
	.feet .infomation-car-item, .feet .content-for-booking, .content-for-booking&gt;*
	{
		width:100%;
	}
	.feet .content-for-booking
	{
		padding:15px;
	}
	.information-group
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-flow: row;
		-ms-flex-flow: row;
		flex-flow: row;
		justify-content:  start;
		width: 100%;
		max-width: 270px;
	}
	.feet .infomation-car-item
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		flex-flow: column;
	}
	.infomation-car-item&gt;div&gt;.header-item
	{
		/* width:100%; */
		text-align:  center;
		font-size: 30px;
		/* font-weight: bold; */
		font-family: 'BrowalliaUPC';
		font-weight: bold;
		color: #1a368d !important;
		letter-spacing: 0;
	}
	.more-content img
	{}
	.pro-car&gt;h4
	{
		font-size: 22px !important;
	}
	.product-promotion-slide .owl-item.active.info-carrent, .product-promotion-slide .slide-promotion
	{
		width: 280px !important;
	}
		.about .banner-promotion,.promotion .banner-promotion,.feet .banner-promotion,.contact .banner-promotion,.social .banner-promotion
	,.team .banner-promotion,.service .banner-promotion,.news .banner-promotion,.crm .banner-promotion{margin-top: 80px;}
	.main-header {margin-top: 20px;}
	.navbar-toggle{margin-top: 8px;} /*set defult is margin-top:8px*/
	.pic-logo img{margin-top: 5px !important;height: 45px;}
	#myCarousel { display: block !important;padding: 0px 0px;height: 240px;}
	#myCarousel1{ margin-top: 10px !important;background-size: auto 100%;}
	.discript1, .discript1 span, .discript1 p{font-size: 28px !important;text-align: center;margin-top: 200px;right: 10px;}
	.carousel-caption&gt;img{ height: 100px !important;}
	.carousel-indicators{width: 25% !important;}
	.mix-content&gt;p{padding-left: 10px; padding-right: 10px;}
	/*.row { margin: 0px !important;padding: 0 0px !important;}*/
	#show-pro{ display: none; }
	.pro-car { padding-left: 15px !important;padding-top: 10px;}
	.pro-text { font-size: 20px;line-height: 30px;}
	#bg-content-1,#bg-content-2,#bg-content-3,#bg-content-4{ padding:0px;background-size: 100% 100%;background-position: center top;margin-top: 30px;}
	#bg-content-2&gt;.mix-content{padding:0 5px !important;}
	.mix-content&gt;p{font-size: 18px;}
	.mix-content&gt;div&gt;h2{font-size: 26px !important;}
	#bg-content-4&gt;div&gt;h2{font-size: 34px !important;}
	.content-normal{ font-size: 18px; padding-right: 10px;padding-left: 10px;}
	#bg-content-4&gt;div&gt;p{ font-size: 20px !important;padding: 0 10px}
	.service-pic{ background-position: center bottom;background-size: 100% auto;}
	#social-1{/* background-position: left top; *//* background-size: auto 110%; */}
	#social-1&gt;div&gt;h2{padding-top: 45%;text-align: center;}
	#social-2{/* background-position: right top; *//* background-size: auto 110%; */}
	#social-2&gt;div&gt;h2{padding-top: 45%;text-align: center;}
	#social-1&gt;div&gt;h2, #social-2&gt;div&gt;h2{/* margin-top: 65%; */}
	#social-1&gt;div, #social-2&gt;div{/* padding-left: 5px!important; *//* padding-right: 5px !important; */}
	#foot-contect{ height: auto !important;}
	#foot-contect-filter{height: auto;}
	#contect-02-box{margin-bottom: 20px;}
	#foot-contect-filter&gt;div&gt;h2{font-size: 24px !important;padding-top: 10px;}
	.contant-box {margin-top: 20px;font-size: 19px;line-height: 25px;margin-left: 10px;margin-right: 10px;white-space:  initial;word-break: break-all;}
	.foot-add{ padding: 10px !important;font-size: 18px !important;}
	.foot-social{/* padding-right: 10px !important; */}
	.title-menu{font-size: 20px;/* padding-left:5px !important; *//* padding-right:5px !important; *//* height:30px; */width:100%;}
	/*.title-bar{ display:none;text-align: right;}*/
	.navbar-nav&gt;.pad-hide{ display: block;}
	.foot-page&gt;.title-bar{display: block;}
	.foot-page&gt;.title-bar&gt;.header-menu&gt;a{color: #fff !important;}
	.thumb-txt { display:none;}
	.discript{ display:none;}
	.menu-all{ display:none;}
	.menu-control{ display:block;}
	.slides-show { height: 500px;width: 100%;}
    /*slide*/
    .carousel.carousel{ height: 60%;}
	.toggle-nav { display: none;}
	.menu-wrapper { display: block;float: right;min-width: 30%;}
	.menu-wrapper li {float: left;}
	.menu-item {display: block;padding: 0 10px;line-height: 50px;color: #999;}
	.filter-select {display: none;}
	.filter-label-wrapper {display: block;text-align: center;margin-bottom: 15px;}
	.work-item {width: 50%;float: left;}
	.thumb {margin: 0 8px 15px;}
	.pro-text{font-size: 19px;font-weight: 400;}
	.pro-text .hl-text{font-size: 20px;color: #0b9e4d;}
	.pro-car{margin-top: 10px;}
	#social-2&gt;div&gt;h2,#social-1&gt;div&gt;h2{padding-top: 0%;}
	.txt-socials {/* position: relative; *//* margin-top: auto; *//* transform: none; */}

	.respons-slide-home{height: 200px;}
	.bg-product-car-pro .owl-carousel .owl-stage-outer{margin-top: 8%;}
	.bg-product-car-pro .txt-pro-respons{left: 11%;}
	.bg-product-car-pro .owl-carousel .owl-stage-outer{top:12%;}
	.bg-product-car-pro .item-slid-respons span b{font-size: 28px;}
	.bg-product-car-pro .item-slid-respons span{font-size: 22px;}
	.bg-product-car-pro .item-slid-respons h5{font-size: 26px !important;}
	.bg-product-car-pro .bg-show-info, .product-promotion-slide .bg-promotion{left: 3%;}
	.bg-product-car-pro .txt-pro-respons{top: -10px;}
	.respons-slide-home img{height: 65%;}

	/*about*/
	.pic-of-leader{height: auto;}
	.pic-of-leader img{width: 100%;height: auto;}
	.vission-content p{font-size: 28px;}
	.vules-content,.vules-bg{height: 300px}
	.vules-bg{display:none;}
	.man-content p{font-size: 18px;}
	.man-menu ul a{font-size: 18px;}
	.about .main-header {/* margin-top: 70px !important; *//* padding-right: 0px; *//* padding-left: 0px; */}
	.about .his-content&gt;div,.about .his-head&gt;div{padding:0px !important;}
	.about .business-content{padding:0px !important;}
	.about .news_leader{padding:0px !important;}
	.about .board-group{padding:0px !important;}
	.about .vission-banner{padding:0px 15px !important;}
	.about .man-content{padding:20px 0px !important;}
	.about .board-item {/* height: 570px; */margin-bottom: 20px;}
	.about .board-item a{font-size: 20px;}
	.about .board-item p{font-size: 17px;}
	/*news*/
	.news .news-title{font-size: 16px;margin-top: 15px;}
	.news .news-detial{font-size: 14px;}
	.news .news-pic { width: 100%!important;height: auto !important; clear: left;}
	.news .news-title,.news .news-detial{display: inline-block;padding-left: 0px;}
	/*promotion*/

	.news-read&gt;a{font-size:13px;}
	.promotion .banner-promotion{height: 150px !important;margin-top: 11%;}
	.promotion .owl-nav{margin-top: -50% !important;}
	.promotion .carousel.carousel{ height: 55%;}
	.promotion .owl-next{left:45% !important;}
	.promotion .owl-prev {left: -45% !important;}
	/*contact*/
	.contact .item-contact&gt;div{width: 100%;float: left;font-size: 18px;padding-right: 5px;}
	.contact .item-contact&gt;input,.contact .item-contact&gt;textarea{width: 70%;}
	.contact .item-contact&gt;.code-input{width: 35%;}
	.contact .item-contact .img-code-confirm{width: 35% }
	.detail-for-contact input[type=text], .detail-for-contact textarea, .detail-for-contact select
	{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	/*social*/
	.social .nav-tabs&gt;li&gt;a{height: 70px !important; padding-top: 7% !important;}
	.social .csr-item-content{height: 300px;}
	.social .csr-item-content img{height:100%;width: auto; position: absolute; left: 50%; transform: translateX(-50%);}
	/*feet*/
	.feet .banner-promotion{height: 150px !important;margin-top: 80px;}
	.booking-car-feet{font-size: 20px !important;padding: 2px 18px;}
	.feet .btn-feet-next{ padding: 0px 32px; font-size: 20px !important;}
	.feet .btn-feet-black{ padding: 1px 32px; font-size: 20px !important;}
	.feet .btn-read-tab{ margin-left: 92%;}
	.feet .payment-item{width: 100%;height: 225px;}
	.feet .payment-item:nth-child(1){height: 180px;}
	.feet .choose-active{right: 14%;}
	.feet .payment-item img{width: 70%;}
	.feet .payment-form label{font-size: 16px;}
	.feet .payment-item:nth-child(1){height: 160px;margin-left:0;}
	.feet .payment-item{height: 200px;}
	.feet #date-loca-box{/* height:80px; */}
	.feet .main-header&gt;p{font-size: 20px;}
	#carrent-info .owl-dot{height: 70px!important;}
	.feet .content-detail-car .text-nor, .feet .content-detail-car .text-nor{font-size: 18px;width: 50%;padding-left: 0;}
	.feet .title-txt
	{
    width: 50%;
    padding-left: 0;
}
	.sub-total-group&gt;div:first-child
	{
		padding-left: 10px !important;
	}
	.feet .focus-price{/* width: 100%; */}
	.content-detail-car .text-alt{font-size: 20px;}
	.img_show_slide {height:300px;}
	/*crm*/
	.crm .fin-info-detail{width: 35% !important;}
	.crm .fin-info-head{width: 65% !important;}
	.crm .partner-news .item-news{height: 320px;width: 50%;float: left;}
	.crm .analyst-info{margin-left: 10px; margin-right: 10px;margin-bottom: 30px;}
	.crm .doc-item{height: 270px;}
	.crm .item-contact input.input-code{width: 60%;}
	.crm .investor p{/* font-size: 14px; */}
	.crm .main-header{/* padding-left: 0px; *//* padding-right: 0px; */}
	.crm .partner-news&gt;div{padding: 0px !important;}
	.crm .doc-group{padding:0px;}
	.crm .investor&gt;div{padding:0px !important;}
	.crm .reports-item {/* height: 255px; */}
	.main-header&gt;h4
	{
		font-size:32px !important;
	}
	/*about*/
	.about .news_leader p{font-size: 18px;}
	.about .history-content,.about .history-img{padding:0px !important;}
	
}
@media only screen and (max-width: 450px){
	.btn-lang{display: none;}
	.btn-mobile-lang{/* display: block; */}
	.info-promotion&gt;a.booking
	{padding: 0px 18px;left: 35%;font-size: 20px;}
	.info-promotion&gt;b
	{
		font-size: 4.5em;
	}
	.detial-date
	{
		width:100%;
		margin-bottom: 5px;
	}
	.info-promotion&gt;a&gt;span
	{
		font-size: 16px;
	}
	.product-promotion-slide .owl-item.active.info-carrent, .product-promotion-slide .slide-promotion
	{
		width: 230px !important;
	}
	.info-promotion&gt;div&gt;h3
	{
		font-size: 18px !important;
		font-weight:  normal;
		max-height: 54px;
		max-height: calc(18px*1*3);
	}
	.product-promotion-slide .bg-promotion, .product-promotion-slide .info-promotion
	{
    	/* width: 180px; */
    	/* height: 180px; */
 }
	.product-promotion-slide .info-promotion
	{
		/* position:relative; */
	}
	.info-promotion&gt;b span
	{
		right: 40px;
		/* top: -5px; */
	}

}

@media only screen and (max-width: 430px){
	.promote-box .owl-theme .owl-nav.disabled+.owl-dots{top: 80%;}
	.mix-content&gt;p{line-height: normal;}
	.respons-slide-home img{left: 70%;height: 60%;}
	.bg-product-car-pro .txt-pro-respons{left: 3%;}
	.bg-product-car-pro .bg-show-info{left: 1%;}
	.finish-message&gt;p.remark, .finish-message&gt;p
	{
		font-size:18px;
	}
	.crm .table&gt;tbody&gt;tr&gt;td, .crm .table&gt;tbody&gt;tr&gt;td:first-child
	{
		width:100% !important;
		display:  block;
		border:  none;
		text-align:  center;
		padding: 5px;
	}
	.crm .table&gt;tbody&gt;tr
	{
		border: 1px solid #d0d0d0;
	}
	.detial-date&gt;div
	{
		font-size: 18px;
		line-height:  1.2;
	}
	.personal-summary .document-for-rent
	{
		width: 100%;
		padding:  15px;
	}
	.about .board-item img
	{
		max-width:150px;
		margin-bottom: 10px;
	}
	#contect-01-box, #contect-02-box {

 	}	
 	.personal-summary .personal-detail .detail-item&gt;span, .personal-summary .personal-detail .detail-item .fixed-content
 	{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
 	.personal-summary .personal-detail .detail-item
 	{
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap;
 		font-size: 18px;
 		line-height:  1.2;
 		margin-bottom: 10px;
 	}
 .feet .title-txt, .finish-detail-wrapper .content-detail-car .focus-price
 {
 	width:100%;
 	text-align:center;
 	padding: 0;
 }
 	.feet .content-detail-car .text-nor, .feet .content-detail-car .text-nor, .feet .txt-price
 	{
 		width: 100%;
 		text-align: center !important;
 		padding:  0;
 		margin:  0;
 	}
 	.feet .txt-price
 	{
 		font-weight:bold;
 		font-size: 22px !important;
 	}
 	.feet .content-detail-car .text-imp
 	{
 		font-size: 32px !important;
 	}
	.header-menu&gt;div.translate-wrapper&gt;a.btn-lang
	{
		width:15px;
		height:15px;
	}
	.item-contact
	{
		/* margin:15px 0; */
	}
	.pic-logo img
	{
    height: auto !important;
    width: 100%;
    margin-top: 0px !important;
}
	.header-menu&gt;a
	{
		font-size: 16px;
	}
	.pic-logo
	{
		/* width: 100%; */
		flex-basis: 100%;
		/* height:  auto; */
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items:  center;
		padding-right: 15px;
	}
	.pic-logo a
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.navbar-header
	{
		
	}
	.product-promotion-slide .owl-item.active.info-carrent, .product-promotion-slide .slide-promotion
	{
		width: 200px !important;
	}
	/*abouat*/
	.about .main-header{/* margin-top: 70px; */}
	.about .board-item p{font-size: 16px;}
	.about .vission-content p{font-size: 24px;}
	.about .man-content p{font-size: 16px;}
	.about .board-item { width: 100%; height: auto; }
	/*promotion*/
	.booking-con{padding-left: 5%;}
	.header-text{width: 100%}
	.promotion .owl-nav{margin-top: -65% !important;}
	.promotion .carousel.carousel{ height: 43%;}
	/*contact*/
	.contact .item-contact&gt;div{width:100%;}
	.contact .item-contact&gt;input,.contact .item-contact&gt;textarea{width: 100%;}
	.contact .item-contact&gt;.code-input{width: 50%;}
	.contact .item-contact .img-code-confirm{width: 50% }
	.contact .btn-contact{margin-top: 15px;display: block;}
	.contact .btn-contact:first-child{margin-top:0;}
	/*news*/
	.news .main-header&gt;h4{font-size:26px !important;}
	/*social*/
	.social .tab-contents&gt;li{width: 100%}
	.social .nav-tabs&gt;li&gt;a{height: auto !important; padding-top: 4% !important;}
	.social  .item-news{height: auto;border-bottom:none;margin-bottom: 0px;}
	.social .news-read{position: relative;}
	.social .news-pic{width: 100%; height: auto; clear: left;}
	.social .news-title {width: 100%; clear: right; }
	.social .news-detial {width: 100%; clear: right; }
	.social .news-read {width: 100%;clear: right;}
	.social .pic-csr-news div{width: 20%}
	/*feet*/
	.feet .btn-read-tab{ margin-left: 90%;}
	.feet .payment-form input{width: 100% !important;}
	.feet .payment-form label{width: 100% !important;}
	.feet .payment-form select{width: 49% !important;}
	.feet .payment-item{height: 150px;}
	.feet .payment-item:nth-child(1){height: 120px;}
	.feet #date-loca-box{height:120px; }
	.feet .detial-date{font-size: 16px;/* width: 48%; */}
	.feet .btn-feet-black{font-size: 18px !important;padding: 1px 28px;}
	.feet #confirm-btn-booking{padding: 0px 10px;font-size: 18px !important;}
	.feet .main-header&gt;h4{font-size:28px!important;}
	#carrent-info .owl-dot{height: 60px!important;}
	.feet #carrent-info  #date-loca-box{height: 55px;}
	.feet .total-group{padding: 0;}
	.img_show_slide {height:250px;}
	/*crm*/
	.crm .fin-info-head{padding-right: 0px !important;font-size: 16px;}
	.crm .fin-info-detail{padding: 0px !important;}
	.crm .fin-info-detail a{font-size: 16px;}

	.crm .report-y { padding-left: 5px; padding-right: 5px; }
	.crm .report-item-group&gt;div{/* padding-left: 5px !important; *//* padding-right: 5px !important; */}
	.crm .partner-news .item-news{height: 380px;width: 100%;float: left;}
	.crm .doc-item{height: 240px;}
	.crm .item-contact input.input-code{width: 100%;}
	.crm .btn-contact-all a {margin-bottom: 10px; display: block;}
	.crm .item-contact .varidate-img img{ position: relative; margin-left: 50%;}
	
}
@media only screen and (max-width: 380px){
	.home-about-company&gt;div, #bg-content-1{
    margin:  0;
    /* padding: 0 !important; */
    height: auto !important;
	}
	.personal-summary .document-for-rent
	{

	}
	.about .board-item img
	{
		max-width:150px;
		margin-bottom: 10px;
	}
	.crm .reports-item{/* height: 280px; */width: 100% !important;float: left;padding:  0;}
	.vules-content, .vules-bg
	{
		height: 200px;
	}
	#vules .line-blue2
	{
		width:100%;
	}
	.mix-content&gt;div&gt;h2
	{
		font-size: 20px !important;
	}
	.home-footer-contact .contant-box h2
	{
		font-size: 16px !important;
	}
	.news .news-item-group .item-news
	{
		width:100%;
	}
	.about .banner-promotion, .promotion .banner-promotion, .feet .banner-promotion, .contact .banner-promotion, .social .banner-promotion, .team .banner-promotion, .service .banner-promotion, .news .banner-promotion, .crm .banner-promotion
	{
		height: 200px;
	}
	.header-menu&gt;div.translate-wrapper
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.title-bar
	{
		height:  auto;
	}
	.thankyou-message&gt;p
	{
		padding: 5px 15px;
		font-size: 13px;
	}
	#rc-imageselect, .g-recaptcha {
		-o-transform:scale(0.6);
		-moz-transform:scale(0.6);
		-ms-transform:scale(0.6);
		transform:scale(0.6);
		-webkit-transform:scale(0.6);
	}
	.thankyou-message .thank-text
	{
		font-size: 4rem;
	}
	.thankyou-message .you-text
	{
		font-size: 8rem;
	}
	.thankyou-message .gohomebtn
	{
		font-size: 13px;
		padding: 7px 25px;
		margin-top: 5px;
	}
	.thankyou-wrapper
	{
		padding-top: 81px;
		padding-bottom: 174px;
		min-height: 500px;
	}
	.reservations-thankyou
	{
		margin-bottom: -174px;
	}
.feet .choose-intro&gt;div
{
	width: 100% !important;
	margin-top: 25px !important;
}
.place-form
{
	/* margin-top:5px */
}
.feet .jqui input[type=text]
{
	width: 100%;
	/* margin: 5px 0; */
}
.header-menu
{
	/* width: 90px !important; */
	margin:  0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.choose-intro span
{
	font-size: 19px;
	letter-spacing: 0;
}
	.header-menu&gt;a{
		/* display:none; */
	}
	.header-menu&gt;a
	{
	margin: 5px !important;
	}
	.header-menu&gt;a.btn-lang
	{
		margin-top: 2px !important;
	}
	#social-1, #social-2{/* height:35%; */}
	.item-slid-respons{text-align: center;}
    .respons-slide-home{height: 330px;}
    .respons-slide-home img{height: 35%;left: 50%;top: 140px;}
	.bg-product-car-pro .owl-carousel .owl-stage-outer{height: 100%;}
	.bg-product-car-pro .txt-pro-respons{top: 30px;left: 50%;transform: translateX(-50%);width: 80%;}
	.bg-product-car-pro .bg-show-info{transform: translate(-50%,-50%);left: 50%;}
	.bg-product-car-pro .owl-theme .owl-nav.disabled+.owl-dots{top: 80%;}
	/*crm*/
	.crm .doc-item{width: 100%; height: 290px;}

	#carrent-info .owl-dot{height: 50px!important;}
	.icon-check
	{
		padding-left:0

	}
	.home-about-services
	{
    -webkit-clip-path: none;
    clip-path: none;
    padding-bottom: 25px;
    padding-top: 15px;
}
.home-about-company
{
	margin-top:  0;
}


}
@media only screen and (max-width: 340px){
	.header-menu&gt;a{margin: 5px !important;}
	.product-promotion-slide
	{
		height: 300px;
	}
	.pro-text .hl-text
	{font-size: 18px;line-height:  normal;}
	.pro-text
	{
		font-size: 16px;
	}
	.product-promotion-slide .tab-content
	{
		/* position: absolute; */
		z-index: 2;
	}
	.home-footer-contact .row&gt;.contant-box
	{
		font-size: 18px;
		word-break: break-word;
	}
	.bord-foot.contant-box
	{
		font-size: 16px !important;
		padding: 10px;
		margin:  20px 0;
	}
	.txt-socials
	{
		width:100%;
	}
	.information-icon-group
	{
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.feet .more-content
	{
		margin: 5px 7px;
		padding:  0;
	}
	.social-box&gt;div&gt;.txt-socials
	{
		margin: 0 auto !important;
	}
	.social-box&gt;div
	{background-size: 220%;background-position: left center;}
	.social-box:nth-child(2n-1)&gt;div
	{
		background-position:  right center;
	}
	.social-box&gt;div:before
	{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background: #151515;
		opacity:  0;
		transition:  0.5s all;
	}
	.social-box&gt;div:hover:before
	{
		opacity: 0.5;
	}
	.social-box&gt;div:hover
	{
		background-position:  right center;
	}
	.social-box:nth-child(2n-1)&gt;div:hover
	{
		background-position:  left center;
	}
	.owl-theme .owl-nav.disabled+.owl-dots
	{
		margin:  10px auto 0;
		right: 0;
		left: 0;
		bottom: 10px;
		top: initial;
	}
	.product-promotion-slide .owl-item.active.info-carrent, .product-promotion-slide .slide-promotion
	{
		margin:  0 auto;
		right:  0;
		left: 0;
		/* z-index: 5; */
		width: 190px !important;
	}
	.product-promotion-slide .slide-promotion
	{
		z-index: 100;
	}
	.product-promotion-slide .slide-promotion .owl-stage-outer
	{
		right:0;
		left:0;
	}
	.info-promotion&gt;a.booking
	{
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.info-promotion&gt;b
	{
		text-align:  center;
		font-size: 3.7em;
	}
	.info-promotion&gt;b span
	{
		right:  0;
		left: 0;
		top: -5px;
	}
	.info-promotion .carname-wrapper
	{
		position:absolute;
		bottom: 41px;
		left: 0;
		right: 0;
		text-align:  center;
		padding: 0;
		height: 20px;
	}
	.info-promotion&gt;div&gt;h3
	{
		width: 100%;
		max-width:  none;
		text-align:  center;
		height: 20px;
		line-height: 1.2;
	}
	.product-promotion-slide .bg-promotion, .product-promotion-slide .info-promotion
	{
		width: 240px;
		height: 240px;
		left: 50%;
		-moz-transform:  translate(-50%, -50%);
		-ms-transform:  translate(-50%, -50%);
		-o-transform:  translate(-50%, -50%);
		-webkit-transform:  translate(-50%, -50%);
		transform:  translate(-50%, -50%);
	}
}
@media only screen and (max-width: 320px){
	.carousel-indicators{width: 25% !important;}
    #social-2,#social-1{}
    #bg-content-1, #bg-content-2, #bg-content-3, #bg-content-4{height: 75%}
    .discript1{margin-top: 60%;font-size: 24px;}
    #foot-contect{/* height: 490px !important; */}
    .respons-slide-home{height: 360px;}
    /*about*/
    .vission-content p{font-size: 26px;}
    /*promotion*/
    .feet .main-header&gt;h4{font-size:24px!important;}
    .promotion .carousel.carousel{ height: 35%;}
    .feet .payment-item{height: 120px;}
    .feet .payment-item:nth-child(1){height: 100px;}
    .feet .panel-body&gt;div{padding:0px !important;}
    /*crm*/
    .crm .fin-info-head{width: 100% !important;}
	.crm .fin-info-detail{width: 100% !important;}
	/*.crm .bg-fin-year{height: 245px;}*/
	.crm .bg-fin-year{height: 180px;}
	.crm .reports-item{/* height: 250px; */}
	.crm .partner-news .item-news{height: 300px;}
	.crm .item-contact input.input-code{width: 100%;}
	
}
</pre></body></html>