@media only screen and (max-width: 768px) {
    p,
    ul li {
        line-height: 1.5;
        color: #545454;
        font-weight: 100;
    }
    .home_menu {
        display: none;
    }
    .mobile {
        display: inherit;
    }
    .mobile .nav-bar {
        width: 100%;
        margin: 0 auto;
        overflow: auto;
        bottom: 0;
        position: fixed;
        border-top: 2px solid #cfcfcf1f;
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
        background: #fff;
        display: flex;
        justify-content: center;
        z-index: 9999;
    }
    .mobile .nav-bar a {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: .5rem;
        transition: all 0.3s ease;
        font-size: 18px;
        color: #545454;
        text-decoration: none;
    }
    .mobile .nav-bar a label {
        font-size: 10px;
        display: block;
    }
    .prod {
        height: auto;
        padding: 10px 0;
        padding-bottom: 40px;
        margin-bottom: 0;
        background-color: #0b419b;
        position: fixed;
        width: 100%;
        z-index: -1;
        top: 0;
    }
    .prod .duk {
        background: transparent;
        display: flex;
        align-items: center;
    }
    .duk .burger-nav-bar {
        display: inline;
        color: #fff;
        font-size: 24px;
        cursor: pointer
    }
    .duk h2 {
        font-size: 24px;
        margin: 0;
        padding: 0;
    }
    .no-padding {
        padding: 0;
    }
    .single_product_list .single_product_img .product_overlay {
        height: 100%;
    }
    .whole-wrap,
    .single_product_list {
        padding: 40px 0 0;
        margin-top: 55px;
        background: #fff;
        border-radius: 15px 15px 0px 0px;
        box-shadow: 0px 0px 0px rgb(0 0 0 / 5%);
    }
    .banner_part .banner_img img.img-fluid {
        border-radius: 20px 0px 0px 20px;
    }
    .single_product_item {
        border-radius: 15px;
        border: thin solid #efefef;
        padding-bottom: 5px;
        margin-bottom: 15px;
        box-shadow: 0px 1px 2px #efefef;
    }
    .single_product_item .single_product_item_thumb {
        border-radius: 15px;
        min-height: 230px;
    }
    .single_product_item_thumb .img-fluid,
    .single_product_item .single_product_item_thumb .bright,
    .single_product_item .single_product_item_thumb .basic,
    .single_product_item .single_product_item_thumb .filler,
    .single_product_item .single_product_item_thumb .exfoliating {
        border-radius: 15px 15px 0px 0px;
    }
    .bintang {
        padding: 5px 5px;
    }
    .bintang span {
        font-size: 10px;
    }
    .single_product_item h3 {
        font-size: 10px;
        margin: 0;
        padding: 0px 5px 5px 5px;
    }
    .single_product_item h3 a {
        font-weight: 500;
    }
    .single_product_item p {
        display: none;
    }
    .client_review {
        padding: 10px;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #fff;
        padding-top: 1.5rem!important;
    }
    .blog_right_sidebar h2.title,
    .blog_right_sidebar h2 a,
    h2.font-size-regular {
        font-size: 1.4rem;
    }
    .blog_right_sidebar .single_sidebar_widget {
        border-radius: 15px;
        padding: 0;
        background: transparent;
    }
    .mb-3 {
        margin-bottom: 0!important;
    }
    .breadcrumb_iner h2 {
        font-size: 1.5em!important;
        margin: 0;
    }
    button.genric-btn {
        width: 100%;
    }
    .feature_part .feature_part_content p {
        font-size: 12px;
    }
    .section_padding {
        padding: 20px 0px;
        padding-bottom: 50px;
        margin-top: 0;
        border-radius: 15px 15px 0px 0px;
        background-color: #fff;
    }
    .feature_part {
        padding: 20px 0px 120px 0px;
    }
    .no-radius {
        border-radius: 0;
    }
    .subscribe_part {
        background-color: #1851a8;
    }
    .subscribe_part .subscribe_part_content h2 {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .subscribe_part .subscribe_part_content .btn_6 {
        background: #fff;
    }
    .footer_part {
        margin-bottom: 50px;
    }
    .footer_part .copyright_part {
        margin-top: -25px;
        border-radius: 15px 15px 0px 0px;
    }
    .footer_part p#foot,
    .copyright_link {
        font-size: 12px;
    }
    .banner_part .banner_text h1 {
        background: linear-gradient( 62deg, rgb(0 0 0) 0%, rgb(122 122 123) 20%, rgb(189 189 189) 30%, rgb(124 124 124) 50%, rgb(0 0 0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .mobile-mt-0 {
        margin-top: 0px!important;
    }
}

@media only screen and (max-width: 360px) {
    .banner_part .banner_text h1 {
        background: linear-gradient( 62deg, rgb(0 0 0) 0%, rgb(122 122 123) 20%, rgb(189 189 189) 30%, rgb(124 124 124) 50%, rgb(0 0 0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .whole-wrap,
    .single_product_list {
        padding: 20px 0 0;
        border-radius: 20px 20px 0px 0px;
        box-shadow: 0px 0px 0px rgb(0 0 0 / 5%);
    }
    .section_padding {
        border-radius: 20px 20px 0px 0px;
    }
    .no-radius {
        border-radius: 0;
    }
    .single_product_list .single_product_img .product_overlay {
        height: 240px;
    }
    .single_product_item .single_product_item_thumb {
        border-radius: 15px;
        min-height: 222px;
    }
    .subscribe_part .subscribe_part_content {
        text-align: center;
        min-height: 160px;
    }
    .footer_part .copyright_part {
        margin-top: -15px;
        border-radius: 20px 20px 0px 0px;
    }
    .mobile-mt-0 {
        margin-top: -25px!important;
    }
}