@media (max-width: 768px) and (min-width:300px) {
  div.row.h-100 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .col-sm-6.h-100 {
      max-width: 100% !important;
      width: 100% !important;
      padding: 15px !important;
      justify-content: flex-start !important;
      text-align:center;
    height:275px!important;
  }
  .col-sm-6.h-100:nth-child(2){
    height:70% !important;
  }
  .col-sm-6.h-100 h1 {
    font-size:50px !important;
    line-height:45px !important;
  }
  .col-sm-6.h-100 p {
    font-size:20px !important;
    line-height:20px !important;
  }
  .middleLogin {
    width: 80% !important;
    height: 100vh !important;
    text-align:center !important;
  }
  .col-sm-6.h-100 .middleLogin > p{
    font-size:15px !important;
  }
  .col-sm-6.h-100 .middleLogin > h1{
    font-size:35px !important;
  }
  form#frmTracking > a#recoveryPass {
    float: inherit;
  }
  .middleContra {
      width: 80% !important;
      margin-bottom: 20px !important;
  }
  .headPassChange {
      width: 80% !important;
      justify-self: center !important;
  }
  .orderTitles {
      align-items: center !important;
  }
}

@media (min-width:800px) and (max-width:1025px) {
  .col-sm-6.h-100{
    padding: 50px !important;
  }
  .col-sm-6.h-100:nth-child(2){
    padding: 50px !important;
  }
  .col-sm-6.h-100 h1 {
    font-size:60px !important;
    line-height:60px !important;
  }

  .col-sm-6.h-100 p {
    font-size:25px !important;
    line-height:27px !important;
  }

  .col-sm-6.h-100 .middleLogin > p{
    font-size:20px !important;
    transform:scale(0.8) !important;
  }

  .col-sm-6.h-100 .middleLogin > h1{
    font-size:40px !important;
    transform:scale(0.8) !important;
  }
}

@media (min-width:1272px) and (max-width:1500px) {
  .col-sm-6.h-100 {
      padding: 20px 40px !important;
  }
  .bottom {
      transform:scale(0.8);
  }
  .top {
      transform:scale(0.8);
  }
  .bottom h1{
    font-size: 80px !important;
    line-height: 75px !important;
  }
  .middleContra {
    transform: scale(0.8);
  }
  .middleLogin {
    transform: scale(0.8);
  }
}