.page__content {
	padding-left: 80px;
}

.contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus1 {
	background: #eef0f8;
  margin-bottom: 0px;
  margin-left: -80px;
  margin-top: -35px;
  padding-left: 80px;
  padding-top: 35px;
}
.bg-dark .contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus1 {
	background: #0a2740 !important;
}

.contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus2 {
  margin-bottom: 0px;
  margin-left: -80px;
  margin-top: -35px;
  padding-left: 80px;
  padding-top: 80px;
  padding-right: 35px;
}
.bg-dark .contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus2 {
	background: #0a2740 !important;
}
	
.contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus3 {
	background: #eef0f8;
  margin-bottom: 0px;
  margin-left: -80px;
  margin-top: -35px;
  padding-left: 80px;
  padding-top: 35px;
}
.bg-dark .contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus3 {
	background: #0a2740 !important;
}

.contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus4 {
	background: #fafafa;
  margin-bottom: 0px;
  margin-left: -80px;
  margin-top: -35px;
  padding-left: 80px;
  padding-top: 80px;
  padding-right: 35px;
  top: 60px;
  bottom: 0px;
}

.bg-dark .contextual-region.block--type-basic.block.block--basic.block--apigee-kickstart-aboutus4 {
	background: #0a2740 !important;
}

.page, .dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  height: 1%;
}

@media (max-width: 360px) {
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) {
		width: 20em !important;
		left: -1.2em !important;
	}
	
	.text-align-center {
		height: auto !important;
	}
	
	.text-align-center > img:nth-child(1) {
		left: -1em !important;
		height: 9em !important;
	}
	
	.image__content,
	.align-center,
	div.col-xl:nth-child(1) > img:nth-child(1),
	div.col-xl:nth-child(2) > img:nth-child(1),
	.align-left, {
		width: 100% !important;
		height: auto !important;
	}
	
	.register-section > div:nth-child(2) {
		top: auto !important;
		left: 12em !important;
	}
	
	.register-section > div:nth-child(2) > h2:nth-child(1) {
		font-size: 0.9rem !important;
	}
	
	.register-section > div:nth-child(2) > p:nth-child(2) {
		position: relative;
		left: 2em !important;
	}
	
	
}

/* Extra Small Devices (Mobile Phones) */
@media (max-width: 576px) {
		.page__content {
			padding-left: 30px !important;
		}
		
	  .image__content, .align-center, .aboutus-ourguidingvalue, .align-left {
		    width: 100%;
		    height: auto; /* Maintain aspect ratio */
		    margin-left: -30px !important;
		}	
	
    .register-section div[style*="transform:translate(-50%, -50%)"] {
        position: relative !important;
        transform: translate(-55%, -15%) !important;
        margin: 0 auto;
    }
    
    .register-section h2 {
        font-size: 1rem !important;
    }
    
    .register-section img {
    		position: absolute !important;
    		left: -4% !important;
        width: 100% !important;
        height: auto !important;
    }
    
    .register-section a {
        font-size: 1rem !important;
        padding: 1px 10px !important;
    }
  	
  	div.col-12:nth-child(2) > p:nth-child(1) > img:nth-child(1),
  	div.col-xl:nth-child(1) > img:nth-child(1),
  	div.col-xl:nth-child(2) > img:nth-child(1) {
  		width: 100%;
  		height: auto;
  	}
  	
  	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(1),
  	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(2) {
  		font-size: 1rem !important;
  	}
  	
  	/*.main {*/
  	/*	overflow: clip;*/
  	/*}*/
  	
  	/*div.block--type-basic:nth-child(7) {*/
  	/*	position: relative;*/
  	/*	left: -2.5em;*/
  	/*}*/
  	
  	.text-align-center > img:nth-child(1) {
  		width: 100%;
  		height: 120px;
  		left: 30px;
  	}
  	
  	/*.text-align-center {*/
  	/*	height: 10em;*/
  	/*}*/
}


/* Small Devices (Larger Phones) */
@media (min-width: 577px) and (max-width: 768px) {
	div.col-12:nth-child(2) > p:nth-child(1) > img:nth-child(1),
	.align-center,
	div.col-xl:nth-child(1) > img:nth-child(1),
	div.col-xl:nth-child(2) > img:nth-child(1) {
		width: 100%;
		height: auto;
	}
	
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(1),
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(2) {
		font-size: 1.2rem !important;
	}
	
	div.block--type-basic:nth-child(7) {
		position: relative;
		left: -2em;
	}
	
	.text-align-center > img:nth-child(1) {
		height: 9em;
	}
	
	.register-section > div:nth-child(2) > h2:nth-child(1) {
		font-size: 1em !important;
	}
}

/* Medium Devices (Tablets) */
@media (min-width: 769px) and (max-width: 992px) {
	div.block--type-basic:nth-child(7) {
		position: relative !important;
		left: -2em !important;
	}
	
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(1),
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(2) {
		font-size: 2rem !important;
	}
	
	.register-section div[style*="transform:translate(-50%, -50%)"] {
      position: relative !important;
      transform: translate(-55%, -15%) !important;
      margin: 0 auto;
  }
  
  .register-section h2 {
      font-size: 1rem !important;
  }
  
  .register-section img {
  		position: absolute !important;
  		left: -4% !important;
      width: 100% !important;
      height: auto !important;
  }
  
  .register-section a {
      font-size: 1rem !important;
      padding: 1px 10px !important;
  }
	
	.text-align-center > img:nth-child(1) {
		width: 100%;
		height: 150px;
		left: 30px;
	}
}

@media (min-width: 1080px) and (max-width: 1180px) {
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(1),
	div.block--type-basic:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > h2:nth-child(2) {
		font-size: 2rem !important;
	}
	
	.text-align-center > img:nth-child(1) {
		height: 11em !important;
	}
}