.bg1.redesign {
  background-position: right;
  background-size: auto;
}

/* .container.redesign {
  width: 100%;
  padding-left: 10%;
} */

@media only screen and (max-width: 992px ) {
  .container.redesign {
    width: 750px;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px ) {
  .container.redesign {
    width: auto;
    padding-left: 15px;
  }
}

/* BEGIN RESIZE OF HERO IMAGE  */

@media only screen and (min-width: 1281px ) {
  .redesign-hero-content {
      margin-left: 55%; 
      width: 50%;
  }
  
  .bg1.redesign {
    padding: 16em 0;
    padding-bottom: 30em;
  }
}

@media only screen and (min-width: 1360px ) {
  .redesign-hero-content {
      margin-left: 60%; 
      width: 50%;
  }
}

@media only screen and (min-width: 1460px ) {
  .redesign-hero-content {
      margin-left: 68%; 
      width: 50%;
  }
}

@media only screen and (min-width: 1600px ) {
  .redesign-hero-content {
      margin-left: 73%; 
      width: 50%;
  }
  
  .bg1.redesign {
    background-size: cover;
  }
}
 
@media only screen and (min-width: 1700px ) {
  .redesign-hero-content {
      margin-left: 79%; 
      width: 50%;
  }
}

@media only screen and (min-width: 1800px ) {

  .bg1.redesign {
/*     padding: 20em 0; */
/*     padding-bottom: 22em; */
  }
}
  
@media only screen and (min-width: 2100px ) {
  .redesign-hero-content {
      margin-left: 85%; 
      width: 50%;
  }
  
/*   .bg1.redesign {
    padding: 24em 0;
    padding-bottom: 26em;
  } */
}

@media only screen and (min-width: 2300px ) {  
  .bg1.redesign {
    padding-bottom: 36em;
  }
}

@media only screen and (min-width: 2500px ) {
  .redesign-hero-content {
      margin-left: 95%; 
      width: 50%;
  }
  .bg1.redesign {
    padding-bottom: 40em;
  }
}




@media only screen and (max-width: 1280px ) {
  .redesign-hero-content {
      margin-left: 55%; 
      width: 50%;
  }
  .bg1.redesign {
    padding: 13em 0;
    padding-bottom: 30em;
  }
}

@media only screen and (max-width: 1200px ) {
  .redesign-hero-content {
      margin-left: 50%; 
      width: 52%;
  }
  
  .bg1.redesign {
    background-position: 87% 50%;
  }
}


@media only screen and (max-width: 1080px ) {
  .redesign-hero-content {
      margin-left: 44%; 
      width: 58%;
  }
  
  .bg1.redesign {
    background-position: 83% 50%;
  }
}

@media only screen and (max-width: 992px ) {
  .redesign-hero-content {
      margin-left: 41%; 
      width: 71%;
  }
}

@media only screen and (max-width: 900px ) {  
  .bg1.redesign {
    background-position: 80% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 41%; 
    width: 67%;
  }
  
}


@media only screen and (max-width: 850px ) {  
  .bg1.redesign {
    background-position: 77% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 41%; 
    width: 67%;
  }
  
}

@media only screen and (max-width: 800px ) { 
  
  .bg1.redesign {
    background-position: 100% 50%;
    background-size: cover;
    padding-bottom: 18em;
  }
  
  .redesign-hero-content {
    margin-left: 39%; 
    width: 65%;
  }
}

@media only screen and (max-width: 768px ) {  
  .bg1.redesign {
    background-position: 100% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 39%; 
    width: 65%;
  }
}

@media only screen and (max-width: 736px ) {  
  .bg1.redesign {
    background-position: 95% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 39%; 
    width: 65%;
  }
}

@media only screen and (max-width: 725px ) {  
  .bg1.redesign {
    background-position: 90% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 42%; 
    width: 58%;
  }
}

@media only screen and (max-width: 700px ) {  
  .bg1.redesign {
    background-position: 95% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 42%; 
    width: 58%;
  }
}

@media only screen and (max-width: 675px ) {  
  .bg1.redesign {
    background-position: 85% 50%;
  }
  
  .redesign-hero-content {
    margin-left: 45%; 
    width: 57%;
  }
}

.cbox.redesign {
  width: 100%;	
}


@media only screen and (max-width: 992px) {
  .cbox.redesign {
  	width: 80%;	
  }
}

.redesign-hero-header {
	font-size: 38px !important;
  	line-height: 1.2 !important;
}


@media only screen and (max-width: 900px ) {  
  .redesign-hero-header {
      font-size: 34px !important;
      line-height: 1.2 !important;
  }
}

@media only screen and (max-width: 725px ) {  
  .redesign-hero-header {
      font-size: 26px !important;
      line-height: 1.2 !important;
  }
  
  .cbox.redesign {
    font-size: 15px;
  }
}

/* MOBILE HERO CONTAINER */

.hero-content-container.mobile {
  padding: 25px;
  display: none;
}


.hero-content-container.mobile .redesign-hero-header {
	color: black; 
	text-align: center;
}

.hero-content-container.mobile .cbox.redesign {
	color: black; 
	text-align: center;
	margin: auto;
  	margin-bottom: 25px;
}

.hero-content-container.mobile p {
  text-align: center;
}

.hero-content-container.mobile a.rbutton {
    border: 3px solid #E85318;
    color: #E85318;
}

.hero-content-container.mobile a.rbutton:hover {
    color: white;
}

@media only screen and (max-width: 640px) {
  .row.bg1.redesign .container div {
    display: none;
  }
  
  .row.bg1.redesign {
    padding-bottom: 10em;
  }
  
  .row.bg1.redesign .container {
    height: 450px;
  }
  
  .bg1.redesign {
  	background-size: cover;
/*     background-position: top center; */
  }
  
  .hero-content-container.mobile {
  	display: block;
  }
}


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

  .row.bg1.redesign {
    padding-bottom: 4em;
  }
  
}

@media only screen and (max-width: 400px) {
  .hero-content-container.mobile {
    padding: 25px 15px;
  }
  
  .redesign-hero-header {
	font-size: 22px !important;
  	line-height: 1.2 !important;
  }
  
  .row.bg1.redesign {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  
  .cbox.redesign {
  	font-size: 14px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 320px) {
  
  .row.bg1.redesign {
    padding-top: 0;
    padding-bottom: 2em;
  }

}

/* SHAME CSS FIX */
@media only screen and (max-width: 992px) {
 .bg7 h2 {
 	font-size: 46px;
 }
}

/* .mobileShow, .gbutton {
	margin-top: 0px;
} */

.mobileShow{
  text-align: center;
}

@media only screen and (min-width: 750px) {
 .mobileShow {
 	text-align: left;
 }   
}