@media (min-width: 768px) {
	html{ font-size:16px; } 
	.navbar-brand img{width: 175px;}
	.languages-mobile{top: 2rem;}
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 2%;}
	.content-box{padding: 7% 0 5%;}
	
	.readmore-btn.readright{
		float: right;
		margin: 0;
	}

	.mapbusiness .col-md-4::after {
        content: '';
        width: 135px;
        height: 3px;
        background: #000;
        position: absolute;
        right: -28%;
        top: 17%;
        z-index: 1;
    }
	.mapbusiness .col-md-4:last-child::after{display: none;}
	.contact-footer{
		margin-left: -15px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.textabout-home{margin: auto;}
	.buttonbanner {
        right: auto;
        left: 1rem;
        bottom: 1rem;
        width: 150px;
    }
	.buttonbanner.buttonbanner1{
		right: 3rem;
		left: auto;
	}
	.buttonbanner a{padding: 8px 5px;}
	.subtitle{margin: 0;}
	
	.languages-pc .dropdown-menu,
	.languages-mobile .dropdown-menu{
		right: 0;
		left: auto;
		min-width: 7rem;
	}
	.languages-pc .dropdown-menu a,
	.languages-mobile .dropdown-menu a{padding: 15px 6px;}
	.textdetail-box{margin-top: 0;}
	.bannerpage{padding: 7% 0;}
	
	.text-timeline{padding-left: 1rem;}

	#carouselmainSlide .carousel-control-next img, 
	#carouselmainSlide .carousel-control-prev img{
		width: 55px;
	}
	#carouselmainSlide .carousel-control-next, 
	#carouselmainSlide .carousel-control-prev{width: 10%;}
	
	.timeline-about{padding: 2rem  0;}
	.text-timeline h1::after {left: -2.2rem;}
	.text-timeline.timelineright h1::after {right: -1.7rem;}

	.category-setmobile{display: none;}
	.category-setpc{display: block;}
	
}
@media (min-width: 992px) { 
	html{ font-size:18px; } 
	.headbar-main{padding: 0rem 0;}
	.languages-mobile,
	#nav-icon3{display: none ;}
	.languages-pc{display: block;}
	.navbar-brand img{width: auto;max-width: 100%;}
	.languages-pc{padding: 8px;}
	.hamburgers-box{justify-content: space-between;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		justify-content: flex-end;
		position: relative;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 10px 15px;
		text-align: center;
	}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.mapbusiness .col-md-4::after {
		width: 66%;
		right: -33%;
		top: 14%;
	}
	.textcircle{padding: 0 10%;}
	.contact-footer{
		margin:0;
		padding-left: 1rem;
	}
	.address-footer img{width: 175px;}
	.slidecustomers .slick-prev, .slidecustomers .slick-next{
		width: 45px;
		height: 45px;
	}
	.buttonbanner {
        left: 3rem;
        width: 175px;
    }
	.buttonbanner.buttonbanner1{
		right: 5rem;
	}
	.buttonbanner a {
        padding: 7px 5px;
    }
	.textabout-home h1{font-size: 33px;}
	.textabout-home h2{font-size: 22px;}
	.footer h1,
	.subtitle h2{font-size: 26px;}
	.contact-footer {
        margin: 0 -51px;
        padding-left: 0;
    }
	.products-box:hover .textpro {
		padding: 46% 5%;
	}
	.navbar-nav li .dropdown-menu{
		min-width: 20rem;
		width: 100%;
		margin: 0;
		border-radius: 10px;
		overflow: hidden;
		transition: all 0.6s;
		box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	}
	.products-boxpage .readmore-btn{width: 180px;}
	.textproducts h1{
		-webkit-line-clamp: inherit;
		/* height: auto; */
		 height:  calc(1rem* 1.3* 2);
	}
	
	.product-fullscroll{height: 667px;margin-bottom: 3rem;}
	.mapbox{height: 400px;}
	
	.text-timeline.timelineright{padding-right: 1rem;}
	.text-timeline.timelineright h1::after {
        right: -2.15rem;
    }
	.slideabout .slick-slide{transform: scale(.9);}
	.title-box h1{font-size: 33px;}
	.title-box.titlepage h1{
        font-size: 45px;
    }
	.category-setpc .row .img-box{
		padding: 5px;
		transition: all 0.5s;
		aspect-ratio:3/2;
		margin-bottom: .5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.category-setpc .row{align-items: center;}
	.category-setpc .row .img-box:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.contact-footer {
        margin: 0 -4rem;
    }
	.social-footer img{width: 45px;}
	.mapbusiness .col-md-4::after {
        width: 70%;
        right: -35%;
        top: 15%;
    }
	.buttonbanner{bottom: 3rem;}
	
	.text-timeline h1::after{
		width: 20px;
		height: 20px;
	}
	.content-box.aboutuspage .textabout-home{padding-right:0;font-size: 19px;}
	.textabout-home h1 {font-size: 45px;}
	
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
	.readmore-btn{width: 190px;}
	.products-box:hover .textpro {
		padding: 50% 5%;
	}
	
	.content-box{padding: 5% 0;}
	.navbar-expand-lg .navbar-collapse{justify-content: space-between;}
	.navbar-expand-lg .navbar-nav{
		width: 85%;
		margin-left: 2rem;
	}
	
	.text-timeline h1::after {
        left: -2.3rem;
    }
	.text-timeline.timelineright h1::after {
        right: -2.25rem;
    }
}

@media (min-width: 1600px) { 
	html{ font-size:22px; } 
	.buttonbanner {
        left: 8rem;
        bottom: 4rem;
        width: 195px;
    }
	.buttonbanner.buttonbanner1{
		right: 8rem;
	}
	.imgcircle{
		width: 150px;
		height: 150px;
	}
	.mapbusiness .col-md-4::after {
        top: 17%;
    }
	.navbar-expand-lg .navbar-collapse{justify-content: space-between;}
	.navbar-expand-lg .navbar-nav{
		width: 90%;
		margin-left: 0;
	}
	.text-timeline h1::after {
        left: -2.2rem;
    }
	.text-timeline.timelineright h1::after {
        right: -2.2rem;
    }
	.content-box.aboutuspage .textabout-home {
        font-size: 20px;
    }
	
}
@media (min-width: 1800px) {
    .container{ max-width: 1336px; }
	.content-box.aboutuspage .textabout-home{font-size: 1rem;}
}
@media (min-width: 2000px) {
	.container{ max-width: 1440px; }
	
}