/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media(max-width: 1199px) {
    .stellarnav .menu-toggle span.bars span {
        background: #fff;
    }
    .stellarnav.mobile.right > ul {
        background: #155e15;
        z-index: 999;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .teaplus-right {
        padding: 60px 50px 60px 50px;
    }
    .table th, .table td {
        font: normal normal 500 12px/18px Poppins;
    }
    .stellarnav > ul > li > a {
        padding: 10px 7px;
        font-size: 10px;
    }
  
}
@media(max-width: 1024px) {
   
}

@media (max-width: 992px) and (min-width: 768px) {
    .teaplus-right {
        padding: 60px 40px 60px 40px;
    }
    a.login-btn {

        padding: 14px 34px;
    }
    .hdr-calander p {
        font: normal normal normal 10px/18px Poppins;
    }
    .ppc-list {
        display: flex;
        align-items: flex-start;
        gap: 21px;
    }
    .list-content {
        width: 80%;
    }
}


 @media(max-width: 767px) {
    
    .forecast-left {
        border-radius: 6px 0px 0px 5px;
        padding: 9px 4px;
    }
    .logo {
        background: #ffffffe3 0% 0% no-repeat padding-box;
    }
    .teaplus-right {
        background: none;
        padding: 60px 11px;
    }
    .teaplus-right form {
        background: #fff;
    }
    a.login-btn {
        font: normal normal 600 16px/10px Poppins;
        letter-spacing: 1.6px;
        padding: 11px 15px;
    }
    .header-right {

        gap: 7px;
        justify-content: space-between;
        padding: 16px 0;
    }
    .header-search {
        position: absolute;
        width: 41%;
        max-width: 100%;
        right: 12px;
        top: 27px;
    }
 
    .user-list-top {
        align-items: flex-start;
        flex-direction: column;
    }
    .user-right {
        padding: 20px 0 0 0;
    }
    .ppc-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }
    .user-list {
        overflow: hidden;
    }
    .list-content ul li {
        display: flex;
        flex-direction: column;
    }
    .descrtpion p {
        width: unset;

    }
    .descrtpion span {
        padding-left: 20px;
    }
    .list-img {
        width: 49%;
    }
    .descriptn-cntnt h6 {
        margin-bottom: 20px;
    }
    .come-from-modal.left .modal-dialog, .come-from-modal.right .modal-dialog {

        width: 458px;

    }
    .select-input input[type="text"] {
        padding: 7px 3px;
    }
 }
 @media(max-width: 576px) {
    .come-from-modal.left .modal-dialog, .come-from-modal.right .modal-dialog {
        width: 100%;
    }
    .file-sbmt {
        flex-direction: column;
        align-items: flex-start;
    }
    .popup-btn .btn {
        gap: 3px;
        font: normal normal 500 9px/18px Poppins;
        padding: 5px;
    }
    .custom-container {
        padding: 0 12px;
    }
    .inner-logo img {
        width: 107px;
    }
    .header-search {
        width: 48%;
    }
    .user-srch {
        width: 213px;
    }
    .hdr-calander {
        width: 92px;
        max-width: 100%;
    }
    .come-from-modal.left .modal-body, .come-from-modal.right .modal-body {
        padding: 15px 10px;
    }
    .file-submit p {
        text-align: center;
        font-size: 12px;
    }
    .file-submit {
        padding: 12px 10px;
    }
    .medicine-list-inr-all {
        align-items: flex-start;
        flex-direction: column;
    }
    .medicine-list-inr.areaa {
        width: 100%;
    }
    .right .modal-footer button {
        font: normal normal 500 12px/11px Poppins;
        padding: 9px 7px;
    }
}