@charset "UTF-8";

/*---MMenu cong---*/
.mm-menu {
    --mm-color-background: #315342;
}

/*---The component---*/
.the-components-box {margin-bottom:20px;}
.the-components-box img {margin-bottom:20px;}
.the-components-box h4 {margin-bottom:10px;}

/*---Green Re---*/
.green-re-logo {display:block;margin:0px auto 20px auto;max-width:110px;}
.green-re-list {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.green-re-list .list-box {flex-basis:33%;text-align:center;margin-bottom:15px;}
.green-re-list .list-box img {margin-bottom:5px;max-width:140px;}
.green-re-list .list-box p {font-size:11px;line-height:14px;}

.green-re-list-wrapper {display:flex;flex-wrap:wrap;}
.green-re-list-container {flex-basis:calc(50% - 20px);}
.green-re-list-border {flex-basis:40px;}
.green-re-list-border span {display:block;height:calc(100% - 20px);width:0.5px;background-color:#000000;margin:auto;}



@media only screen and (max-width:767px) {
    .green-re-list-container {flex-basis:100%;}
    .green-re-list-border {flex-basis:100%;margin-top:10px;margin-bottom:20px;}
    .green-re-list-border span {height:0.5px;width:100%;}
}