/* Medium Layout: 1200px. */
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	.carousel-caption h1 {
		font-size: 36px;
	}
	.carousel-caption {
		bottom: 130px; /* 120px */
	}
	.news-area .owl-buttons .owl-next {
		right: -20px;
	}
	.news-area .owl-buttons .owl-prev {
		left: -20px;
	}
	.news-area .owl-buttons div {
		background: #3c4858;
  		border: 2px solid #3c4858;
  		color: #fff;
	}

	/******************************************** INDEX */
	.myClassTextCenterCarousel {
		font-family: 'Gotham_Medium';
		font-size: 33px;  /* 37px */
		line-height: 40px; /* 45px */ 
		letter-spacing: -0.5px;
		color: #ffffff;
		text-align: center; 
	}

	.myClassAllDataContainerText {
		padding: 10px;
		display: inline-block; 
		vertical-align: middle; 
		/* background-color: #00c0ef; */
	
		text-align: justify;
		text-justify: inter-word;
		  
		width: 68%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1000px) {

	.carousel-caption {
		bottom: 92px; /* 120px */
	}

	.myClassAllDataContainerText {
		padding: 10px;
		display: inline-block; 
		vertical-align: middle; 
		/* background-color: #00c0ef; */
	
		text-align: justify;
		text-justify: inter-word;
		  
		width: 64%;
	}

}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.logoDivContainer {
		width: 167px;
		height: 63px;
		/*background: url("../img/logoSVG2.svg") no-repeat;*/
		background: url("../img/logo2.png") no-repeat;
	}

	header   {
		position: relative;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #303030;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-light .navbar-nav .nav-link2 {
		color: #303030;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-light .navbar-nav .social {
		display: none;	
	}
	.carousel-caption h1 {
		font-size: 36px;
	}
	.carousel-caption {
		bottom: 70px;
	}
	.news-area .owl-buttons .owl-next {
		right: -20px;
	}
	.news-area .owl-buttons .owl-prev {
		left: -20px;
	}
	.news-area .owl-buttons div {
		background: #3c4858;
  		border: 2px solid #3c4858;
  		color: #fff;
	}
	.years-box ul li {
		margin-bottom: 50px;
	}
	.overview-area .gap {
		display: none;
	}
	.overview-area .gap1 {
		margin-top: 50px;
	}
	.single-project-area .owl-buttons {
		margin-right: 20%;
	}
	.navbar-light .navbar-nav .active .nav-link {
		color: #55b7ff;
		border: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:focus {
		color: #55b7ff;
	}

	.navbar-light .navbar-nav .nav-link2:hover,
	.navbar-light .navbar-nav .nav-link2:focus {
		color: #55b7ff;
	}

	.navbar-brand {
		color: #3c4858 !important;
	}

	/******************************************** INDEX */
	.myClassObjectContainer {
		width: 100%;
		text-align: center; 
		padding-left: 0%; 
		/* border: 1px solid blue; */
	}

	.myClassTextCenterCarousel {
		font-family: 'Gotham_Medium';
		font-size: 25px;  /* 37px */
		line-height: 35px; /* 45px */ 
		letter-spacing: -0.5px;
		color: #ffffff;
		text-align: center; 
	
	}

	.myClassAllDataContainerText {
		text-align: center;
		text-justify: inter-word;
	}

	.myClassObjectContainer {
		width: 100%;
		text-align: center;  
		/* border: 1px solid red; */
	}

	.myClassAllDataContainerDot {
		width: 100%;
		/* background-color: #f56954; */
	}

	/******************************************** SERVICIOS */
	.myClassAllDataContainerTextServ {
		padding: 10px;
		display: inline-block; 
		vertical-align: middle; 
		text-align: center;
		line-height: 1.15;
	}

	/******************************************** FVIRTUAL */
	.myClassVideo {
		width: 690px; 
		height: 388px;
	}
}


/* Mobile Layout: 320px. */
/*
@media only screen and (max-width: 767px) {

	.myClassObjectContainer {
		width: 100%;
		text-align: center; 
		padding-left: 0%; 
	}

	.myClassTextCenterCarousel {
		font-family: 'Gotham_Medium';
		font-size: 20px;  
		line-height: 25px; 
		letter-spacing: -0.5px;
		color: #ffffff;
		text-align: center; 
	
	}

	.myClassObjectContainer {
		width: 100%;
		text-align: center;  
	}

	.myClassAllDataContainerDot {
		width: 100%;
	}
}
*/


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 601px) and (max-width: 767px) {

	.logoDivContainer {
		width: 167px;
		height: 63px;
		/* background: url("../img/logoSVG2.svg") no-repeat; */
		background: url("../img/logo2.png") no-repeat;
	}

	.carousel-caption {
		bottom: 30% !important;
		vertical-align: middle; 
	}

	/******************************************** INDEX */

	.myClassObjectContainer {
		width: 100%;
		text-align: center; 
		padding-left: 0%; 
		/* border: 1px solid blue; */
	}

	.myClassTextCenterCarousel {
		font-family: 'Gotham_Medium';
		font-size: 20px;  /* 37px */
		line-height: 25px; /* 45px */ 
		letter-spacing: -0.5px;
		color: #ffffff;
		text-align: center; 
	
	}

	.myClassAllDataContainerText {
		text-align: center;
		text-justify: inter-word;
	}

	.myClassObjectContainer {
		width: 100%;
		text-align: center;  
		/* border: 1px solid red; */
	}

	.myClassAllDataContainerDot {
		width: 100%;
		/* background-color: #f56954; */
	}

	/******************************************** SERVICIOS */
	.myClassAllDataContainerTextServ {
		padding: 10px;
		display: inline-block; 
		vertical-align: middle; 
		text-align: center;
		line-height: 1.15;
	}

	/******************************************** FVIRTUAL */
	.myClassVideo {
		width: 510px; 
		height: 287px;
	}
}

@media only screen and (min-width: 501px) and (max-width: 600px) {

	.logoDivContainer {
		width: 167px;
		height: 63px;
		/*background: url("../img/logoSVG2.svg") no-repeat;*/
		background: url("../img/logo2.png") no-repeat;
	}

	.carousel-caption {
		bottom: 20% !important;
		vertical-align: middle; 
	}

	/******************************************** INDEX */

	.myClassObjectContainer {
		width: 100%;
		text-align: center; 
		padding-left: 0%; 
		/* border: 1px solid blue; */
	}

	.myClassTextCenterCarousel {
		font-family: 'Gotham_Medium';
		font-size: 18px;  /* 37px */
		line-height: 20px; /* 45px */ 
		letter-spacing: -0.5px;
		color: #ffffff;
		text-align: center; 
	
	}

	.myClassAllDataContainerText {
		text-align: center;
		text-justify: inter-word;
	}

	.myClassObjectContainer {
		width: 100%;
		text-align: center;  
		/* border: 1px solid red; */
	}

	.myClassAllDataContainerDot {
		width: 100%;
		/* background-color: #f56954; */
	}

	/******************************************** SERVICIOS */
	.myClassAllDataContainerTextServ {
		padding: 10px;
		display: inline-block; 
		vertical-align: middle; 
		text-align: center;
		line-height: 1.15;
	}

	/******************************************** FVIRTUAL */
	.myClassVideo {
		width: 471px; 
		height: 265px;
	}
}

/* (min-width: 360px) and (max-width: 500px) */

@media only screen and (min-width: 300px) and (max-width: 500px) {

	.logoDivContainer {
		width: 167px;
		height: 63px;
		/*background: url("../img/logoSVG2.svg") no-repeat;*/
		background: url("../img/logo2.png") no-repeat;
	}

	.news-area .owl-buttons .owl-next {
		right: 0px;
		z-index: 100;
	}
	.news-area .owl-buttons .owl-prev {
		left: 0px;
		z-index: 100;	
	}

	/******************************************** INDEX */

	.myClassObjectContainer {
		width: 100%;
		text-align: center; 
		padding-left: 0%; 
		/* border: 1px solid blue; */
	}

	.myClassTextCenterCarousel {
		font-family: 'Gotham_Medium';
		font-size: 13px;  /* 37px */
		line-height: 20px; /* 45px */ 
		letter-spacing: -0.5px;
		color: #ffffff;
		text-align: center; 
	
	}

	.myClassAllDataContainerText {
		text-align: center;
		text-justify: inter-word;
	}

	.myClassObjectContainer {
		width: 100%;
		text-align: center;  
		/* border: 1px solid red; */
	}

	.myClassAllDataContainerDot {
		width: 100%;
		/* background-color: #f56954; */
	}

	/******************************************** SERVICIOS */
	.myClassAllDataContainerTextServ {
		padding: 10px;
		display: inline-block; 
		vertical-align: middle; 
		text-align: center;
		line-height: 1.15;
	}

	/******************************************** FVIRTUAL */
	.myClassVideo {
		width: 330px; 
		height: 186px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 767px) {

	.logoDivContainer {
		width: 167px;
		height: 63px;
		/*background: url("../img/logoSVG2.svg") no-repeat;*/
		background: url("../img/logo2.png") no-repeat;
	}

	header   {
		position: relative;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #303030;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-light .navbar-nav .active .nav-link {
		color: #ffffff;
		border: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:focus {
		color: #ffffff; /* #55b7ff */
	}
	.navbar-brand {
		color: #3c4858 !important;
	}
	.navbar-light .navbar-nav .social {
		display: none;	
	}
	.carousel-caption {
		bottom: -25%;
		vertical-align: middle; 
	}
	.carousel-caption h1 {
		font-size: 20px;
	}
	.carousel-caption a, .carousel-caption h5 {
		display: none;
	}
	.years-box ul li {
		margin-bottom: 50px;
	}
	.single-project-area .owl-buttons {
		display: none;
	}
	.tab-area .nav {
		display: inline-block;
		margin-bottom: 30px;
	}
	.tab-area .nav-link {
		display: inline-block;
	}
	.news-area .owl-buttons .owl-next {
		right: -10px;
	}
	.news-area .owl-buttons .owl-prev {
		left: -10px;
	}
	.news-area .owl-buttons div {
		background: #3c4858;
  		border: 2px solid #3c4858;
  		color: #fff;
	}
	.overview-area .gap {
		display: none;
	}
	.overview-area .gap1 {
		margin-top: 50px;
	}
}