@media (min-width: 768px) {
	html{ font-size:18px; } 
	.navbar-collapse{ width: 50%;}
	.navbar-collapse{
        top: 00%;
        left: -100%;
	}
	.navbar-collapse.in{
		top: 0;
		left: 0;
	}
	.navbar-collapse.show {
		top: 0;
		left: 0;
	}
	.footer{padding: 5% 0 2%;}
	.content-box{padding:5% 0;}
	.title-choose{text-align: center;}
	.title-choose .align-items-start{align-items: center;}

	.title-box .subtitle{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.title-box img{margin-bottom: 0;}
	.menu-footer{margin: 0;}
	.contact-footer{margin: 0;}
	.numbercounter {
		margin: 2rem auto 0;
	}
	.imglogis {
		margin-bottom: 0;
		aspect-ratio: auto;
		height: 100%;
	}
	
	.row.contentchoose{justify-content: flex-start;}
	.services-box{
		height: 100%;
		margin: 0;
		padding-bottom: 2rem;
	}
	.serviceicon-content .col-md-6{margin-bottom: 2rem;}
	.services-box img {
		width: auto;
		margin: 0;
		max-width: 100%;
	}

	.services-box a{
		position: absolute;
		left: 1rem;
		bottom: 1rem;
		z-index: 1;
	}
	
	.banner-captions.banner3{top: 50%;}
	.banner-captions.banner2{top: 30%;text-align: right;}
	.banner-captions img{width: 475px;}
	.banner-captions h1{font-size: 65px;}
	.banner-captions h2{font-size: 40px;}
	.slidenetwork.slick-slider{margin-bottom: 3rem;}
	
	.title-box.titlewhychose{text-align: left;}
	.title-box.titlewhychose .subtitle{justify-content: flex-start;}
	.address-footer img {
		width: auto;
		max-width: 100%;
	}
	.title-box.titlewhatwedo{text-align: left;}
	.title-box.titlewhatwedo .subtitle{justify-content: flex-start;}
	.cutomerfull-content{display: block;}
	.slideabout{display: none;}
	
	
	
	
	
	.content-otherpage{padding: 3% 0 5%;}
	.bannerpage{padding: 3% 0 5%;}
	.bannerpage .title-box h1 {margin-top: 10rem;}
	.cardcontact{
		height: 100%;
		font-size: .9rem;
	}
	.cardcontact.socialbox{text-align: center;}
	.cardcontact.contactbox ul li:last-child {padding-left: 4.6rem;}
	.cardform{
		height: 100%;
		padding: 4rem 1rem;
	}
	.readmore-btn.readright{
		margin: 0;
		float: right;
	}
	.title-box.subtitle{text-align: left;margin: 0;}
	.content-otherpage.relatedcontent{padding-bottom: 3%;}
	
	
	.solutioncardbox{
		padding: 2rem;
		height: 400px;
	}
	#accordionqanda .accordion-body{padding: 2rem;}
	.card-dark,
	.card{height: 100%;}
	
	.numberabout{height: 100%;border-bottom: none;border-right: 1px solid #FFF;}
	
	.row.marginicon .col-md-4{margin-bottom: 1rem;}
	.iconabouts {
        aspect-ratio: auto;
        padding:  1rem;
        height: 100%;
    }
	.iconabouts span{font-size: 30px;}
	.textcenter-aboutpage{
		height: 100%;
		border-bottom: none;
		border-right: 1px solid #d7d7d7;
	}
	.textcompany {
		padding: 2rem .75rem;
		aspect-ratio:auto;
	}
	.textcompany h1,
	.textcompany p{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.3;
		height: calc(1rem* 1.3* 2);
	}
	.slidecompany .slick-slide{aspect-ratio:auto;}
	.content-otherpage.redbgcolor{padding: 5% 0;}
	.tabletimeline .timelinehead{display: block;}
	.tabletimeline .timelinebody span{display: none;}

	.tabletimeline .timelinehead h1{
		padding:  10px;
		color: #FFF;
		background: #c1272d;
		text-align: center;
	}
	.tabletimeline .timelinehead h2{
		padding: 10px;
		color: #FFF;
		background: #77121B;
	}
	
	.tabletimeline .timelinebody p,
	.tabletimeline .timelinebody h1{
		padding: 10px;
		border-bottom: 1px solid #d7d7d7;
	}
	.tabletimeline .timelinebody h1{
		text-align: center;
		color: #FFF;
		background: #151520;
		height: 100%;
	}
	.content-otherpage.bluedrakbgcolor {padding: 5% 0;}
}
@media (min-width: 992px) { 
	#nav-icon3{display: none ;}
	.navbar-brand{padding: .5rem 0;}
	.navbar-brand img{width: auto;max-width: 100%;}
	.hamburgers-box{justify-content: flex-start;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		justify-content: flex-end;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		color: #000;
		padding: 5px;
		text-align: center;
	}
	/*.navbar-nav li a:hover{transform: rotateY(-180deg);}*/
	.navbar-nav li.languagebox{position: relative;}
	.navbar-nav li.languagebox .dropdown-menu{
		width: 100%;
		overflow: hidden;
		min-width: inherit;
		border-radius: 10px;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	}
	.navbar-nav li .dropdown-menu.dropdown-servicemenu{min-width: 30rem;}
	.navbar-nav li .dropdown-menu{
		width: 100%;
		min-width: 17rem;
		overflow:hidden;
		left: 0;
		right: 0;
		margin: 1.2rem 0 0;
		transition: all 0.6s;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	}
	.navbar-nav li .dropdown-menu a{
		text-align: left;
		padding: 10px ;
		font-size: .8rem;
	}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	
	.carousel-item{height: auto;}
	.banner-captions{padding: 0 7rem;}
	.banner-captions img { width: 380px;}
	.banner-captions h1{font-size: 50px;}
	.banner-captions h2{font-size: 30px;margin: 1rem 0;}
	.banner-captions{top: 56%;}
	
	.textbox2 {
        padding: 1.5rem;
        height: 165px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
    }
	.social-footer a{margin-bottom: .5rem;}
	.footer{font-size: .9rem;}
	.text-logis {padding: 0 5%;}
	.imgwork {aspect-ratio: 3 / 2;}
	.imgwork img{margin-bottom: 1rem;}
	.textbox2{margin: 2rem auto 0;}
	.textbox1{margin-bottom: 5rem;}
	.cardcontact.socialbox{text-align: left;}
	.mapbox{height: 315px;}
	.tablehistory table{min-width: inherit;}
	.img-customers{padding: 1rem .5rem;}
	
	
}
@media (min-width: 1200px) {
	.container{max-width:1220px;}
	.navbar-nav li .dropdown-menu a {
        font-size: .95rem;
    }
	.title-box h1 {font-size: 31px;}
	.social-footer { margin: 1rem auto 0; }
	.menu-footer {margin: 0 -1rem 0 2rem;}
	.social-footer a{margin-right: 7px;}
	.numbercounter h1{font-size: 65px;}
	.title-box h1 {font-size: 35px; }
	.services-box { padding: 1rem 1.5rem 3rem 1.5rem; }
	.textbox1 { margin-bottom: 3rem;}
	.footer{font-size: 1rem;}
	.textbox2 h1{font-size: 22px;}
	.title-box img{width: 70px;}
	.title-box h3{font-size: 26px;}
	.title-box h2{font-size: 28px;}
	.imgbox1{margin-bottom: 2rem;}
	.textbox1 p{margin-bottom: 2rem;}
	/*.textbox1 ul li{margin-bottom: 1rem;}*/
	.imgwork img{width: 145px;}
	
	
	.banner-captions img {width: 500px;}
	.banner-captions h1 {font-size: 70px;}
	.banner-captions h2{font-size: 45px;}
	.banner-captions{top: 50%;}
	.textbox1 p {margin-bottom: 2.5rem;}
	.videoabout{margin-top: 4rem;}
	.imgbox1 { margin-bottom: 3rem;}
	
	
	.cardcontact{font-size: 1rem;}
	.cardcontact.socialbox a {
		padding: 5px;
		width: 50px;
		height: 50px;
	}
	.cardcontact img {
		width: 28px;
		margin-right: 10px;
	}
	.cardcontact h1{font-size: 1.5rem;}
	.cardcontact.contactbox ul li:last-child {padding-left: 5.6rem;}
	.contactform,
	.cardform{
		padding: 4rem;
	}
	.cardcontact{padding: 2rem;}
	#accordionqanda .accordion-body{padding: 2rem 3rem;}
	.navbar-nav li .dropdown-menu.dropdown-servicemenu{min-width: 35rem;}
}

@media (min-width: 1440px) {
	.container{max-width:1336px;}
	.title-box h1 { font-size: 38px;}
	
	.navbar-nav li .dropdown-menu a {
        font-size: 1rem;
        padding: 10px 15px;
    }
	.navbar-nav li .dropdown-menu{min-width: 20rem; margin-top: 1.3rem;}
}

@media (min-width: 1600px) { 
	.banner-captions{padding: 0 10rem;}
	.banner-captions h2{margin: 2rem auto;}
	.title-box img{width: 70px;}
	.navbar-nav li .dropdown-menu.dropdown-servicemenu{min-width: 40rem;}
	
}
@media (min-width: 1800px) {
	html{ font-size:20px; } 
	.container{max-width:1440px;}
	.banner-captions img{width: 650px;}
	.banner-captions h1{font-size: 85px;}
	.banner-captions h2{font-size: 55px;}
	.img-customers{padding: 1rem 1.5rem;}
}
@media (min-width: 2000px) {
	
}
@media (min-width: 2400px) {
	
}
@media (min-width: 2750px) {
	
}
@media (min-width: 3000px) {
	
}