.hero-main-section {
  background-color: #fffae5;
}

.hero-bottom-strip-section {
  background-color: #99ffcc;
}

.web-development-banner-img {
  position: relative;
  background-image: url(https://www.vertigois.com/assets/images/web-dev-tech-cloud--plus-mans-face-309-212.png) !important;
  background-position: right bottom;
  background-attachment: scroll;
  background-repeat: no-repeat;
  z-index: 1;
}

.hero-text-highlight {
  text-decoration:none;
}


.text-to-newline {
  display:none;  
}




.default-btn {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 0.47143rem 1.22857rem;
  text-align: center;
  z-index: 1;
}

.banner-btn {
  float:left;
  width:auto;
}

@media (min-width:1200px) {
  
  .web-development-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/web-dev-tech-cloud--plus-mans-face-309-212.png) !important;
	margin-top: 0.0rem;
  } 
  
  .hero-text-highlight {
    text-decoration:none;
  }  
  
  .text-to-newline {
    display:block;  
  }

}

@media (min-width:1000px) {
  
  .hero-text-highlight {
    text-decoration:none;
  }  
      
  .text-to-newline {
    display:block;  
  }

}


/* @media (min-width:992px) { */
@media only screen and (max-width:992px){
  	
  .web-development-banner-img {
	background-image:none !important;	
	margin-top: 4.75rem;
  } 
  
  .hero-text-highlight {
    text-decoration:underline;
  }  
  
  .text-to-newline {
    display:block;  
  }
}

/* @media only screen and (max-width:767px){ */
@media only screen and (max-width:767px){
  
  .web-development-banner-img {
	background-image:none !important;	
	margin-top: 4.75rem;
	max-width:
  } 
  
  .hero-text-highlight {
    text-decoration:underline;
  }  
  
  .text-to-newline {
    display:none !important;  
  }

}

/* @media (min-width:720px) { */
@media only screen and (max-width:720px){
  
  .web-development-banner-img {
	background-image:none !important;	
	margin-top: 4.75rem;
  } 
  
  .hero-text-highlight {
    text-decoration:underline;
  } 
  
  .text-to-newline {
    display:none;  
  }
}



/* @media (min-width:576px) { */
@media only screen and (max-width:576px){

  .web-development-banner-img {
	background-image:none !important;	
	margin-top: 4.75rem;
  } 
  
  .hero-text-highlight {
    text-decoration:underline;
  }
  
  .text-to-newline {
    display:none;  
  }
}


/* @media (min-width:576px) { */
@media only screen and (max-width:420px){

  .web-development-banner-img {
	background-image:none !important;	
	margin-top: 4.75rem;
  } 
  
  .hero-text-highlight {
    text-decoration:underline;
  }
  
  .text-to-newline {
    display:block !important;  
  }
}



/* ----------- Retina Screens ----------- */
/* For Macbook devices and Safari    ---- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
     
  
}


.video-btn-wrapper {
  display: block;
  float: left;
}

.video-btn-wrapper li {
  float: left;
}

.video-btn-wrapper h3 {
  float: left;
  font-size: 1.0rem !important;
  padding-top: 1.0rem;
  width: auto;
}

.video-btn-wrapper span {
  font-size: 1.0rem !important;
  padding-top: 1.0rem;
}




.play-btn  {
   display: block;

}