@media(max-width:799px) {
     /*tablet*/
     /*home*/
     .section-p1 {
         padding: 40px 40px;
     }
     #navbar {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         justify-content: flex-start;
         position: fixed;
         top: 0;
         right: -300px;
         height: 100vh;
         width: 300px;
         background-color: #E3E6F3;
         box-shadow: 0 40px 60px rgba(0, 0, 0, 0.1);
         padding: 80px 0 0 10px;
         transition: 0.3s;
     }
     /*
     #navbar:hover {
         background-color: red;
     }
     */
     #navbar li {
         margin-bottom: 35px;
     }
     #mobile {
         display: flex;
         align-items: center;
     }
     #mobile i {
         color: #1a1a1a;
         font-size: 24px;
         padding-left: 20px;
     }
     #navbar.active {
         right: 0px;
     }
     #close {
         display: inline;
         position: absolute;
         top: 30px;
         left: 30px;
         font-size: 24px;
         color: #1a1a1a;
     }
     #lg-bag {
         display: none;
     }
     /*home*/
     /*hero*/
     #hero {
         height: 70vh;
         background-position: top 30% right 30%;
     }
     /*hero*/
     /*feature*/
     #features {
         justify-content: center;
     }
     #features .fe-box {
         margin: 15px;
     }
     /*feature*/
     /*product*/
     #Product1 .pro-container {
         justify-content: center;
     }
     #Product1 .pro {
         margin: 15px;
     }
     /*product*/
     /*banner*/
     #banner {
         height: 20vh;
     }
     /*banner*/
     /* Largebanner*/
     #sm-banner .banner-box {
         min-width: 100%;
         height: 30vh;
     }
     #banner3 {
         padding: 0 40px;
     }
     /* Largebanner*/
     /* smallbanner*/
     #banner3 .banner-box {
         width: 28%;
     }
     #banner3 .banner-box h2 {
         font-size: 25px;
     }
     /* smallbanner*/
     /* form*/
     #newsletter .form {
         width: 70%;
     }
     /* form*/
     /*tablet*/
     /*shop*/
     /*shop*/
     /*blog*/
     #blog {
         padding: 80px 80px 0 80px;
     }
     /*blog*/
     /*about*/
     /*about*/
     /*contact*/
     #form-details {
         padding: 40px;
     }
     #form-details form {
         width: 50%;
     }
     /*contact*/
 }