@media (min-width : 1301px) and (max-width : 1399px) {
    .sec2card h3 {
        font-size: 18px;
    }

    .sec2cardimgbox {
        width: 130px;
        height: 130px;
    }

    .sec2cardimgbox img {
        width: 75px;
        height: 75px;
    }

    .sec3card p {
        font-size: 10px;
    }

    .sec3card .badge {
        font-size: 8.8px;
        padding: 0px 4px;
        width: 100%;
    }

    .loginbtn {
        width: 165px;
        font-size: 16px;
    }

    .searchbar input {
        width: 456px;
        font-size: 13px;
    }

    .sec1 h1 {
        width: 56%;
    }

    .personal-div {
        gap: 50px;
    }

    .personal-page {
        height: 58px;
    }

}

/* muneeb// */
@media (min-width:1051px) and (max-width:1250px) {
    .modal-dialog {
        /* max-width: 95% !important; */
        min-width: 780px !important;
    }

    .col-div {
        width: 332px;
    }

    .sign-up-para {
        width: 100%;
    }

    .sec1 h1 {
        width: 68%;
    }

    .veryfy-input {
        width: 47px;
        height: 44px;

    }

    .login-inpu {
        width: 100%;
    }

    .input-icon {
        right: 8%;
    }

    .input-div {
        margin-top: 20px;
    }

    .arrow-img {
        width: 25px;
    }

    .login-head {
        font-size: 21px;
    }

    .login-div {
        margin-top: 35px;
    }

    .login-para {
        font-size: 16px;
    }

    .login-para2 {
        width: 100%;
        margin-bottom: 13px;
    }

    .login-paradiv {
        /* height: 0px; */
        align-items: center;
    }

    .modal-content {
        /* height: 450px !important; */
        margin-top: 51px;
    }

    .login-border-div {
        margin: auto;
        margin-top: 15px;
        justify-content: center;
        align-items: center;
    }

    .login-border {
        width: 34%;
    }

    .login-img {
        height: 448px !important;
    }

    .sign-para2 {
        width: 100%;

    }

    .login-btn {
        width: 100%;
        height: 47px;
    }

    /* information-page// */
    .information-head {
        font-size: 21px;
        width: 71%;
    }

    .information-card-head {
        font-size: 18px;
    }

    .information-cards {
        padding: 38px 15px 25px;
    }

    .information-para2 {
        width: 100%;
        font-size: 11px;
    }

    .information-img {
        height: 340px !important;
    }

    .information-row {
        padding-top: 30px;
    }

    .information-head2 {
        font-size: 17px;
    }

    .footer-para2 {
        font-size: 12px;
    }

    .footer ul li {
        font-size: 12px;
    }

    .footer-icon {
        width: 35px;
    }

    /* PERSONAL-INFORMATION// */
    .personal-div {
        gap: 15px;
    }

    .personal-page h1 {
        font-size: 18px;
    }

    .personal-box {
        width: 90%;
    }

    .personal-box h2 {
        font-size: 16px;
        width: 80%;
    }

    .personal-box {
        width: 90%;
    }

    .personal-box h2 {
        font-size: 16px;
        width: 80%;
    }

    .custom-tabs {
        margin-top: 30px;
    }

    .booking-tabs h2 {
        font-size: 14px;
    }

    .chat-row {
        height: 280px;
    }

    .chats .main-box {
        height: 497px;
    }

}

@media (min-width:1051px) and (max-width:1450px) {
    .sign-para2 {

        width: 100%;
    }

    .detailsec h6 {
        font-size: 13px;
    }

    .stat-label {
        font-size: 14px;
    }

    .detailsimg {
        height: 380px;
    }

    .footer1-head {
        font-size: 38px;
    }

    .detailsec h3 {
        font-size: 22px;
    }

    .detailsec p {
        font-size: 15px;
    }

    .sessiontext {
        font-size: 15px;
    }

    .about-para {
        font-size: 12px;
    }

    /* personal-information// */
    .personal-box h2 {
        font-size: 16px;
        /* width: 90%; */
    }

    .personal-page h1 {
        font-size: 17px;
    }

    .personal-div2 h5 {
        font-size: 16px;
    }

    .personal-div a {
        font-size: 15px;
    }

    .personal-page {
        height: 58px;
    }

    .personal-modal p {
        font-size: 16px;
    }
}

@media (min-width:320px) and (max-width:992px) {
    .loginbtn {
        background-color: white;
    }
}