@media (min-width: 768px) { 
	html{font-size: 16px;}		
	#nav-icon3{top: 0rem;}	
	.navbar-collapse{
        width: 50%;
        top: 0% !important;
        left: -100%;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.navbar-collapse.show{
		left: 0 !important;
	}
	/*.navbar-brand h1, .aboutus-box h1, .address-footer h1, .address-footer h2{font-size: 25px;}
	.navbar-brand p, .address-footer h3{font-size: 17px;}*/
	.navbar-nav .dropdown-menu {margin: 0 auto;}
	.structure-list img{margin-right: 15px;width: 3.3em;}
	
	.languages-mobile {
		top: 2rem;
		right: 7rem;
	}
	.banner-caption {
		width: 75%;
		padding: 2.5rem 1rem;
	}
	
	
	.content-height{padding: 20% 0 5%;}
	/*.footer{min-height: 100vh;}*//*padding: 20% 0 5%;*/
	
	.aboutus-box{
		padding: 1rem;
		background: #FFF;
	}
	
	.services-con .col-6:nth-child(1n+1){border-right: 3px solid #FFF;}
	.services-con .col-6:nth-of-type(4){border-bottom: none;}
	.services-con .col-6:nth-of-type(3), .services-con .col-6:nth-of-type(6){border-right: none;}

	.icon-services{padding: 1.5rem 1rem;}
	.icon-services p{
		margin: 1rem auto 0;
		-webkit-line-clamp: inherit;
		height: auto;
	}
	.cus-logoimg img{width: auto;max-width: 100%;}
	
	/*.copyright-box {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}*/
	.policy-box {
		bottom: 5%;
		right: 2%;
		width: 515px;
		padding: 2rem 1rem;
	}
	.slide-services{padding: 5% 0;}
	/*.structure-list ul li {padding: 3% 5%;}*/
    .structure-list ul li {
        padding: 2rem 4rem;
        font-size: 1.2rem;
    }
    .structure-list img {
        width: 2.5em;
    }


	.project-box .img-box {
    	height: 230px;
	}
 
	/****************/
/* 	#page6{
		position: relative;
	}*/
	#page6 .copyright-box{
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	} 
	/****************/	

	.structure-list li a {
	    font-size: 1.6rem;
	}



}
@media (min-width: 960px){ 
	.languages-mobile {
		top: 7rem;
		right: 9rem;
	}
	.content-height {
		padding: 11% 0 2%;
	}
	.structure-list ul li {
		padding: .5% 5%;
	}

	 .icon-services { 
		/*padding: 1rem 1rem 0.2rem 1rem; */
		padding: 4rem 1rem 4rem 1rem;
	}



}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 	

 	.structure-list li a {
	    font-size: 1.3rem;
	}

 
	.structure-con{
		padding: 12rem 0 5rem;
	}
	#nav-icon3, .languages-mobile{display: none;}
	/*.navbar-brand img {width: 60px;}
	.navbar-brand h1{font-size: 20px;}
	.navbar-brand p{font-size: 14px;}*/
	.headbar-main{padding: .3rem 0;}
	.navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	}	
	.navbar-nav{width: 90%;}
	.navbar-nav li{
		 width: auto; 
		margin: auto; 
		padding: 0;
		font-size: 1rem;
		position: relative;
	}
	.navbar-nav.eng li a {
		padding: 5px;
		font-size: .9rem;
	}
	.navbar-nav li::after {
		content: '';
		width: 1px ;
		height: 75%;
		background: #FFF;
		position: absolute;
		right: -16%;
		top: 50%;
		z-index: 1;
		transform: translate(0,-50%);
	}
	body.EN .navbar-nav li::after,
	.navbar-nav.eng li::after {
		right: -10%;
	}
	.navbar-nav li:last-child::before{display: none;}
	.navbar-nav li a {
		padding: 5px 10px;
		text-align: center;
		overflow: hidden;
		font-size: 1.1rem;
	}	
	.navbar-nav li.active a, .navbar-nav li a:hover{
		color: #0093ff;
		background: none;
	}
	.navbar-nav .dropdown-menu{
		min-width: 17rem;
		padding: 0;
		overflow: hidden;
		border-radius: 10px;
		transition: all 1s;
		box-shadow: 0 4px 12px rgba(0,0,0,0.23);
	}
	.navbar-nav .dropdown-menu a{color: #FFF;transition: all 0.5s;}
	.navbar-nav .dropdown-menu a:hover{
		background: #FFF;
		color: #28b9eb;
		padding-left: 20px;
	}
	.dropdown:hover > .dropdown-menu{display: block;}
	.banner-caption {width: 60%;}
	
	.carousel-caption{padding: 2rem;}
	.carousel-caption h1{font-size: 40px;}
	
	
	.languages-box img{
		width: 30px;
	}
	.homeclick{
		width: 30px;
		transition: all 0.5s;
		filter: brightness(0) invert(1);
	}
	.tool-header li.active a .homeclick, .homeclick:hover{
		transform: scale(.95);
		filter: invert(42%) sepia(40%) saturate(5236%) hue-rotate(187deg) brightness(105%) contrast(102%);
	}
	.tool-header{margin-left: -15px;}
	.tool-header ul{
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.tool-header ul li{margin: 0 5px;}
	.languages-btn{		
		display: flex;
		align-items: center;
		color: #FFF;
	}
	.languages-btn span{margin-left: 5px;}
	.languages-box .dropdown-menu{
		border: none;
		background: #FFF;
		padding: 0;
		border-radius: 10px;
		width: 100%;
		margin: 0;
		min-width: inherit;
		overflow: hidden;
	}
	.languages-box .dropdown-menu a{
		display: block;
		padding: 15px 5px;
		text-align: center;
	}
	.languages-box .dropdown-menu a:hover{background: #f5f5f5;}
	
	
	
	 
	.slide-customers .col-lg-2 {width: 20%;}
	.aboutus-box{
		padding: 0;
		background: none;
	}
	.icon-services { 
		/*padding: 1rem 1rem 0.2rem 1rem; */
		padding:  2rem 1rem;
	}	
	.icon-services img {
    	width: 5em;
	}
 
	/*.icon-services img{width: 75px;}
	.title-structure, .footer h1,
	.aboutus-box h1, .address-footer h1{font-size: 24px;}
	.structure-list img{width: 70px;}
	.structure-list li .fa-circle-chevron-right{font-size: 45px;}*/
	
	.aboutus-box{height: 620px;padding: 0 0 3rem;}
	
	
	#carouselCustomers .carousel-control-prev img, #carouselCustomers .carousel-control-next img {
		width: 25px;
	}
	.structure-list ul li {padding: 2.3% 5%;}
 

	.about-con{background-size: 100% !important;}
	 
	.navbar-nav li::after{right: -15%;}

 
	.cus-logoimg img{max-width: 100%;}

 

 
}
/*//./////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1200px) {


 	.icon-services {padding: 2rem 1rem;}
	.icon-services img{
		width: 5em;
	}
	html{font-size: 18px;}	
    .container{ max-width: 1280px; }
	
	/*.navbar-brand h1, .address-footer h2{font-size: 31px;}*/
	body.EN .navbar-brand h1 {
	    font-size: 0.9rem;
	}

	.structure-con, .services-con, .customers-con, .footer{
		padding: 25% 0% 10%;
	}

	/*.navbar-brand img{width: 115px;}
	.navbar-brand p, .address-footer h3{font-size: 21px;}
	.navbar-nav li{font-size: 21px;}*/
	
	/*.banner-caption h1, .title-structure, .footer h1{font-size: 33px;}
	.banner-caption p{font-size: 24px;}*/
	
	.qr-scan img{width: 6em;}
	.address-footer img, .maplink img{width: 25px;}
	
	
	.structure-list ul li {
		font-size: 1.2rem;
		padding: 0.6em 5em;
	}
	.structure-list li a {
	    font-size: 1rem;
	}
	#carouselservices .carousel-indicators button{height: 65px;}
	.title-structure{padding: 0 7%;}
	.mapbox {
		width: 25em;
	}
	.content-height, .footer {
		padding: 0;//10% 0 5%
	}
	.navbar-nav li::after{right: -30%;}
	body.EN .navbar-nav li::after, .navbar-nav.eng li::after {
		right: -20%;
	}
	.address-footer h2 {
		font-size: 1.2rem;
	}
}
@media (min-width: 1280px){
	.icon-services {padding: 1.5rem 1rem;}
	.title-structure{font-size: 1.6rem;}
	.copyright-box{padding: 8px;}
	/*.content-height, .footer {
		padding: 8% 0 5%;
	}*/
	.structure-list img{width: 2.3em;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1300px) {

 
	.structure-list img{width: 3em;}
	.structure-list ul {
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: space-between;
		flex-wrap: wrap;
		height: 70vh;
	}
	.structure-list ul li {
		display: block;
	}
	.structure-list li .fa-circle-chevron-right {
		position: absolute;
		right: 5%;
		bottom: 30%;
		transform: scale(0) translate(0,-50%);
		z-index: 1;
	}
	.structure-list ul li:hover .fa-circle-chevron-right {
		opacity: 1;
		transform: scale(1) translate(0,-50%);
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
 

	.footer {
  		padding:  0   !important;
	}

    .container{ max-width: 1336px; }
	
 
	.icon-services {
		width: 80%;
		margin: 1rem auto;
	}
	
	.banner-caption{width: 50%;}
	.customers-con .title-structure{margin-bottom: 0;}
	
	
	.structure-list ul li {
		margin-bottom: 0;
		font-size: 1rem;
		padding: 1% 7%;
	}
 
	
	.aboutus-box{max-height: none;}
	.navbar-nav li::after{right: -35%;}
 
	.structure-list img{width: 4em;}


}
@media (min-width: 1450px){
	.icon-services {padding: 2.5rem 1rem;}
	.structure-list img{width: 3.5em;}
}
@media (min-width: 1500px){
	.content-heightnav{
		height: 8rem !important;
	}

	.structure-list img{width: 3.5em;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){

 

    .container{ max-width: 1440px; }
	.navbar-nav li::after {right: -40%;}
	.banner-caption{width: 50%;}
	#carouselSlideIndicators .carousel-indicators{margin-bottom: 2rem;}
	
	/*.structure-list img, .icon-services img {width:80px;}*/
	
	.icon-services{margin: 2rem auto;}
	/*.title-structure, .footer h1, .aboutus-box h1, .address-footer h1 {
		font-size: 33px;
	}*/
	.aboutus-box{padding: 0 0 2rem;}
	.structure-list ul li {
		padding: 1% 10%;
	}
	.title-structure{padding: 0 10%;}
	.icon-services {
		padding: 2rem 1rem;
	}
	.icon-services img{width: 4.3em;}
	.mapbox {width: 35em;}
	body.EN .navbar-nav li::after, .navbar-nav.eng li::after {
		right: -30%;
	}
	.navbar-nav.eng li a {font-size: 1rem;}
	body.EN .navbar-brand h1, .navbar-brand.eng h1 {
		font-size: 1.6rem;
	}
	.qr-scan img{width: 8.3em;}
	/*.content-height, .footer{padding: 7% 0 0%;}*/
	.structure-list img{width: 4em;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1720px) {
    .container{ max-width: 1600px; } 	
	.navbar-nav li::after {right: -50%;}
	
	.address-footer.eng h2 {
		font-size: 1.2rem;
	}
	
	
}


@media (min-width: 1920px){
	.icon-services img {width: 5em;}
	.qr-scan img{width: 7.5em;}
}


