@media (min-width: 768px) {
	html{ font-size:16px; } 
	.navbar-collapse{width: 40%;}
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 4%;
	}
	.content-box{padding: 5% 0;}
	
	.icon-about{padding: 1.5rem 1rem;}
	
	.services-list img{width: 83px;}
	
	
	
	.title-work{text-align: left;}
	.workcontent .title-work{margin: 0;}
	.workcontent .readmore-btn{margin: 0;float: right;}
	.img-contactform,
	.img-contactform img{width: 100%;height: 100%;object-fit: cover;}
	.services-list.bottomlist { bottom: 5%;}
	
	.services-list.toplist ul li:nth-of-type(1) {margin-top: 3.5rem;}
	.services-list.toplist ul li:nth-of-type(3) {margin: -4.4rem -1rem -1rem 2.5rem;}
	.services-list.toplist ul li:nth-of-type(4) {margin: -3.2rem -1rem -1rem 5rem; }
	.services-list.bottomlist ul li:nth-of-type(1) {margin: -13.5rem -1rem -1rem 2.5rem;}
	.services-list.bottomlist ul li:nth-of-type(2) {margin: -4rem -1rem -1rem .75rem;}
	.services-list.bottomlist ul li:nth-of-type(3) {margin: -7rem -1rem -1rem 1rem;}
	.services-list.bottomlist ul li:nth-of-type(6) {margin: -17.5rem -1rem -1rem 0.5rem;}
	.services-list.bottomlist ul li:nth-of-type(7) {margin: -28rem -1rem -1rem -.5rem; }
	
	.services-list.toplist li:nth-of-type(2) p{top: -2rem;}
	.services-list.bottomlist ul li:nth-of-type(2) p{left: .5rem;}
	.services-list.bottomlist ul li:nth-of-type(3) p,
	.services-list.bottomlist ul li:nth-of-type(4) p,
	.services-list.bottomlist ul li:nth-of-type(6) p{left: 1.5rem;}
	.services-list.bottomlist ul li:nth-of-type(7) p { left: 2rem; }
	
	.content-box.customercontent{padding-bottom: 0;}
	
	.language-box.mobiledisplay{top: 1rem;}
	.contactaddress{margin: 4rem 0;}
	.mapbox {height: 100%;}
}
@media (min-width: 992px) { 
	html{ font-size:18px; } 
	.navbar-brand{width: 100%;text-align: center;}
	.navbar-brand img{width: 150px;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: center;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		margin: 0;
		justify-content: center;
	}
	
	.navbar-nav li{
		width: auto;
		margin: auto;
		text-align: center;
		position: static;
	}
	.navbar-nav li .dropdown-menu{
		top: 100%;	
		left: 0;
		height: 0;
		opacity: 0;
		transform: none !important;
		margin: 0;
		width: 100%;
		border-radius: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.6s;
	}
	.navbar-nav li.dropdown:hover .dropdown-menu{
		height: 77px;
		opacity: 1;
	}
	.navbar-nav li .dropdown-menu a{
		padding: 10px 20px;
		color: #000066;
	}
	.navbar-nav li .dropdown-menu a.active,
	.navbar-nav li .dropdown-menu a:hover{color: #ff6600;}
	.navbar-nav li a{
		padding: 6px;
		text-align: center;
	}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.social-header{text-align: right;margin: 0;}
	.contactbar{display: block;}
	.navbar-nav li.language-box .dropdown-menu{
		top: 100%;
		margin: 0;
		width: auto;
		border-radius: 10px;
		display: none;
		opacity: 1;
		height: auto;
		font-size: .95rem;
	}
	.navbar-nav li.language-box .dropdown-menu a{color: #FFF;padding: 10px 5px;}
	.navbar-nav li.language-box{display: block;position: relative;}
	.navbar-nav li.language-box:hover .dropdown-menu{
		display: block;
		height: auto;
	}
	.address-footer{margin-left: -1.5rem;}
	.social-footer{margin: 0;}
	.icon-about img{width: 65px;}

	.icon-about p{
		-webkit-line-clamp: 3;
		height: calc(1rem* 1.3* 3);
		margin-bottom: 0;
	}
	
	
	.services-list img{width: 115px;}
	
	.formcontact-home{padding: 0 2rem;}
	.icon-content{
		background-size: 100% !important;
	}
	
	.services-list.toplist ul li:nth-of-type(1) {
        margin-top: 4rem;
        margin-left: 2rem;
    }
	.services-list.bottomlist ul li:nth-of-type(1) {margin: -16rem -1rem -1rem 3rem;}
	.services-list.bottomlist ul li:nth-of-type(2) {margin: -4rem -1rem -1rem 0rem;}
	.services-list.bottomlist ul li:nth-of-type(3) {margin: -8rem -1rem -1rem 1rem;}
	.services-list.bottomlist ul li:nth-of-type(5) {margin: -14.7rem 0 -1rem .5rem;}
	.services-list.bottomlist ul li:nth-of-type(6) {margin: -21.5rem -1rem -1rem -1rem;}
	.services-list.bottomlist ul li:nth-of-type(7) {margin: -34rem -1rem -1rem -1rem;}
	.services-list.bottomlist {
        bottom: 3%;
    }
	
	.services-list.toplist li:nth-of-type(1) p {top: -1rem; }
	.services-list.bottomlist ul li:nth-of-type(1) p{left: 1.5rem;}
	.services-list.bottomlist ul li:nth-of-type(3) p,
	.services-list.bottomlist ul li:nth-of-type(4) p,
	.services-list.bottomlist ul li:nth-of-type(6) p{left: 2rem;}
	.language-box.mobiledisplay{display: none;}
	
	
	.language-box .dropdown-menu{min-width: 6rem;}
	
	.social-box img{width: 40px;}
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.footer{font-size: 1rem;}
	.address-footer{margin-left: 0rem;}
	.icon-about img{width: 80px;}
	
	
	
	
	.services-list img {width: 125px;}
	.services-list.bottomlist { bottom: 0%;}
	.services-list.toplist ul li:nth-of-type(1) { margin-top: 5rem;}
	.services-list.toplist ul li:nth-of-type(2) {margin: -2.5rem -1rem -1rem 1.4rem;}
	.services-list.toplist ul li:nth-of-type(3) {margin: -5.4rem -1rem -1rem 3.5rem;}
	.services-list.toplist ul li:nth-of-type(4) {margin: -5.2rem -1rem -1rem 6rem;}
	
	.services-list.bottomlist ul li:nth-of-type(1) {margin: -20.5rem -1rem -1rem 3.5rem;}
	.services-list.bottomlist ul li:nth-of-type(2) {margin: -8rem -1rem -1rem .75rem;}
	.services-list.bottomlist ul li:nth-of-type(3) {margin: -12rem -1rem -1rem 1.5rem;}
	.services-list.bottomlist ul li:nth-of-type(4) {margin: -15rem -1rem -1rem 1.5rem;}
	.services-list.bottomlist ul li:nth-of-type(5) {margin: -19.7rem 0 -1rem .75rem;}
	.services-list.bottomlist ul li:nth-of-type(6) {margin: -26.5rem -1rem -1rem -.5rem;}
	.services-list.bottomlist ul li:nth-of-type(7) {margin: -39rem -1rem -1rem -0.5rem;}
	
	
	.contact-footer{margin-left: 2rem;margin-right: -2rem;}
	.social-footer img{width: 40px;}
	.contactformcontent .row{align-items: center;}
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
	
	.services-list img {width: 140px;}
	.services-list.bottomlist ul li:nth-of-type(1) {margin: -22.5rem -1rem -1rem 3.5rem;}
	.services-list.bottomlist ul li:nth-of-type(3) {margin: -13rem -1rem -1rem 1.5rem;}
	.services-list.bottomlist ul li:nth-of-type(4) {margin: -16rem -1rem -1rem 1rem;}
	.services-list.bottomlist ul li:nth-of-type(5) {margin: -21rem 0 -1rem .5rem;}
	.services-list.bottomlist ul li:nth-of-type(6) {margin: -28rem -1rem -1rem -.5rem;}
	.services-list.bottomlist ul li:nth-of-type(7) {margin: -42rem -1rem -1rem -1rem;}
	
	
	.services-list.toplist li:nth-of-type(4) p {
		top: 1.5rem;
		right: -5rem;
	}
	
}

@media (min-width: 1600px) { 
	html{ font-size:22px; }
    .container{ max-width: 1336px; }
	.services-list img{width: 160px;}
	.services-list.toplist ul li:nth-of-type(2) {margin: -2.5rem -1rem -1rem 1rem;}
	.services-list.toplist ul li:nth-of-type(3) {margin: -6rem -1rem -1rem 3rem;}
	.services-list.bottomlist ul li:nth-of-type(2) {margin: -8rem -1rem -1rem 0rem;}
	.services-list.bottomlist ul li:nth-of-type(3) {margin: -13rem -1rem -1rem 1rem;}
	.services-list.bottomlist ul li:nth-of-type(4) {margin: -16rem -1rem -1rem .7rem;}
	.services-list.bottomlist ul li:nth-of-type(6) {margin: -28rem -1rem -1rem -1rem;}
	.services-list.bottomlist ul li:nth-of-type(7) {margin: -42rem -1rem -1rem -1.2rem;}
	
	.services-list.toplist li:nth-of-type(1) p,
	.services-list.toplist li:nth-of-type(3) p{top: -2rem;}
	.services-list.bottomlist ul li:nth-of-type(2) p {
        left: 1.5rem;
    }
	
}
@media (min-width: 1800px) {
    .container{ max-width: 1440px; }
	
	.services-list.toplist ul li:nth-of-type(1) {
        margin-top: 5.5rem;
        margin-left: 2.5rem;
    }
	.services-list.toplist ul li:nth-of-type(3) {margin: -6rem -1rem -1rem 4rem;}
	.services-list.toplist ul li:nth-of-type(4) { margin: -5.2rem -1rem -1rem 7rem;}
	.services-list.toplist li:nth-of-type(3) p,
	.services-list.toplist li:nth-of-type(1) p {top: -2rem;}
	
	.services-list.bottomlist ul li:nth-of-type(1) {margin: -24rem -1rem -1rem 4rem;}
	.services-list.bottomlist ul li:nth-of-type(2) {margin: -8.5rem -1rem -1rem 0.5rem;}
	.services-list.bottomlist ul li:nth-of-type(3) {margin: -13.5rem -1rem -1rem 2rem;}
	.services-list.bottomlist ul li:nth-of-type(4) { margin: -17rem -1rem -1rem 0.8rem;}
	.services-list.bottomlist ul li:nth-of-type(5) { margin: -22.5rem 0 -1rem 1rem;}
	.services-list.bottomlist ul li:nth-of-type(6) {margin: -30rem -1rem -1rem -.5rem;}
	.services-list.bottomlist ul li:nth-of-type(7) {margin: -45rem -1rem -1rem -.75rem;}
	
	.services-list.bottomlist ul li:nth-of-type(5) p{left: .5rem;}
}
@media (min-width: 2000px) {
	.container{ max-width: 1600px; }
	
}