@media (min-width: 1024px) and (max-width: 1200px) {

    /* login page Css */
    .login100-form {
        width: 400px !important;
        background-color: #FFF9F3;
        padding: 1.7rem 1rem;
    }

    .login100-more {
        width: calc(100% - 400px) !important;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main_card {
        background-color: #ffffff;
        padding: 35px 24px;
        border-radius: 15px;
    }

    /* login page css ends here */

    /* overview css */

    .custome_main_body {
        padding: 31px 70px !important;
    }

    /* search page */
    .input-group-append {
        margin-left: -7px;
        margin-top: 0px;
        margin-right: -39px;
    }

    .columnsCssMobile {
        padding-left: 58px;
    }


}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .login100-form {
        width: 100vw;
        background-color: #FFF9F3;
        padding: 2.5rem 3rem;
    }

    .responsive-logo img {
        visibility: visible !important;
        width: 50% !important;
    }

    .main_card {
        background-color: #ffffff;
        padding: 22px 23px;
        border-radius: 15px;
    }

    /* overview css */

    .custome_main_body {
        padding: 21px 40px !important;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .login100-form {
        width: 100vw;
        background-color: #FFF9F3;
        padding: 1.5rem 4rem;
    }

    .responsive-logo img {
        visibility: visible !important;
        width: 45% !important;
    }

    /* overview css */

    .custome_main_body {
        padding: 31px 70px !important;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .login100-form {
        width: 100vw;
        background-color: #FFF9F3;
        padding: 1.5rem 4rem;
    }

    .responsive-logo img {
        visibility: visible !important;
        width: 45% !important;
    }

    /* overview css */

    .custome_main_body {
        padding: 33px 4px 33px 43px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .patent-logo {
        margin-left: 20rem !important;
        margin-top: -4rem !important;
        width: 50% !important;
    }

    /* overview css */

    .custome_main_body {
        padding: 31px 70px !important;
    }

}

@media (max-width: 1024px) {

    .redBtn {
        background: #08b7a5;
        border-radius: 40px;
        padding: 5px 15px;
        height: 35px;
        width: 36px;
        font-weight: 600;
        border: none;
        color: #fff;
        cursor: pointer;
    }

    .redBtn i {
        font-size: 15px;
        line-height: 27px;
        position: relative;
        display: flex;
        justify-content: center;
    }

    .bookmark-margin {
        margin-left: 20px;
    }

    .selectAnOption {
        width: 15rem;
        border: 0px;
        outline: none;
        height: 2rem;
    }

    .input-group-prepend {
        margin-right: -1px;
        margin-left: 47px;
    }
}

@media (max-width: 1191px) {

    .selectAnOption {
        width: 10rem;
        border: 0px;
        outline: none;
        height: 2rem;
    }

}

/* @media (max-width: 1799px) { 
    .input-group-append {
        margin-left: -1px;
        margin-top: 0px;
        margin-right: -39px;
    }
    
    .columnsCssMobile{
        padding-left: 80px;
    }
} */

/* @media (min-width: 1435px) and (max-width: 1439px) { 
    .input-group-append {
        margin-left: -1px;
        margin-top: 0px;
        margin-right: -40px;
    }
} */

/* 1)Remove text-align: right; in columnsCssMobile */