.second-mockup .mockup-screen img:nth-child(2){
    position: absolute;
    top: 65%;
    right: 0px;
    border: 10px solid white;
    border-radius: 20px;
}
.second-mockup{
    margin-top: 5%;
}
.why-choose{
    margin-top: 15%;
    margin-bottom: 5%;
}
.second-mockup .mockup-screen img{
    width: auto;
}
.mockup-screen{
    margin-top: -10%;
}
.why-choose .title{
font-size: 28px;
}
.promo-images{
    padding:30px 0px;
}

@media screen and (min-width: 681px) {
    .second-mockup .mockup-screen img{
        width: 75%;
    }
}
@media screen and (max-width: 769px) {
    
}

@media screen and (max-width: 848px) {
    .banner .rectangle{
        padding: 60px 40px 0px ;
    }
    .banner .banner-color .mockup img:nth-child(1) {
       bottom: 0;
       top: auto;
    }
    .banner .banner-color .mockup img:nth-child(2) {
        top: auto;
        bottom: -20px;
    }
}
@media screen and (max-width: 640px) {
    .second-mockup .mockup-screen img{
        width:80%;
    }
    .second-mockup .title{
        font-size: 28px;
        line-height: 34px;
        }
.second-mockup .sub-title{
    margin-top: 60%;
}
.mockup-screen{
    margin-top: 30px;
}
.why-choose{
    margin-top: 5%;
}
.banner .rectangle{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;    
    padding: 20px;
    height: 435px;
}
.rectangle .title{
    font-size: 28px;
    line-height: 37px;
}
.rectangle .sub-title{
    font-size: 16px;
  }
  .banner .banner-color .mockup img:nth-child(1){
      top:-65px;
      left: auto;
      right: -55px;
  }
  .promo h2{
    font-size: 28px;
  }
  .promo p{
    font-size: 16px;
  }
  .promo-images{
      padding-bottom: 0;
      padding-top: 20px;
      background-size: cover;
  }
  .second-mockup .sub-title p {
      font-size: 16px;
  }
}
#become-a-tutor{
    z-index: 10000;
}