/*---------------------------------------
 *                                      *
 *       Add Your Custom CSS Here       *
 *                                      *
 ---------------------------------------*/
.hosting_plans .hostplan {
    width: calc(27% - 12px);
    margin-right: 12px;
    min-width: 240px;
    max-width: 245px;
}
.hosting_plans .hostplan .title b {
    height: 60px;
}

.pricing-box {
    margin-top: 25px;
}

.pricing-box.pricing-box-simple.pricing-color4 .pricing-content .pricing-head:before {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(90deg, #f48747, #cf670d);
    background-image: -o-linear-gradient(90deg, #f48747, #cf670d);
    background-image: linear-gradient(90deg, #f48747, #cf670d);
}

.pricing-box.pricing-box-simple.pricing-color4 .pricing-content .pricing-features ul li:before {
    color: #ffffff;
}

.pricing-box.pricing-box-simple.pricing-color4 .pricing-content .pricing-details ul li:hover {
    color: #d36b14;
}

.pricing-box.pricing-box-simple.pricing-color4 .pricing-content .pricing-link a {
    color: #ffffff;
    background-color: #d35814;
}

.pricing-box.pricing-box-simple.pricing-color4 .pricing-content .pricing-link a:hover,
.pricing-box.pricing-box-simple.pricing-color4 .pricing-content .pricing-link a:focus {
    background-color: #a43e10 !important;
}

@media (max-width: 992px) {
    .hosting_plans .hostplan {
        width: calc(33% - 12px);
    }
}

@media (max-width: 768px) {
    .hosting_plans .hostplan {
        width: 100%;
        float: none;
        margin: 0 auto 25px;
        overflow: hidden;
    }
    ul.whyus_list {
        float: none;
        padding: 0px;
        margin: 0px 0px 0px 0px;
    }
}