@media screen and (min-height:450px) and (max-height:499px) and (orientation : portrait) {
    /*Home Pape CSS Starts*/
    .btn-element {
         line-height: 20px !important;
         font-size: 12px !important;
    }
    .header-nav-items{
         min-height: 30px !important;
    }
    .btn-pink, .btn-black, .btn-ash{
         min-height: 55px !important;
         padding: 8px !important;
    }
    .btn-pink,i{
            font-size: 9px !important;
    }
    .btn-black,.btn-ash{
         font-size: 6px !important;
    }
    .free-access h6{
        font-size: 0.8rem !important;
        letter-spacing: 3px !important;
    }
    .free-access p {
        font-size: 9px !important;
    }
     .no-free{
        top:0% !important;
    }
     .no-free .free-access h6,h5 {
        font-size: 0.6rem !important;
        letter-spacing: initial;
    }
    .no-free .free-access p {
        font-size: 9px !important;
    }
    .element{
        height: 30px !important;
        font-size: 12px !important;
    }
    .element i, .btn-element i {
       font-size: 22px !important;
    }
    .potrait-layout {
       height: calc(100vh - 55px) !important;
    }
    .page-content {
      margin-top: -35px  !important;
    }
    /*Home Pape CSS Ends*/
    
    /*Dashboard Page CSS Starts*/
    
    .box-info h5{
       font-size: 0.8rem !important;
    }
    .box-info p{
        font-size: 0.6rem !important;
    }
    .box-title h4{
        font-size: 11px !important;
    }
    #expire_application_counter, #expire_application_counter p {
       font-size: 9px !important;
    }
    .icon {
        padding-top: .5rem !important;
    }
     /*Dashboard Page CSS Ends*/
     
     /*Login/Rge/Forget/Change Pages CSS Starts*/
     .heading {
         font-size: 1.3rem !important;
     }
     .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 {
        height: calc(2.875rem + -6px) !important;
     }
     .form-control-lg {
        height: calc(2.875rem + -6px) !important;
         
     }
      /*Login/Rge/Forget/Change Pages CSS Ends*/
}
@media screen and (min-height:500px) and (max-height:549px) and (orientation : portrait) {
    /*Home Pape CSS Start*/
      .btn-element {
         line-height: 20px !important;
         font-size: 12px !important;
    }
    .header-nav-items{
         min-height: 30px !important;
    }
    .btn-pink, .btn-black, .btn-ash{
         min-height: 58px !important;
         padding: 8px !important;
    }
    .btn-pink,i{
            font-size: 9px !important;
    }
    .btn-black,.btn-ash{
         font-size: 7px !important;
    }
    .free-access h6{
        font-size: 0.8rem !important;
        letter-spacing: 3px !important;
    }
    .free-access p {
        font-size: 9px !important;
    }
    .no-free{
        top:0% !important;
    }
     .no-free .free-access h6,h5 {
        font-size: 0.6rem !important;
        letter-spacing: initial;
    }
    .no-free .free-access p {
        font-size: 9px !important;
    }
    .element{
        height: 30px !important;
        font-size: 12px !important;
    }
    .element i, .btn-element i {
       font-size: 22px !important;
    }
    .potrait-layout {
       height: calc(100vh - 65px) !important;
    }
    .page-content {
      margin-top: -35px  !important;
    } 
    /*Home Pape CSS Ends*/
     /*Dashboard Page CSS Starts*/
    
    .box-info h5{
       font-size: 0.8rem !important;
    }
    .box-info p{
        font-size: 0.6rem !important;
    }
    .box-title h4{
        font-size: 11px !important;
    }
    #expire_application_counter, #expire_application_counter p {
    font-size: 9px;
    }
    .icon {
     padding-top: .5rem!important;
    }
     /*Dashboard Page CSS Ends*/
     
     /*Login/Rge/Forget/Change Pages CSS Starts*/
     .heading {
         font-size: 1.3rem !important;
     }
     .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 {
        height: calc(2.875rem + -6px) !important;
     }
     .form-control-lg {
        height: calc(2.875rem + -6px) !important;
         
     }
      /*Login/Rge/Forget/Change Pages CSS Ends*/
}
@media screen and (min-height:550px) and (max-height:599px) and (orientation : portrait) {
    /*Home Pape CSS Start*/
    .btn-element {
         line-height: 30px !important;
         font-size: 13px !important;
    }
    .header-nav-items{
         min-height: 30px !important;
    }
    .btn-pink, .btn-black, .btn-ash{
        min-height: 62px !important;
        padding: 8px !important;
    }
    .btn-pink,i{
            font-size: 9px !important;
    }
    .btn-black,.btn-ash{
         font-size: 7px !important;
    }
    .free-access h6{
        font-size: 0.9rem !important;
        letter-spacing: 3px !important;
    }
    .free-access p {
        font-size: 10px !important;
    }
     .no-free{
        top:0% !important;
    }
     .no-free .free-access h6,h5 {
        font-size: 0.65rem !important;
        letter-spacing: initial;
    }
    .no-free .free-access p {
        font-size: 10px !important;
    }
    .element{
        height: 35px !important;
        font-size: 14px !important;
    }
    .element i, .btn-element i {
       font-size: 22px !important;
    }
    .potrait-layout {
       height: calc(100vh - 65px) !important;
    }
    .page-content {
      margin-top: -35px  !important;
    }
    /*Home Pape CSS Ends*/
     /*Dashboard Page CSS Starts*/
    
    .box-info h5{
       font-size: 0.8rem !important;
    }
    .box-info p{
        font-size: 0.6rem !important;
    }
    .box-title h4{
        font-size: 11px !important;
    }
    #expire_application_counter, #expire_application_counter p {
    font-size: 9px;
    }
    .icon {
     padding-top: .5rem!important;
    }
     /*Dashboard Page CSS Ends*/
        /*Login/Rge/Forget/Change Pages CSS Starts*/
     .heading {
         font-size: 1.3rem !important;
     }
     .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 {
        height: calc(2.875rem + -6px) !important;
     }
     .form-control-lg {
        height: calc(2.875rem + -6px) !important;
         
     }
      /*Login/Rge/Forget/Change Pages CSS Ends*/
}
@media screen and (min-height:600px) and (max-height:649px) and (orientation : portrait) {
    /*Home Pape CSS Start*/
      .btn-element {
        line-height: 40px !important;
        font-size: 15px !important;
    }
    .header-nav-items{
         min-height: 30px !important;
    }
    .btn-pink, .btn-black, .btn-ash{
       min-height: 68px !important;
       padding: 9px !important;
    }
    .btn-pink{
        font-size: 10px !important;
    }
    .btn-pink i{
       font-size: 15px !important;
    }
    .btn-black,.btn-ash{
         font-size: 8px !important;
    }
    .free-access h6{
        font-size: 1rem !important;
        letter-spacing: 4px !important;
    }
    
    .free-access p {
        font-size: 12px !important;
    }
    .no-free .free-access h6,h5 {
        font-size: 0.7rem !important;
        letter-spacing: initial;
    }
    .no-free .free-access p {
        font-size: 10px !important;
    }
    .element{
        height: 42px !important;
        font-size: 15px !important;
    }
    .element i, .btn-element i {
      font-size: 22px !important;
    }
    .potrait-layout {
       height: calc(100vh - 65px) !important;
    }
    .page-content {
      margin-top: -36px  !important;
    }
    .square-btn a{
        padding: 12px 10px !important;
    }
    .square-btn i{
        font-size: 22px !important;
    }
    .share-icon {
       left: 7vw;
       top: 92.5vh;
    }
    /*Home Pape CSS Ends*/
}
@media screen and (min-height:650px) and (max-height:699px) and (orientation : portrait) {
    /*Home Pape CSS Start*/
     .btn-element {
        line-height: 40px !important;
        font-size: 15px !important;
    }
    .header-nav-items{
         min-height: 30px !important;
    }
    .btn-pink, .btn-black, .btn-ash{
       min-height: 68px !important;
       padding: 9px !important;
    }
    .btn-pink{
        font-size: 10px !important;
    }
    .btn-pink i{
       font-size: 15px !important;
    }
    .btn-black,.btn-ash{
         font-size: 8px !important;
    }
    .free-access h6{
        font-size: 1rem !important;
        letter-spacing: 4px !important;
    }
    .free-access p {
        font-size: 12px !important;
    }
     .no-free{
        top:0% !important;
    }
     .no-free .free-access h6,h5 {
        font-size: 0.7rem !important;
        letter-spacing: initial;
    }
    .no-free .free-access p {
        font-size: 10px !important;
    }
    .element{
        height: 42px !important;
        font-size: 15px !important;
    }
    .element i, .btn-element i {
      font-size: 22px !important;
    }
    .potrait-layout {
       height: calc(100vh - 65px) !important;
    }
    .page-content {
      margin-top: -25px  !important;
    }
    /*Home Pape CSS Ends*/
    
}
@media screen and (min-height:700px) and (max-height:749px) and (orientation : portrait) {
    /*Home Pape CSS Start*/
    .btn-element {
        line-height: 50px !important;
        font-size: 20px !important;
    }
    .btn-pink, .btn-black, .btn-ash{
        min-height: 88px !important;
        padding: 9px !important;
    }
    .btn-pink{
        font-size: 13px !important;
    }
    .btn-pink i{
       font-size: 20px !important;
    }
    .btn-black,.btn-ash{
         font-size: 10px !important;
    }
    .free-access h6{
        font-size: 1.1rem !important;
        letter-spacing: 4px !important;
    }
    .free-access p {
        font-size: 14px !important;
    }
    .no-free .free-access h6,h5 {
        font-size: 0.9rem !important;
        letter-spacing: initial;
    }
    .no-free .free-access p {
        font-size: 12px !important;
    }
    .element{
       height: 52px !important;
       font-size: 20px !important;
    }
    .element i, .btn-element i {
      font-size: 22px !important;
    }
    .potrait-layout {
       height: calc(100vh - 65px) !important;
    }
    .page-content {
      margin-top: -35px  !important;
    }
   
    .share-icon {
       left: 7vw;
       top: 91.5vh;;
    }
    .square-btn .mb-3{
        margin-bottom:0.5rem!important;
    }
    /*Home Pape CSS Ends*/
}
@media screen and (min-height:750px) and (max-height:799px) and (orientation : portrait) {
    
}