.text_input[type="text"]{
    font-size: 18px !important;
}

html{
    /*overflow-x: hidden !important;*/
    position:realative;
}
.text_58{
    font-size: 58px !important;
}
    .modal {
        display: none; /* Hidden by default */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        width: 100%;
        height: 25vh;
        max-width: 40%;
        text-align: center;
    }

    .close {
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .own_btn {
        padding: 10px 20px;
        cursor: pointer;
        background: #14416b;
        border: 3px solid #14416b;
        color: #fff;
        font-size: 18px !important;
    }
    .own_btn:hover {
        background: #fff;
        color: #14416b;
        transition: .9s;
    }
@media (min-width: 343px) and (max-width: 361px)
{
    .text_58{
        font-size: 20px !important;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
    }
    .modal-content {
        margin-top: 100% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 35vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 20px !important;
        margin-top: 15%;
        margin-bottom: 7%;
    }
    
}
@media (min-width: 361px) and (max-width: 380px)
{
    .text_58{
        font-size: 20px !important;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
    }
    .modal-content {
        margin-top: 60% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 39vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 20px !important;
        margin-top: 15%;
        margin-bottom: 7%;
    }
    
}
@media (min-width: 390px) and (max-width: 420px)
{
    .text_58{
        font-size: 20px !important;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
    }
    .modal-content {
        margin-top: 60% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 30vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 20px !important;
        margin-top: 15%;
        margin-bottom: 7%;
    }
    
}
@media (min-width: 420px) and (max-width: 450px)
{
    .text_58{
        font-size: 25px !important;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
    }
    .modal-content {
        margin-top: 60% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 30vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 20px !important;
        margin-top: 15%;
        margin-bottom: 7%;
    }
    
}

@media (min-width: 460px) and (max-width: 550px)
{
    .text_58{
        font-size: 25px !important;
    }
    .text_input[type="text"]{
        font-size: 18px !important;
        height: 50px;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        width: 40% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        background-color: #fff;
        margin: 50% auto;
        padding: 20px;
        width: 100%;
        height: 35vh;
        max-width: 70%;
        text-align: center;
    }
    .search_heading{
        font-size: 22px !important;
        margin-top: 5%;
        margin-bottom: 7%;
    }
    .close {
        color: #aaa;
        font-size: 58px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
}

@media (min-width: 760px) and (max-width: 821px)
{
    .text_58{
        font-size: 35px !important;
    }
    .text_input[type="text"]{
        font-size: 18px !important;
        height: 50px;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        width: 40% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        margin-top: 30% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 26vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 30px !important;
        margin-top: 5%;
        margin-bottom: 7%;
    }
    .close {
        color: #aaa;
        font-size: 58px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
}
@media (min-width: 821px) and (max-width: 870px)
{
    .text_58{
        font-size: 35px !important;
    }
    .text_input[type="text"]{
        font-size: 18px !important;
        height: 50px;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        width: 40% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        margin-top: 30% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 26vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 30px !important;
        margin-top: 5%;
        margin-bottom: 7%;
    }
    .close {
        color: #aaa;
        font-size: 58px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
}
@media (min-width: 880px) and (max-width: 950px)
{
    .text_58{
        font-size: 35px !important;
    }
    .text_input[type="text"]{
        font-size: 18px !important;
        height: 50px;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        width: 40% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        margin-top: 30% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 20vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 30px !important;
        margin-top: 5%;
        margin-bottom: 7%;
    }
    .close {
        color: #aaa;
        font-size: 58px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
}
@media (min-width: 950px) and (max-width: 1050px)
{
    .text_58{
        font-size: 35px !important;
    }
    .text_input[type="text"]{
        font-size: 18px !important;
        height: 50px;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        width: 40% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        margin-top: 30% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 20vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 30px !important;
        margin-top: 5%;
        margin-bottom: 7%;
    }
    .close {
        color: #aaa;
        font-size: 58px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
}
@media (min-width: 1150px) and (max-width: 1300px)
{
    .text_58{
        font-size: 35px !important;
    }
    .text_input[type="text"]{
        font-size: 18px !important;
        height: 50px;
    }
    .own_btn {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        width: 40% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        margin-top: 30% !important;
        background-color: #fff;
        padding: 20px;
        width: 100%;
        height: 37vh    ;
        max-width: 85%;
        text-align: center;
    }
    .search_heading{
        font-size: 30px !important;
        margin-top: 5%;
        margin-bottom: 7%;
    }
    .close {
        color: #aaa;
        font-size: 58px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
}
@media (min-width: 910px) and (max-width: 980px)
{
    /*html{*/
    /*    overflow-x: hidden !important;*/
    /*}*/
    .text_58{
        font-size: 35px !important;
    }
    .row{--bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;}
    .container{--bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;}
    .container-fluid{--bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;}
}