.area-list-wrapper {
    float: left;
    width: 25%;
}
.area-list-wrapper-6-col {
    float: left;
    width: 50% !important;
}

.area-special-ul li {
    /*border: 1px solid red;*/
    width: 31%;
    float: left;
}
ul.area-list li a {
    font-size:  10px;
    font-size: 12px;
    text-transform: capitalize;
}


@media(max-width: 767px) {

    main h1 {
        font-size: 24px;
    }

    main h2 {
        font-size: 22px;
    }

    main h3 {
        font-size: 20px;
    }

    main h4 {
        font-size: 20px;
    }

    main h5 {
        font-size: 20px;
    }

}