.product_navbar_container{
    padding: 1rem;
    /* border: 1px solid; */
    background-color: #d1e2fa;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.product_navbar{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom_select {
    position: relative;
    max-width: 300px;
    width: 100%;
    /* float: right; */
    /* margin: 3vh 0 */
}

.custom_select .custom_select_btn {
    width: 100%;
    border: 2px solid #3266af;
    padding: 5px 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .5rem .5rem 0 0;
}

.custom_select .custom_select_btn i,
.product_detail_popup .popup_box .popup_box_child .pbc_heading {
    font-size: 20px
}

.custom_select .custom_select_container {
    position: absolute;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #3266af;
    border-radius: 0 0 .5rem .5rem;
    height: 50vh;
    overflow: scroll;
    background-color: #fff;
    display: none
}

.custom_select .custom_select_container p {
    cursor: pointer;
    padding: 5px
}

.custom_select .custom_select_container p:hover {
    background-color: #3266af;
    color: #fff
}

.fixed-header {
    position: fixed;
    top: 7%;
    left: 0;
    width: 100%; 
    z-index: 9;
}

.product_detail {
    padding: 10px
}

.product_detail h5 {
    color: #4b4a4a;
    font-size: 18px;
    font-weight: 500
}

.product_detail p b {
    color: #4b4a4a
}

.product_detail p,
.product_detail_popup .popup_box .popup_box_child .pbc_para {
    font-size: 15px
}

.product_detail h5,
p,
small {
    margin: 0
}

#AO_Smith_Type_Element,
#BSP_Type,
#Bajaj_Type_Elements,
#Coffee_Machine_Element,
#Ferroli_Type_Elements,
#Haier_Type_Elements,
#Half_Round_Element,
#Instant_Geyser_Elements,
#Kettle_Elements,
#Porcelain_Elements,
#Racold_Type_Element,
#Round_Cup_60mm_Dia_Elements,
#Round_Cup_72_mm_Dia_Elements,
#Round_Cup_78_mm_Dia_Elements,
#Round_Cup_90_mm_Dia_Elements,
#Round_Cup_Elements,
#Solar_Elements,
#Spherehot_Type_Elements,
#Square_100_mm_Cup_Elements,
#Steriliser_Bath_Elements,
#Thermostats_Type_Elements,
#Triangle_Elements,
#Usha_Type_Elements,
#Venus_Type,
#Washing_Machine_Elements {
    display: none
}

.product_detail_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    z-index: 99;
    background-color: rgba(0, 0, 0, .5);
    display: none
}

.product_detail_popup .popup_box {
    width: 80vmin;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    display: flex;
    align-items: center;
    row-gap: 20px;
    padding: 2em
}

.product_detail_popup .popup_box .popup_box_child1 {
    width: 40%
}

.product_detail_popup .popup_box .popup_box_child {
    width: 60%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px
}

.product_detail_popup .popup_box .popup_box_child1 img {
    width: 100%
}

.product_detail_popup .popup_box .popup_box_child .pbc_para>span {
    color: #3266af
}

.product_detail_popup .popup_box .popup_box_child .pbc_small {
    font-size: 14px
}

.popup_box_child table {
    margin-top: 20px
}

.popup_box_child table,
td,
th {
    border: 1px solid #3266af;
    padding: 2px 10px;
    font-size: 12px
}

@media (max-width:768px){
    .product_navbar{
        /* display: flex; */
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width:707px) {
    .product_detail_popup .popup_box {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .product_detail_popup .popup_box .popup_box_child {
        width: 100%
    }
}

@media (max-width:503px) {
    .product_detail_popup .popup_box {
        width: 98%;
        padding: 10px
    }

    .product_detail_popup .popup_box .popup_box_child1 {
        width: 60%
    }

    .product_detail_popup .popup_box .popup_box_child .pbc_heading {
        font-size: 25px
    }

    .product_detail_popup .popup_box .popup_box_child .pbc_para {
        font-size: 16px
    }

    .product_detail_popup .popup_box .popup_box_child .pbc_small {
        font-size: 14px
    }

    .popup_box_child table,
    td,
    th {
        font-size: 12px
    }
}

