@media (max-width: 575px) {
  .testing-image img{
  height: 40vh;
  width: 100%;
}
  .mylogo{
  width: 60px;
  height: 30px;
  }
 .hero-text{
  line-height: 28px !important;
  font-size: 16px;
}
.desktop-display{
	display: none;
}
.margin-left-mobile{
	width: 100%;
	padding: 5%;
}
.mobile-margin-top-neg{
	margin-top: -10vh;
}
.mobile-margin-top-pos{
  margin-top: 6vh;
}
.ml-7-a{
 padding-left: 4% !important;
}
.ml-7-b{
 margin-left: 4% !important;
 margin-top: -6vh;
}

.col-6-12{
	width: 100%;
}
.myarrow{
  border: 1px solid #1A2C79; 
  padding: 7px; 
  border-radius: 50px;
  font-size: 12px!important;
}
.ml-4-b{
  margin-left: 5%;
}
.mr-6-b{
  margin-right: 3%;
  width: 90% !important;
}


.overlay{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.5);
    overflow-x: hidden;
    transition: 0.5s;
    cursor: pointer;
    overflow-y: scroll;
}
.overlay-content{
    position: relative;
    top: 3vh;
    width: 88%;
    margin-top: 30px;
    min-height: 120vh;
    background-color: #fff;
    padding: 5vh 0px;
    border-radius: 3px;
    margin-left: 6%;
    padding-bottom: 10vh;
    overflow-y: scroll;
}
.closebtn{
  position: absolute;
  margin-top: -6vh;
  margin-left: 94%;
  font-size: 28px;
  color: tomato;
}
.overlay-content p{
  font-size: 21px;
  line-height: 21px;
  color: #8D8D8D;
  font-weight: 700;
  margin-bottom: 4vh;
}

.contact-form{
  width: 100%;
  float: left;
}
.form-group-short{
  float: left;
  width: 100%;
  margin-right: 0%;
}


.naming{
  float: left;
  width: 50%;
  font-size: 15px;
}

.training-left{
  padding-left: 5%!important;
}
.training-right{
  margin-left: 0%;
}



 }