@media (min-width: 768px) {
	html{ font-size:16px; } 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 2%;}
	.bannerpage,
	.content-box{padding:5% 0;}
	.content-box.relatedcontent,
	.content-box.projectspage,
	.content-box.servicepage,
	.content-box.contactpage{padding: 3% 0;}
	.content-box.contactpage{padding: 3% 0;}
	.title-box.subtitle{text-align: left;}
	
	.readbt.readright{float: right;margin: 0;}
	.iconsethome{display: block;}
	.slideicons{display: none;}
	.iconbox{
		margin: 2rem auto;
		padding: 4rem .5rem 2rem;
	}
	.iconbox h1{font-size: 1.1rem;}
	.iconbox p {
		-webkit-line-clamp: 5;
		height: calc(1rem * 1.3 * 5);
	}
	.content-box.abouthome{padding-bottom: 5%;}
	.slideservices .slick-prev{left: 45%;}
	.slideservices .slick-next{right: 45%;}
	.content-box.servicehome{padding-bottom: 0;}
	.textservices{padding: 1rem .75rem;}
	.title-box h3{font-size: 25px;}
	.content-tagline{padding-top: 7%;}
	.yellow-box, .bluecolor-box{aspect-ratio:3/2;}
	
	
	.workboxs .img-box{margin-bottom: 1rem;}
	.textwork h1{height: calc(1rem * 1.5 * 2);}
	.followbox h1{font-size: 1rem;margin-bottom: 0;}
	.followbox{padding: 1rem .75rem;}
	.taglinehome h2{font-size: 24px;}
	.slideshow{margin: 0 auto 2rem;}
	
	.content-tagline{
		background-size: 100% !important;
	}
}
@media (min-width: 992px) { 
	#nav-icon3{display: none ;}
	.headbar-main{padding: 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;
		padding: 0;
	}
	.navbar-nav li{
		width: auto;
		padding: 0;
		margin: auto;
	}
	.navbar-nav li a{
		padding: 10px;
		text-align: center;
		font-size: 1.2rem;
	}
	.policy-box ul li{margin-right: 2rem;}
	.policy-box ul{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.social-footer{
		margin: 0 ;
		text-align: left;
	}
	#carouselmainSlide .carousel-item{height: 630px;}
	.formcontact{margin: 0;}
	.followbox{height: 100%;}
	.followbox p{font-size: .9rem;}
	.detail-form img{width: 75px;}
	.detail-form #captcha-refresh{font-size: 20px;}
	.mapfooter{margin: 0;}
	.slideservices .slick-prev, .slideservices .slick-next {
    	width: 40px;
		height: 40px;
	}
	.iconsethome .col-lg-2{width: 20%;}
	.iconbox p {
        -webkit-line-clamp: 8;
         height: calc(1rem * 1.3 * 8); 
    }
	.iconbox {
        margin: 3rem auto 1rem;
        padding: 3rem .5rem 2rem;
    }
	.yellow-box, .bluecolor-box {
        aspect-ratio: 4 / 2;
		padding: 2rem;
    }
	.taglinehome h2{font-size: 28px;}
	.content-tagline{padding-top: 5%;}
	.boxcolortwin{margin-top: 1rem;}
	.social-header{padding: 0; margin:1rem 0 0; text-align: right;}
	.social-header img.filterphone{filter: invert(29%) sepia(11%) saturate(1228%) hue-rotate(187deg) brightness(92%) contrast(89%);}
	.social-header img{
		filter: none;
		margin: 0 5px;
	}
	.tabsdetails ul.nav-pills li a{width: 200px;}
	
}
@media (min-width: 1200px) {
	html{ font-size:18px; } 
	.followbox .row{margin-bottom: 2rem;}
	.boxcolortwin h3{font-size: 1.2rem;}
	.title-box h3{font-size: 36px;}
	.slideservices .slick-prev, .slideservices .slick-next {
        width: 50px;
        height: 40px;
		bottom: 2%;
    }
	.title-box h1{font-size: 40px;}
	.iconbox p {
        -webkit-line-clamp: 7;
        height: calc(1rem * 1.3 * 7);
    }
	.readmap {
		padding: 8px;
		width: 245px;
	}
	.social-header img{width: 40px;}
	.yellow-box, .bluecolor-box {
		padding: 2rem 3rem;
    }
	.taglinehome h2 {
        font-size: 33px;
    }
}

@media (min-width: 1440px) {
	html{ font-size:20px; } 
	#carouselmainSlide .carousel-item{height: 727px;}
	.taglinehome h2 {
        font-size: 30px;
        line-height: 1.5;
    }
	.iconcircle{
		width: 100px;
		height: 100px;
	}
	.iconbox p{
		font-size: 16px;
		-webkit-line-clamp: 5;
		height: calc(1rem * 1.3 * 5);
	}
	.iconbox h1{font-size: 1rem;}
	.iconbox {padding: 4rem .4rem 1rem;margin-bottom: 0;}
	.readmap{width: 265px;margin-top: 2rem;}
	
}

@media (min-width: 1600px) {
}
@media (min-width: 1800px) {
	html{font-size:20px;}
	.followbox img{width: 45px;}
	#carouselmainSlide .carousel-item{height: 785px;}
	
}
@media (min-width: 2000px) {
	
}
@media (min-width: 2400px) {
	
}
@media (min-width: 2750px) {
	
}
@media (min-width: 3000px) {
	
}