@media (min-width: 768px) {
	html{ font-size:16px; } 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0;}
	.content-box{padding: 5% 0;}
	.contactbar{display: block;}
	.contactbar .row{justify-content: flex-end;}
	.hotline {text-align: right;}
	.hotline ul li{
		width: auto;
		margin: auto;
	}
	.logo-footer{text-align: left;}
	
	.tabs-video .tab-content,
	.tabs-video .tab-pane,
	.video-box{height: 100%;margin: 0;}
	
	.tabs-video ul.nav-pills li:last-child{margin-bottom: 0;}
	.videoplay{aspect-ratio:3/3;}
	
	.slideproductone .slick-prev, .slideproductone .slick-next{
		width: 40px;
		height: 40px;
		top: 35%;
	}
	.textabout-home {
		padding-right: 0;
		margin-bottom: 0rem;
	}
	.textabout-home h1 {
        font-size: 30px;
    }
	.textabout-home .readmore-btn{margin-bottom: 0;}
	.category-box{padding: 2rem 1rem;}
	.slideproducttwo .slick-prev, .slideproducttwo .slick-next{
		width: 40px;
		height: 40px;
	}
	
	.slideproducttwo .slick-prev,
	.slideproductone .slick-prev{left: -1rem;}
	.slideproducttwo .slick-next,
	.slideproductone .slick-next{right: -1rem;}
	
	#carouselmainSlide .carousel-item { height: 420px; }
	.captionbanner{padding-top: 5%;}
	.icon-box {padding: 1rem .5rem;}
	.icon-box:hover {padding: 1rem .5rem 4rem;}
	
	.relatedbox .title-box{
		text-align: left;
		margin: 0;
	}
	.relatedbox .row:first-child{margin-bottom: 2.5rem;}
	.relatedbox .readmore-btn.relatedreadmore{float: right;margin: 0;}
	.title-box h2{font-size: 30px;}
	.relatedbox .readmore-btn.relatedreadmore{display: block;}

	/*.tabs-newspage ul.nav-pills li{
		width: auto;
		margin:  auto ;
	}*/
	.tabs-newspage ul.nav-pills li{
		margin: 0 10px;
		width: 22%;
	}
	.tabs-newspage ul.nav-pills li a {
		width: 100%;
		padding: 25px 15px;
		height: 100%;
	}
	
	.tabs-newspage .sunmenu-pdf ul{margin-bottom: 0;}
	.tabs-newspage .sunmenu-pdf ul.nav-pills li{
		width: 100%;
		margin: 0 auto 1rem;
	}
	
	.content-box.aboutpagepro .row:first-child{justify-content: flex-end;}
	.content-box.aboutpagepro .row:last-child{justify-content: flex-start;align-items: center;}
	.img-hbox,
	.img-hbox img{
		height: 100%;
		aspect-ratio:auto;
	}
	.textabout-box{padding: 0 7% 0 10%;margin: 3rem auto 2rem;}
	.contentvision{padding: 5% 0;}
	.vision-text{margin-bottom: 2rem;}
	.text-job table td:first-child{width: 170px;}
}
@media (min-width: 992px) { 
	#nav-icon3{display: none ;}
	.navbar-brand img{
		width: auto;
		max-width: 100%;
	}
	.hamburgers-box{justify-content: space-between;}
	.navbar-brand{width: auto;}
	.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: auto;
		padding: 0;
		text-align: center;
		position: static;
	}
	.navbar-nav li a{
		padding: 35px 5px;
	}
	.hvr-underline-from-left:before{bottom: 30%;}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.social-header img{width: 33px; filter: brightness(0) invert(1);}
	.social-header{padding: 0;margin: 0;}
	.hotline {
        margin-right: -2rem;
        margin-left: 2rem;
    }
	.navbar-nav li .dropdown-menu{
		width: 100%;
		max-width: 100%;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0;
		padding: 0 2rem;
		transition: all 0.6s;
	}
	.navbar-nav li .dropdown-menu a{
		/*margin-bottom: 1rem;*/
		padding:15px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.3;
		height: calc(1rem* 1.3* 3.5);
	}
	.navbar-nav li .dropdown-menu a img{width: 35px;}
	.navbar-nav li.dropdown:hover .dropdown-menu{display: block;}
	.category-box {padding: 2rem;}
	.menu-footer{margin: 0 -15px;}
	.category-box {padding: 2rem 1rem;}
	.title-box h1{font-size: 38px;}
	.slideproductone .slick-prev, 
	.slideproductone .slick-next {
        width: 45px;
        height: 45px;
        top: 40%;
    }
	#carouselmainSlide .carousel-item{height: auto;}
	.social-header{text-align: right;}
	.logo-footer img {width: auto;}
	.icon-box:hover .readmore-btn { bottom: 5%; }
	.mapbox{height: 350px;}
	
	.navbar-nav li .dropdown-menu .subdropdown a {
        padding: 10px 15px;
        -webkit-line-clamp: none;
        height: auto;
    }
	.tabs-newspage ul.nav-pills img{width: 60px;}
	.tabs-newspage .sunmenu-pdf ul.nav-pills img{width: 50px;}
	
	
	
	.textabout-box{padding: 0 20% 0 10%;}
	.text-job table td:first-child{width: 200px;}
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.service-banner{padding: 0 10%;}
	.textabout-home h1 {
        font-size: 40px;
    }
	.readmore-btn{width: 170px;}
	.textabout-home {
        margin-right: -4rem;
    }
	.hotline {
        margin-left: 9rem;
		margin-right: -6rem;
    }
	.readmore-btn {width: 185px;}
	.readmore-btn img{width: 25px !important;}
	.videoplay {
        aspect-ratio: 3 / 2;
    }
	
	.navbar-nav li .dropdown-menu a{
		height: calc(1rem* 1.3* 3);
	}
	.textabout-box {
        padding: 0 20%;
        margin: 3rem auto;
    }
	.tabs-newspage ul.nav-pills img{width: 70px;}
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
	
	.hotline {
        margin-left: 13rem;
        margin-right: -7rem;
    }
	.icon-box img{width: 90px;}
	.captionbanner{font-size: 45px;}
	.captionbanner h1{font-size: 55px;}
	.category-box img{width: 60px;}
	
	.category-box{padding: 2rem .75rem;}
	.footer{font-size: .9rem;}
	.navbar-nav li a {
        padding: 45px 5px;
    }
	.navbar-nav li .dropdown-menu a img{width: 45px;}
}

@media (min-width: 1600px) { 
	html{ font-size:22px; } 
	.hotline {
        margin-left: 9rem;
        margin-right: -6rem;
    }
	.category-box{min-height: 240px;height: auto;padding: 2rem .75rem;}
	.icon-box {padding: 2rem .5rem; }
	.navbar-nav li .dropdown-menu{padding: 0 5rem;}
	.tabs-newspage ul.nav-pills img{width: 80px;}
}
@media (min-width: 1800px) {
    .container{ max-width: 1336px; }
	.icon-box img {width: 110px;}
	.icon-box:hover {padding: 2.5rem .5rem 4.5rem;}
	.icon-box:hover .readmore-btn {bottom: 8%;}
	.navbar-nav li a {
        padding: 55px 5px;
    }
	.navbar-nav li .dropdown-menu{padding: 0 10rem;}
}
@media (min-width: 2000px) {
	.container{ max-width: 1440px; }
	
}