.post-date{
            background:#f4f4f4;
            padding: 4px;
            margin: 3px;
            display: block
        }

        .pagination-link{
            margin:30px 0;
            
        }

        a.pagination-link{
            padding:8px 13px;
            margin: 5px;
            background: #f4f4f4;
            border: 1px #ccc solid;
        }
        .pagination-link strong{
            padding:8px 13px;
            margin: 5px;
            background: #f4f4f4;
            border: 1px #ccc solid;
        }

        .cat-delete{
            display: inline;
        }

        /**header and footer style css */

        #myFooter {
            background-color: #6b807b !important;
            color: white;
            padding-top: 30px;
        }

        #myFooter .footer-copyright {
            background-color: #333333;
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
        }

        #myFooter .row {
            margin-bottom: 60px;
        }

        #myFooter .navbar-brand {
            margin-top: 45px;
            height: 65px;
        }

        #myFooter .footer-copyright p {
            margin: 10px;
            color: #ccc;
        }

        #myFooter ul {
            list-style-type: none;
            padding-left: 0;
            line-height: 1.7;
        }

        #myFooter h5 {
            font-size: 18px;
            color: white;
            font-weight: bold;
            margin-top: 30px;
        }

        #myFooter h2 a{
            font-size: 50px;
            text-align: center;
            color: #fff;
        }

        #myFooter a {
            color: #d2d1d1;
            text-decoration: none;
        }

        #myFooter a:hover,
        #myFooter a:focus {
            text-decoration: none;
            color: white;
        }

        #myFooter .social-networks {
            text-align: center;
            padding-top: 30px;
            padding-bottom: 16px;
        }

        #myFooter .social-networks a {
            font-size: 32px;
            color: #f9f9f9;
            padding: 10px;
            transition: 0.2s;
        }

        #myFooter .social-networks a:hover {
            text-decoration: none;
        }

        #myFooter .facebook:hover {
            color: #0077e2;
        }

        #myFooter .google:hover {
            color: #ef1a1a;
        }

        #myFooter .twitter:hover {
            color: #00aced;
        }

        #myFooter .btn {
            color: white;
            background-color: #444C38;
            border-radius: 20px;
            border: none;
            width: 150px;
            display: block;
            margin: 0 auto;
            margin-top: 10px;
            line-height: 25px;
        }

        @media screen and (max-width: 767px) {
            #myFooter {
                text-align: center;
            }
        }
        html{
            height: 100%;
        }

        body{
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            height: 100%;
        }

        .content{
           flex: 1 0 auto;
           -webkit-flex: 1 0 auto;
           min-height: 200px;
        }

        .collapsible {
          background-color: #777;
          color: white;
          cursor: pointer;
          padding: 18px;
          width: 100%;
          border: none;
          text-align: left;
          outline: none;
          font-size: 15px;
        }
        .content {
          padding: 0 18px;
          display: none;
          overflow: hidden;
          background-color: #986960;
        }
        .container{
            margin: 1 auto;
            padding: 1px;
        }
        .img-responsive{
            width: 100%;
            float: left

        }
        .img-curve{
            border-radius: 10px;
        }

        .text-right{
            text-align: right;
        }
        .text-center{
            text-align: center;
        }
        .text-left{
            text-align: left;
        }
        .text-white{
            color: white;
        }

        .clearfix{
            clear: both;
            float: none;
        }
        #more {display: none;}
        input {border:0;outline:0;
            text: bold;
        }
        input:focus {outline:none!important;}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}
        .btn{
            padding: 1%;
            border: none;
            font-size: 1rem;
            border-radius: 5px;
        }
        .btn-primary{
            background-color: #7d9590;
            color: white;
            cursor: pointer;
        }
        .btn-primary:hover{
            color: white;
            background-color: #596b67;
        }
        .btn-default{
            background-color: #4e4eff;
            color: white;
            cursor: pointer;
        }
        .btn-default:hover{
            color: white;
            background-color: #9d9dff;
        }
        h2{
            color: #2f3542;
            font-size: 2rem;
            margin-bottom: 2%;
        }
        h3{
            font-size: 1.5rem;
        }
        .float-container{
            position: relative;
        }
        .float-text{
            position: absolute;
            bottom: 50px;
            left: 40%;
        }
        fieldset{
            border: 1px solid white;
            margin: 5%;
            padding: 3%;
            border-radius: 5px;
        }


        /* CSSS for navbar section */

        .logo{
            width: 10%;
            float: left;
        }
        .menu{
            line-height: 60px;
        }
        .menu ul{
            list-style-type: none;
        }

        .menu ul li{
            display: inline;
            padding: 1%;
            font-weight: bold;
        }


        /* CSS for product SEarch Section */
        .search{
            font-size: 1.5rem; 
            width: 90px;
            height: 25px;
            background-color: blue-green;
        }
        .bonsai-search{
                border: groove;
                border-radius: 5px;
               width: 65%;
                height: 25px;
                padding: 1px;
                }


        .bonsai-search input[type="search"]{
            width: 90%;
            padding: 1%;
            font-size: 1.5rem;
            border: none;
            border-radius: 5px;
        }


        /* CSS for Categories */
        .categories{
            padding: 4% 0;
        }

        .box-3{
            width: 28%;
            float: left;
            margin: 2%;
        }


        /* CSS for product Menu */
        
        .bonsai-menu{
            background-color: #d9eae6;
            padding: 4% 0;
        }
        .bonsai-menu-1{
            background-color: #d9eae6;
            float: center;
            padding: 4% 0;
        }
        .bonsai-menu-2{
            background-color: #d9eae6;
            float: center;
            padding: 4% 0%;
            
        }
        .group-menu{
            float: center;
            
        }

        .bonsai-menu-box{
            width: 97%;
            margin: 1%;
            padding: 2%;
            float: left;
            background-color: white;
            border-radius: 15px;
        }
        .bonsai-menu-box-2{
            width: 80%;
            margin: 1%;
            padding: 2%;
            float: left;
            background-color: white;
            border-radius: 15px;
        }
        .bonsai-menu-box-5{
            width: 20%;
            margin: 1%;
            padding: 2%;
            float: left;
            background-color: white;
            border-radius: 15px;
        }
        
        .bonsai-menu-box-1{
            width: 20%;
            margin: 1%;
            padding: 2%;
            float: left;
            background-color: white;
            border-radius: 15px;
        }
        .bonsai-menu-box-3{
            width: 200px;
            margin: 0.5%;
            padding: 0.1%;
            float: left;

        }

        .clearfix{
            clear: both;
            float: none;
        }

        .bonsai-menu-img{
            width: 30%;
            float: left;
        }
        .bonsai-menu-img-1{
            width: 200px;
            margin: 0.5%;
            padding: 0.1%;
            float: left;


        }
        .bonsai-menu-img-2{
            width: 40%;
            float: left;
            margin-right: 10%;
        }
        

        .bonsai-menu-desc{
            width: 50%;
            float: left;
            margin-left: 8%;
        }
        .bonsai-menu-desc-1{
            float: center;
            margin-left: 8%;
        }
        .bonsai-menu-desc-2{
            
            float: center;
            padding-right: 15px;
        }

        .bonsai-price{
            font-size: 1.5rem;
            margin: 2% 0;
        }
        .bonsai-price-1{
            font-size: 1.2rem;
            margin: 2% 0;
        }

        .bonsai-title{
             font-size: 2.5rem;
            color: #2e3238;

        }
        .bonsai-title-1{
             font-size: 1rem;
            color: #2e3238;

        }
        .bonsai-title-2{
             font-size: 1.5rem;
            color: #2e3238;

        }
        .bonsai-detail{
            font-size: 1.5rem;
            color: #2e3238;
        }
        .bonsai-detail-1{
            font-size: 1rem;
            color: #2e3238;
        }


        /* CSS for Social */
        .social ul{
            list-style-type: none;
        }
        .social ul li{
            display: inline;
            padding: 1%;
        }

        /* for Order Section */
        .order{
            width: 50%;
            margin: 0 auto;
        }
        .input-responsive{
            width: 96%;
            padding: 1%;
            margin-bottom: 3%;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
        }
        .order-label{
            margin-bottom: 1%; 
            font-weight: bold;
        }
        .form-group{
                width: 80%;
                float: none;
                margin: 1% auto;
            }

        .bod{
         margin: 0;
         padding: 0;
         background: linear-gradient(to bottom right, #E3F0FF, #FAFCFF);
         height: 100vh;
         display: flex;
         justify-content: center;
         align-items: center;
        }
        .Cart-Container{
         width: 70%;
         height: 85%;
         background-color: #ffffff;
         border-radius: 20px;
         box-shadow: 0px 25px 40px #1687d933;
        }
        .Header{
         margin: auto;
         width: 90%;
         height: 15%;
         display: flex;
         justify-content: space-between;
         align-items: center;
        }
        .Heading{
         font-size: 20px;
         font-family: ‘Open Sans’;
         font-weight: 700;
         color: #2F3841;
        }
        .Action{
         font-size: 14px;
         font-family: ‘Open Sans’;
         font-weight: 600;
         color: #E44C4C;
         cursor: pointer;
         border-bottom: 1px solid #E44C4C;
        }
        .Cart-Items{
         margin: auto;
         width: 90%;
         height: 30%;
         display: flex;
         justify-content: space-between;
         align-items: center;
        }
        .image-box{
         width: 15%;
         text-align: center;
        }
        .about{
         height: 100%;
        }
        .title{
         padding-top: 5px;
         line-height: 10px;
         font-size: 32px;
         font-family: ‘Open Sans’;
         font-weight: 800;
         color: #202020;
        }
        .subtitle{
         line-height: 10px;
         font-size: 18px;
         font-family: ‘Open Sans’;
         font-weight: 600;
         color: #909090;
        }