.quick-links {
    padding: 0;
    margin: -55px 0 0 0;
    position: relative;
    z-index: 9999;
}
.quick-links .box {
    max-width: 395px;
    padding: 0;
}
.quick-links .box a {
    display: inline-block;
    position: relative;
    color: #140d0a;
    font-style: italic;
}
.quick-links .box a:hover {
    box-shadow: 0 0 20px #313131;
}
.quick-links .box a img {
    float: left;
}
.quick-links .box a .head {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 36px;
    width: 94%;
    background-color: #ffcf5a;
    margin: 3%;
}
.quick-links .box a span.z-arrow-right-10 {
    border-left-color: #140d0a;
    margin: 3px -32px 0 0;
}
.h-sec1 {
    padding: 50px 0 20px 0;
}
.h-sec1 .left .head {
    color: #41651e;
}
.h-sec1 .right {
    background-color: #d2d6d8;
    padding: 15px;
    max-width: 395px;
}
.h-sec1 .right .head {
    color: #4f7a25;
}
.h-sec1 .right a {
    display: inline-block;
    width: 100%;
    background-color: #ffcf5a;
    color: #000;
    padding: 5px 15px;
    margin: 7px 0;
}
.h-sec1 .right a:hover {
    background-color: #000;
    color: #ffcf5a;
}
.h-sec2 {
    background-image: url(../images/h-sec2-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #97ae8c;
    color: #223329;
    padding: 45px 0 15px 0;
}
.h-sec2 a.more {
    background-color: #41651e;
    color: #fff;
    display: inline-block;
    padding: 10px 32px;
    margin: 20px 0 0 0;
}
.h-sec2 a.more:hover {
    background-color: #223329;
}




@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
	.h-sec1 {
	    padding: 30px 0 20px 0;
	}
	.h-sec2 {
	    background-image: none;
	}
}
@media screen and (max-width: 767px) {
	.quick-links {
	    margin: 40px 0 0 0;
	}
	.h-sec1 {
	    padding: 20px 0;
	}
	.h-sec1 .left.z-8of12, .h-sec2 .left.z-5of12 {
	    padding: 0;
	}
	.h-sec2 {
	    padding: 35px 0 10px 0;
	}
}
@media screen and (max-width: 479px) {
}