@media screen and (min-width:400px) and (max-width:449px) and (orientation : landscape){
   
   
}
@media screen and (min-width:450px) and (max-width:499px) and (orientation : landscape){
 
     .header-block {
        top: -47px;
    }
    .header-nav-items {
        min-height: 50px;
    }
    .page-content {
        height: 75vh;
        margin-top: -80px;
    }
    .modal-dialog {
        max-width: 86% !important;
        margin: 1.3rem auto;
    }
    .table{
        font-size:12px !important;
    }
    .table td,.table th {padding: .35rem .75rem;}
    .authentication-pages.page-content {
        height: 55vh !important;
        margin-top: -44px !important;
    }
    .btn-element {
        line-height: 35px;
    }
    .vocabulary_metry .text {
        font-size: 9px;
    }
    .free-access h6 {
        font-size: 1rem;
        letter-spacing: 1px;
    }
    .free-access p {
        font-size: 11px;
    }
    .btn-pink, .btn-black,.btn-ash{
        padding: 10px;
    }
    .btn-black,.btn-ash{
        font-size: 9px;
    }
    .element {
        height: 50px;
    }
    .authentication-pages .element {
        height: 40px;
    }
    .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text,
    .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text,.form-control-lg {
        height: calc(2.5rem + 2px);
    }
    .ts-accordion .card .btn-link, .ts-accordion1 .card .btn-link {
        padding: .375rem .75rem;
        font-size: 1rem;
    }
}
@media screen and (min-width:500px) and (max-width:549px) and (orientation : landscape){
    
}
@media screen and (min-width:550px) and (max-width:599px) and (orientation : landscape){
    
}
@media screen and (min-width:600px) and (max-width:649px) and (orientation : landscape){
    .page-content {
      margin-top: -68px !important;
     }
     .pb-sm-4, .py-sm-4 {
    padding-bottom: 0.5rem!important;
        padding-top: 0.5rem!important;
}
    
}
@media screen and (min-width:650px) and (max-width:699px) and (orientation : landscape){
     .page-content {
      margin-top: -68px !important;
     }
     .pb-sm-4, .py-sm-4 {
    padding-bottom: 0.5rem!important;
        padding-top: 0.5rem!important;
}
  
}
@media screen and (min-width:700px) and (max-width:749px) and (orientation : landscape){

     .pb-sm-4, .py-sm-4 {
    padding-bottom: 0.5rem!important;
        padding-top: 0.5rem!important;
}
  
}