main{
	padding-bottom: 0;
}
.greenTop{
	background: url(../images/green-point-bg.jpg) top center no-repeat;
    background-size: auto 800px;
	padding-top: 85px;
}
.green-layer{
    background: linear-gradient(180deg, rgba(33, 99, 61, 0) 0%, #21633D 64.06%);
    padding-bottom: 65px;
}
.block-wrap {
    background: rgba(255,255,255,0.95);
    border-radius: 15px;
    padding: 60px 50px 0px 60px;
}
.greenTop-right{
    padding-bottom: 55px;
}
.greenTop-right h2{
    margin-bottom: 25px;
}
.greenTop-right .btn {
    width: 400px;
    margin-top: 25px;
    max-width: 100%;
}
.greenTop-right .btn i.icon{
    margin-right: 10px;
}
.greenTop-right img.desktop{
    position: absolute;
    left: -10px;
    bottom: -60px;
}
.greenTop-left img{
	max-width: calc(100% - 30px);
    position: absolute;
    top: -90px;
    left: 25px;
}
/* ========== section end ========== */
.green-step h2{
	color: #fff;
	margin-top: 100px;
}
.step-row {
    margin-top: 60px;
}
.step-item{
	text-align: center;
}
.step-item img{
	width: 165px;
}
.step-txt {
    text-align: left;
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    margin: 20px auto 0;
    width: 325px;
    max-width: 100%;
}
.step-txt h2.step-num{
    margin-top: 0;
    display: inline-block;
    color: #fff;
    position: absolute;
    top: -22px;
    left: 0;
    line-height: 0.9;
    padding: 0;
}
.step-txt h2.step-num:before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 3px;
	background: #fff;
}
/* ========== section end ========== */
.tnc-section{
    background: #f8f8f8;
    padding: 50px 0;
}
ul.point-list {
    padding-left: 20px;
    font-size: 13px;
}
ul.point-list li {
    list-style-type: disc;
    margin-bottom: 15px;
}
table.recycling-table {
    width: 100%;
    text-align: center;
    color: #777;
    font-size: 13px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}
table.recycling-table thead th{
    color: #fff;
    background: #00AFAA;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    padding: 8px 20px;
    width: 50%;
    line-height: 16px;
}
table.recycling-table td{
    border: 1px solid #e8e8e8;
    padding: 12px 25px;
}
table.recycling-table tr:first-child td {
    border-top: 0;
}
table.recycling-table tr:last-child td {
    border-bottom: 0;
}
table.recyclingints-table tr td:first-child{
    border-left: 0;
}
table.recycling-table tr td:last-child{
   border-right: 0;
}
/* ========== 992 ========== */
@media (max-width: 991px){
    .green-layer{
        background: linear-gradient(180deg, rgba(33,99,61,0) 0%, rgba(33,99,61,1) 5%, rgba(33,99,61,1) 100%);
        padding-bottom: 0;
        padding-top: 160px;
    }
    .block-wrap{
        padding: 60px 20px 0 20px;
    }
    .greenTop-left{
        text-align: center;
    }
    .greenTop-left img {
        position: relative;
        top: auto;
        left: auto;
        max-width: calc(100% - 120px);
        margin-top: -210px;
    }
    .greenTop-right {
        padding-bottom: 35px;
    }
    .green-step h2{
        text-align: center;
        margin-top: 40px;
    }
    .step-item {
        margin-bottom: 60px;
        padding-bottom: 30px;
    }
    .step-item img {
        width: 150px;
    }
    .step-txt {
        width: auto;
    }
}
@media (max-width: 767px){
    .greenTop-right .btn {
        padding: 10px 0;
        margin: 15px -5px 0;
        width: calc(100% + 10px);
        max-width: calc(100% + 10px);
        font-size: 18px;
    }  
    .greenTop-left img {
        max-width: auto;
        width: 200px;
    }
}
@media (max-width: 320px){
    .greenTop-right .btn {
        padding: 8px 0;
        font-size: 14px;
    }
}