.hero-heading {
    padding: 0px !important;
}
.button.button-cta {
    padding: 15px 40px !important;
}
.input.is-medium{
    height:32px !important;
}
@media screen and (min-width: 1024px) {
    .navbar-start {
        margin-left: 0px !important;
        margin-right: auto !important;
    }
}
input {
    font-size: 1rem !important;
}

.is-features .plan-header {
    padding: 1.5rem 0.75rem 1.5rem 0.75rem !important;
}

.is-features .discount {
    height: 26px;
}
.is-drop .dropContain {
    right: 100% !important;
    margin-left: 0% !important;
    left: 0% !important;
    margin-right: -55px !important;
}

.offer-description {
    text-align: center;
    font-size: 12px;
    height: 2.3%;
}

.discount {
    text-align: center !important;
    
}

    .discount img {
        height: 55% !important;
        width: 100% !important;
    }

    .discount span {
        position: relative !important;
        display: block;
        margin-top: -16%;
        color: white !important;
        font-weight: bold !important;
        font-style: italic;
    }

/*.classic-pricing .pricing-table .pricing-plan .plan-header {
    margin-top: -15%;
}*/

.pricing-wrapper .pricing-box .price .price-number:after {
    color: black;
}

.pricing-wrapper .pricing-box > p {
    color: black;
}

.section {
    padding: 0px;
}

#FeatureSection .section.is-medium {
    padding: 0 !important;
}

#FeatureSection .title {
    padding-top: 0px !important;
}

.pricing-wrapper .pricing-box .price .price-number:after{
    max-width:39px !important;
}
@media screen and (max-width: 1258px) and (min-width: 1052px) {
    .is-features .discount {
        height: 27px !important;
    }
    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 2rem !important;
    }
}
@media screen and (max-width: 1052px) and (min-width: 1023px) {
    .is-features .discount {
        height: 18px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 1.5rem !important;
    }
    del {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 1023px) and (min-width: 981px) {
    .is-features .discount {
        height: 8px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 1.5rem !important;
    }
    del {
        font-size: 1rem !important;
    }
}
@media screen and (max-width: 981px) and (min-width: 923px) {
    .is-features .discount {
        height: 12px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 1rem !important;
    }
    del {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 923px) and (min-width: 868px) {
    .is-features .discount {
        height: 57px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 1rem !important;
    }

    del {
        font-size: 1rem !important;
    }
}
@media screen and (max-width: 868px) and (min-width: 823px) {
    .offer-description{
        height:3% !important;
    }
    .is-features .discount {
        height: 71px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 1rem !important;
    }

    del {
        font-size: 1rem !important;
    }
}
@media screen and (max-width: 823px) and (min-width: 796px) {
    .offer-description {
        height: 3% !important;
    }

    .is-features .discount {
        height: 71px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 0.9rem !important;
    }

    del {
        font-size: 0.9rem !important;
    }
}
@media screen and (max-width: 796px) and (min-width: 771px) {
    .offer-description {
        height: 3% !important;
    }

    .is-features .discount {
        height: 71px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 0.8rem !important;
    }

    del {
        font-size: 0.8rem !important;
    }
}
@media screen and (max-width: 771px) and (min-width: 300px) {
    .offer-description {
        height: 3% !important;
    }

    .is-features .discount {
        height: 71px !important;
    }

    .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 0.7rem !important;
    }

    del {
        font-size: 0.7rem !important;
    }
}

@media screen and (max-width: 1023px) and (min-width: 981px) {
    .is-features .plan-header {
        padding-bottom: 2.2rem !important;
    }
    
    }

@media screen and (max-width: 859px) and (min-width: 500px) {
    .pricing-plan {
        margin: 20% 0 0 0 !important;
    }

}

@media screen and (max-width: 554px) and (min-width: 527px) {
    .pricing-plan {
        margin: 20% 0 0 0 !important;
    }
}

@media screen and (max-width: 527px) and (min-width: 500px) {
    .pricing-plan {
        margin: 20% 0 0 0 !important;
    }

}

@media screen and (max-width: 499px) and (min-width: 200px) {
    .pricing-plan {
        margin: 20% 0 0 0 !important;
    }

}
@media screen and (min-width: 1208px) {
    .is-4 .hero {
        position: fixed !important;
    }
    .is-4 .hero-heading {
        margin: 0 10% 0 auto !important;
    }
    
}
@media screen and (max-width: 1208px) and (min-width: 1091px) {
    .is-4 .hero {
        position: fixed !important;
    }

    .is-4 .hero-heading {
        margin: 0 auto 0 auto !important;
    }
}


@media screen and (max-width:1091px) and (min-width: 768px) {
    .is-4 .hero {
        position: relative !important;
    }
}