@media (max-width: 1024px) {

	.navbar {
	padding-top: 2rem;
	}

	#bottom {
	margin-left: 13rem;
	padding-left: 13rem;            
    bottom:0.1rem;                          
    right:0.1rem;                          
	}

	h2.section-title-heading-light {
	padding: 1.6rem;
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	}

	h2.section-title-heading-dark {
	padding: 1.6rem;
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	}

	#features {
    padding-right: 3rem;
	}
	
	#left-col{
	background-color: var(--body-color);
	margin: 24px 16px 24px 0px;
	padding: 24px 8px 24px 0px;
	}
	#right-col{
		background-color: var(--fondo-celeste);
		margin: 24px 0px 24px 0px;
		padding: 24px 0px 24px 0px;
	}

	#int-success-left-col p{
		font-size: .8rem;
	color: var(--section-title-color-dark);
	text-align: left;
	}
	#int-success-left-col h3{
		font-size: 1rem;
	}
	#int-success-left-col .carousel-indicators{
		top: 32rem;
	}
	#int-left-col-box{
		padding: 0rem 2rem 2rem 2rem;
		margin: 0rem 3rem 2rem 3rem;
		background-color: #fff;
		border-radius: 24px;
		text-align: center;
	}
	#section-careers{
	padding: 2rem 0rem;
	}
	#play-video .container-fluid{
		padding: 0rem 0rem 0rem .1rem;
	}
}

@media (max-width: 992px) {

	.navbar-collapse {
		background: rgba(23,45,95,.95);
		padding-left: 1rem;
	}
	#bottom {
		margin-left: 1rem;
	padding-left: 0rem;
	position:relative;             
    bottom:0rem;                          
    right:0.1rem;                     
	}
	#bttm-top{
    position:relative;
    top:27rem;
    left:1.5rem;
    right:0rem;
    bottom:0rem;
}
	#main-hero-content {
		padding: 1rem;
		background-color: rgba(23,45,95,.7);
		margin-top: 0rem;
	}
	#main-hero-content h1{
		color: var(--section-title-color-light);
	}
	#main-hero-content p{
		color: var(--section-title-color-light);
		margin-bottom: 0rem;
	}
	#language{
	float:right!important;
	padding-left: 32%;
	}

	/* Hero section*/
	.image-box img{
		max-width:88%;
		height:auto;
		/*display: none;*/
	}
	#success-stories{
	/*background-color: var(--fondo-celeste);*/
	background-image: url("dualColorBG-H.gif");
	background-position: center;
	background-repeat: repeat-x;
	}
}

@media (max-width: 768px) {
	.navbar {
	padding-top: 1.2rem;
	}
	/* Hero section*/
	.image-box img{
		max-width:72%;
		height:auto;
		/*display: none;*/
		position: relative;
		margin-left: 20%;
  		margin-right: auto;
		margin-top: 4rem;
	}
	.main-hero-content h1 {
		text-align: center;
	}
	.main-hero-content p {
		text-align: center;
	}
	.hero-buttons {
		text-align: center;
		padding-bottom: 1rem;
	}
	/* About section */
	#about {
	padding-bottom: 5rem;
	}
	#about::after {
		height: 4%;
	}
	/* Features section */
	#features .device img {
		margin-bottom: 2rem;
	}
	#features {
		margin-top: -1rem;
	}

	/* Round Boxes */
	#round-box-left {
		width: 99;
	/*padding: 30px;
	background-color: #fff;
	border: 3px #fff;*/
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	text-align: left;
	}

	#round-box-right {
		width: 99%;
	/*padding: 30px;
	background-color: #fff;
	border: 3px #fff;*/
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	text-align: left;
	}

	#right-col{
	margin: 80px 96px 24px 96px;
	padding: 24px 0px 0px 24px;
	}
}

/*@media (max-width: 768px) {}*/

@media (max-width: 420px) {
	#hero {
		background-image: url('../img/banner.png');
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 15rem;
		padding-bottom: 6rem;
		position: relative;
	}
	#main-hero-content h1{
		font-size: 1rem;
	line-height: 1rem;
	letter-spacing: 0rem;
	margin-bottom: 0.2rem;
	}
	#main-hero-content p{
		font-size: 0.8rem;
	}
	#bottom {
		position:relative;
		top:-8rem;
		right:0rem;
		bottom:0rem;
		left:0rem;
		margin-left: 0.5rem;
		padding-left: 0.5rem;
	}
	#bttm-top{
		position:relative;
		top: 16rem;
		left: 0.1rem;
		right: 0rem;
		bottom: 0rem;
	}
	#language{
	float:right!important;
	padding-left: 10%;
	}
	/* Hero section*/
	.image-box img{
		max-width:88%;
		height:auto;
		/*display: none;*/
		position: relative;
		margin-left: 10%;
  		margin-right: auto;
		margin-top: 4rem;

	}
	.intro {
		display: none;
	}

	#features {
    padding-right: 1.7rem;
	}
	/* Round Boxes */
	#round-box-left {
		width: 99;
		/*padding: 30px;
		background-color: #fff;
		border: 3px #fff;*/
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		text-align: left;
	}

	#round-box-right {
		width: 99%;
		/*padding: 30px;
		background-color: #fff;
		border: 3px #fff;*/
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		text-align: left;
	}
	#left-col{
		background-color: var(--body-color);
		margin: 0px 8px 24px 24px;
		padding: 8px 8px 24px 0px;
	}
	#right-col{
		background-color: var(--fondo-celeste);
		margin: 24px 1px 0px 0px;
		padding: 24px 0px 24px 0px;
	}
	#int-success-left-col .carousel-indicators{
	top: 30rem;
	}
	#int-success-stories{
		/*background-color: var(--fondo-celeste);*/
		background-image: url("dualColorBG-H-reverse.gif");
		background-position: center;
		background-repeat: repeat-x;
	}
	#section-careers{
		padding: 1rem 0.1rem;
	}
	#lightBlue{
		padding: 1rem 1rem 1rem 2.5rem;
	}
	#white{
		padding: 1rem 1.5rem 1rem 2.5rem;
	}
	#page-intro-green{
		padding: .1rem;
	}
	#page-intro p {
		padding: 1rem;
		margin-top: 0rem;
		margin-bottom: 0rem;
	}
	#section-red-back {
		padding: .1rem;
	}
	#section-dark-blue-back {
		padding: .1rem;
	}
	#play-video .container-fluid{
		padding: 0rem 0rem 0rem 3rem;
	}
}