@media (min-width: 768px) {
	html{ font-size:18px; } 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 2%;}
	.content-otherpage,
	.content-box{padding: 5% 0;}
	.copyright-box{/*text-align: left;*/}
	.social-footer{margin: 0;text-align: center;}
	
	#carouselmainSlide .carousel-item{height: 405px;}
	#carouselmainSlide .carousel-control-next img, 
	#carouselmainSlide .carousel-control-prev img{width: 45px;}
	
	.content-box.workhome{overflow: hidden;}
	.content-box.raletedbox .row.justify-content-between,
	.content-box.workhome .row.justify-content-between{margin-bottom: 2rem;}
	.content-box.workhome .title-works{margin-bottom: 0;}
	.content-box.workhome .readmore-btn,
	.content-box.raletedbox .readmore-btn{float: right;margin: 0;}
	.slideworks .slick-list{overflow: inherit;}
	.slideworks .slick-track{
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
	}
	.slideworks .slick-slide:hover,
	.slideworks .slick-slide.slick-current.slick-active{transition: all 0.7s;width: 8% !important;}
	.slideworks .slick-slide.slick-current.slick-active .works-box .img-box{
		aspect-ratio: 4/3;
	}
	
	
	.content-box.abouthome{padding: 6% 0;}
	.icon-box {height: 100%;margin: 0;}
	.icon-box .img-box{padding: 1.5rem;}
	.contact-footer{margin: 0;}
	.bannerotherpage{padding: 10% 0 10%;}
	
	.contact-box{margin: 0 auto;}
	.content-box.contactpage{padding: 5% 0;}
	
	
	.imgcontact{height: 100%;}
	.products-box.news-hbox{margin: 0;height: 100%;}
	.text-aboutpage h1{font-size: 30px;}
	.address-box h1, .contact-box h1, .social-box h1{margin-top: 0;}
	.social-box{margin-top: 0;}
	.address-box{margin-bottom: 2rem;}
	.qrcode-map{width: 97%;margin: auto;}
}
@media (min-width: 992px) { 
	#nav-icon3{display: none ;}
	.headbar-main{position: fixed;background-color: transparent;}
	.navbar-brand img{width: 150px;max-width: 100%;}
	.slim .navbar-brand img{width: 100px;}
	.slim.headbar-main{padding:.3rem 0;}
	.hamburgers-box{justify-content: space-between;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 95%;
		justify-content: flex-end;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		position: static;
	}
	.navbar-nav li a{
		padding: 10px 17px;
		text-align: center;
		border-radius: 30px;
		overflow: hidden;
		font-size: 20px;
	}
	.navbar-nav li.dropdown{
		background: #ff6130;
		color: #FFF;
		position: relative;
		border-radius: 30px;
	}
	.navbar-nav li.dropdown a{color: #FFF;}
	.navbar-nav li.dropdown .dropdown-menu{
		min-width: inherit;
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
	}
	.navbar-nav li .dropdown-menu a{
		justify-content: center;
		opacity: 0;
		height: 0;
		transition: all 0.6s;
		text-transform: uppercase;
		border-radius: 0px;
		overflow: inherit;
		color: #000;
	}
	.navbar-nav li.dropdown:hover .dropdown-menu{
		top: 100%;
		height: auto;
		opacity: 1;
	}
	.navbar-nav li.dropdown:hover .dropdown-menu a{
		opacity: 1;
		height: auto;
	}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.social-header{
		text-align: right;
		margin: 0;
		padding: 0;
	}
	.slideworks .slick-slide:hover,
	.slideworks .slick-slide.slick-current.slick-active {
        width: 7.5% !important;
    }
	.slideworks .slick-list{
		padding: 1rem;
	}
	.icon-box{padding: 3rem 2rem;}
	.textabout-box{padding: 1rem 2rem;}
	.titleabout-home p{font-size: 20px;}
	.titleabout-home h1{font-size: 38px;}
	.icon-box .img-box{
		width: 120px;
		height: 120px;
	}
	.contact-footer{padding-left: 3rem;}
	.address-footer{margin-right: -2rem;}
	#carouselmainSlide .carousel-item{height: 540px;}
	.social-footer{text-align: left;}
	.bannerotherpage {
        padding: 12% 0 5%;
        background-position: top center;
    }
	.content-box.aboutpage{padding: 7% 0 5%;}
	.text-aboutpage { padding-right: 5%;}
	.social-box{text-align: left;}
	.contactform{padding: 2rem;}
	.pdfload {width: 200px;}
	
}
@media (min-width: 1200px) {
	html{ font-size: 20px; } 
	.title-works,
	.title-products{font-size: 30px;}
	.title-works h1,
	.title-products h1{font-size: 50px;}
	.icon-box .img-box{
		width: 150px;
		height: 150px;
		padding: 2rem;
	}
	#carouselmainSlide .carousel-item{height: 715px;}
	.textabout-box {
        padding: 2rem 2.5rem;
    }
	.titleabout-home p{font-size: 24px;}
	.titleabout-home h1{font-size: 2rem;}
	
	.content-box.abouthome .col-xl-5{width: 50%;}
	.text-aboutpage{padding-right: 5%;}
	.text-aboutpage h1{font-size: 40px;}
	.bannerotherpage {
        padding: 12% 0 15%;
        background-position: center center;
    }
	.title-otherpage h1{font-size: 45px;}
}

@media (min-width: 1440px) {
	html{ font-size:20px; } 
    .container{ max-width: 1336px; }
	.navbar-brand img{width: 187px;}
	
	#carouselmainSlide .carousel-item{height: 760px;}

	.slideworks .slick-prev, .slideworks .slick-next{
		width: 40px;
		height: 40px;
	}
	.social-footer img{width: 45px;}
	.text-aboutpage h1{font-size: 45px;}
}

@media (min-width: 1600px) { 
    .container{ max-width: 1440px; }
	#carouselmainSlide .carousel-item{height: 863px;}
	.slideworks .slick-slide:hover,
	.slideworks .slick-slide.slick-current.slick-active {
        width: 7.65% !important;
    }
	.content-box.abouthome .col-xl-5 {
        width: 41.66666667%;
    }
	.address-footer{margin-right: 0rem;}
	.text-aboutpage {
        padding-right: 8%;
        font-size: 1.1rem;
    }
	.qrcode-map {
        width: 85%;
        margin: 0;
    }
	
}
@media (min-width: 1800px) {
	#carouselmainSlide .carousel-item{height: 992px;}
	.textabout-box {
        padding: 2rem 1.2rem;
    }
}
@media (min-width: 2000px) {
	#carouselmainSlide .carousel-item{height: 100vh;}
	
}