@media (min-width: 100px) and (max-width: 1396px) {
    *:focus *:active {
        outline: none;
    }
    .firstpage {
        height: 0;
    }
    .subnav_btn  {
        display: inline-flex;
        font-size: 2rem;
    }
    #menucheckbox:checked~.subnav_btn .menu_btn {
        display: none;
    }
    #menucheckbox:checked~.subnav_btn .close_menu {
        display: block;
    }
    #menucheckbox:checked~.subnav_content {
        height: 90vh;
    }
    .mobile_navbar1_div {
        height: 10vh;
    }
    .top_div {
        margin-top: 10vh;
        width: 100vw;
        height: fit-content;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        overflow: hidden;
    }
    .top_div > div {
        width: 80%;
    }
    .top_text {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 5% 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        z-index: 11;
        pointer-events: none;
        user-select: none;
    }
    .bottom_div_upperdiv {
        height: 80%;
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        overflow: hidden;
        z-index: inherit;
        background: #000063;
    }
    .bottom_div_upperdiv > div {
        flex-basis: 100%;
    }
    .bottom_div_lowerdiv {
        height: 20%;
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        overflow: hidden;
        z-index: inherit;
        background: #000063;
    }
    .bottom_div_lowerdiv > div {
        flex-basis: 100%;
    }
    .top_button {
        width: 15%;
        height: 100%;
        z-index: 11;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5%;
    }
    .button_one {
        border-style: none;
        width: 40%;
        height: 100%;
        padding: 3%;
        cursor: pointer;
        display: block;
        color: white;
        align-items: center;
        background: black;
        border-radius: 20px;
    }
    .main_left_two {
        width: 80%;
        background: white;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 10%;
        z-index: 11;
        user-select: none;
        overflow-y: hidden;
    }
    .main_bg_right {
        width: 90vw;
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 3%;
        z-index: 11;
    }
    .twocontainers {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 1%;
        margin-bottom: 1%;
        width: 80%;
        padding: 1% 0;
    }
    .twocontainers > div {
        width: 90%;
    }
    .bottom_div_lowerdiv_two > div {
        width: 7%;
        margin-right: 1%;
        margin-left: 1%;
    }
    .product_image {
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        justify-content: center;
        text-align: center;
        display: flex;
        margin: 1px;
        height: calc(100% - 4px);
        width: calc(100% - 4px);
        z-index: 12;
    }
    .product {
        display: flex;
        justify-content: center;
        text-align: center;
        position: relative;
        background-color: rgba(255, 255, 255, 0);
        height: 400px;
        width: 400px;
        z-index: 7;
    }
    .front_links_innerdiv img {
        width: 30px;
        height: 30px;
    }
    .search_input_class {
        padding: 3%;
    }
    .top_search_bar {
        margin-left: 0;
    }
    .packet_info {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .packet_details {
        width: 90vw;
    }
    .packet_info_innerdiv {
        width: 90vw;
        margin-bottom: 20px;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        pointer-events: none;
        user-select: none;
    }
    .packet_info_pic {
        position: -webkit-sticky;
        width: 90vw;
    }
    .packet_info_picclass {
        height: 50vh;
        display: flex;
        top: 0;
        border-radius: 50px;
    }
    .packet_info_textone_classtwo {
        position: relative;
        height: fit-content;
        width: 90vw;
        padding-bottom: 5%;
        gap: 5%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .group_packet_details_twoparts {
        width: 90vw;
    }
    .group_packet_details_partone {
        width: 40vw;
    }
    .group_packet_details_parttwo {
        width: 40vw;
    }
    .group_packet_details_singleline {
        width: 90vw;
        margin: 1% 0;
    }
    .group_details_vertical {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .group_verticalone {
        width: 40vw;
        height: fit-content;
    }
}

@media (min-width: 700px) and (max-width: 1396px) {
    .bottom_div_lowerdiv_two > div {
        width: 4%;
        margin-right: 1%;
        margin-left: 1%;
    }
    .front_links_innerdiv img {
        width: 50px;
        height: 50px;
    }
}