.drawer-menu {
    padding-top:20px;
}
.drawer-width a {
    color:#000;
}
.drawer-width img {
    width:45px;
}
.drawer-width span {
    font-size:20px;
    font-weight:600;
}
.drawer-width {
    width:100%;
    height:60px;
    position:fixed;
    top:0;
    justify-content:space-between;
    align-items:center;
    background-color:#fff;
}
.drawer-img img {
    width:30px;
    height:30px;
}
.drawer-img {
    display:flex;
}
@media only screen and (max-width: 768px) {
    .body {
        padding:10px 0;
    }
    .drawer-width {
        display:flex;
    }
    .dark-btn,
    .green-btn {
        display: inline-block;
        padding: 10px 0;
        text-align: center;
        width: 120px;
        font-weight:500;
        font-size:0.8rem;
    }
    /* header section */
    .flex {
        justify-content:center;
    }
    .navbar_items{
        display:none;
    }
    .item-container {
        width:100%;
        margin-top:50px;
    }
    .item-container h1 {
        text-align:center;
        font-weight: 700;
        font-size: 40px;
    }
    .item-container p {
        text-align:center;
    }
    .navbar {
        display:none;
    }
    .container {
        display:block;
        padding:0;
    }
    .drawer-width .brand{
        justify-content:left;
    }
    /* service section */
    .service_section {
        margin:120px 0;
        padding:0;
    }
    .service {
        display:block;
    }
    .card {
        width:90%;
    }
    /* product section */
    .item-box {
        text-align:center;
        display:block;
        width:100%;
        margin-top:100px;
    }
    .item-box .dark-btn {
        margin:10px 10px 30px 10px;
    }
    .product_section {
        margin:120px 0;
    }
    .product_section2 {
        margin:0;
    }
    .price {
       margin-left:0;
    }
    /*contact*/
    .contact-head {
    margin:0px;
    }
    .contact-form {
    background-size:40%;
    padding:100px 20px;
    }
    .contact-form input, textarea {
    width:100%;
    }
    /*review*/
    .review {
        padding:50px 10px 0 10px;
        width:100%;
    }
    .review-box {
        padding:50px 20px 50px 20px;
    }
    /* footer */
    .footer {
        display:block;
        text-align:center;
        padding:0;
    }
    .about, .quicklink, .contact, .social_container {
        margin:40px 0;
    }
}