.s-p-about .t-about .title{padding-right: 60px;}
.w-ab-page{position: relative;    padding-left: 40px;}
.w-ab-page:after { content: ''; position: absolute; top: 10px; left: 0px; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #CCC4BB; border-radius: 20px; }
.thongdiep { position: absolute; border: 1px solid #F5D69C; background: #A98467; border-radius: 15px; padding: 10px 20px; bottom: 30px; left: 50%; transform: translateX(-50%);    width: max-content;text-align: center; color: #fff; }
.sec-ab-company .des-s-center{max-width: 680px}

.content-comp{margin-top: 100px;}

.content-comp h3{text-align: center; text-transform: uppercase; color: var(--colorA42); font-size: var(--fz-24); margin: 20px 0px 15px;}
.mission { margin-top: -50px; }
.sec-ttd{background: var(--colordef);}

.sec-ttd img{max-height: 230px; margin: 0px auto 20px;}
.sec-history .des-s-center { max-width: 90%; margin: 0px auto 15px; }

.timeline {margin-top: 70px; position: relative;}
.timeline-item{position: relative; padding-top: 50px;}
	.timeline-item:before{
		position: absolute; left: -10px; top: 0px; content: ''; background: url(../images/timeline.png) left bottom no-repeat; 
		width: calc(100% + 20px); height: 36px; background-size: cover;
	}
.sec-history .year{font-size: var(--fz-24); font-weight: bold; color: #000;    margin-bottom: 8px;   display: block;}
.sec-history .timeline-item{margin-left: 10px; margin-right: 10px;}

.timeline-slide .slick-prev{display: none !important;}
.timeline-slide .slick-next{top: 32px;}
.timeline-slide.slick-slider .slick-next:before { background-image: url(../images/next-timeline.svg);width: 24px; height: 29px;}
.timeline-slide.slick-slider .slick-next.slick-disabled:before {opacity: 1;}

@media screen and (min-width:1440px){
	.s-p-about .t-about .title { padding-right: 0px; white-space: nowrap; }
	.sec-ttd img { max-height: 250px;}
	.sec-history .des-s-center {max-width: 85%;}
}	
@media screen and (min-width:1600px){
	.sec-ttd img { max-height: 280px; }
	.sec-history .des-s-center { max-width: 75%; }	
}
@media screen and (min-width:1900px){
	.w-ab-page:after {top: 15px; left: 0px; width: calc(100% - 30px); height: calc(100% - 15px);}
	.sec-ttd img { max-height: 310px; }
	.sec-history .year { font-size: 30px;}
	.timeline-item{padding-top: 70px;}
	.timeline-item:before{height: 46px;}
}


@media screen and (min-width:992px) and (max-width:1199px)
{
	.s-p-about .t-about .title { padding-right: 0px; }

}

@media screen and (min-width:768px) and (max-width:979px){
	.s-p-about .t-about,.s-p-about .img-about-page{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.s-p-about .t-about .title { padding-right: 0px; }
	.sec-ttd img { max-height: 170px;}
	.sec-history .des-s-center { max-width: 100%; }

}

@media screen and (max-width: 767px) {
	.content-comp { margin-top: 60px; }
	.sec-ab-company .content-comp>*,.sec-ttd .content-ttd>*{max-width: 80%; margin: 0px auto 30px;}
	.s-p-about .t-about .title { padding-right: 0px; }
	.mission { margin-top: 30px; margin-bottom: 30px; }

}


/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
	.w-ab-page {padding-left: 20px; }
	.sec-ab-company .content-comp>*, .sec-ttd .content-ttd>* { max-width: 100%; margin: 0px auto 30px; }
	.sec-history .des-s-center { max-width: 100%;}
	.sec-history .title{width: 75%;}

	.sec-ab-company .title{width: 74%;}

}

@media screen and (max-width:380px) {
	.thongdiep {left: calc(50% + 10px);width: 250px; }
}

@media screen and (max-width: 330px) {
	.thongdiep {width: 220px; }
	.sec-ab-company .title { width: 85%; }
	
}