@media only screen and (max-width: 767px) and (min-width: 200px) {
    .service-item-box {
        padding: 10px;
    }

    .pack-base-list {
        width: 33%;
    }

    .ser-icon {
        width: 25px;
    }

    .ser-icon i {
        font-size: 20px;
    }

    .pack-base-bar {
        width: 55%;
    }

    .head-pack {
        font-size: 14px;
    }

    .del-fast {
        display: none;
    }

    .speed-text {
        display: none;
    }

    .pack-base-bar .progress {
        width: 100%;
        height: 8px;
    }
    .pack-up {
        margin-left: 20px;
        display: none !important;
    }
    .pack-base-btn {
        width: 15%;
    }
    .pack-btn {
        font-size: 13px;
        padding: 5px 10px;
    }

}
@media only screen and (max-width: 992px) and (min-width: 768px) {
    #hero {
        padding: 90px 0px 220px;
    }
    .pack-base-list {
        width: 50%;
    }
    .ser-icon {
        width: 35px;
    }
    .ser-icon i {
        font-size: 25px;
    }
    .head-pack {
        font-size: 16px;
    }
    .pack-base-btn {
        width: 20%;
    }
    .pack-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 992px) and (min-width: 200px) {
    h1, .h1, .fs-1 .display-1 {
        font-size: 30px;
    }
    h2, .h2 .fs-2 .display-2 {
        font-size: 25px;
    }
    .h3, h3, .fs-3, .display-3 {
        font-size: 18px !important;
    }
    p, dl, ol, ul {
        font-size: 14px;
    }
    #header .logo img {
        width: 150px;
    }
    section {
        padding: 30px 0;
        overflow: hidden;
    }
    .btn-secondary {
        font-size: 14px;
    }
    #hero .hero-title {
        padding: 0px;
    }

    .satisfaction-img-box img {
        width: auto;
    }
    .icon-list p {
        font-size: 14px;
    }
    .why-promo {
        padding: 20px;
    }

    .inner-hero {
        padding: 100px 0px 220px;
    }

    .inner-over-price-box {
        width: auto;
    }

    .pricing .box {
        margin: 0px 33px;
    }

    .plans-actions {
        padding: 15px;
        display: flex;
        flex-direction: column;
    }

    .price-amount {
        width: auto;
        padding: 10px;
    }

    .price-buy-btn {
        width: auto;
        padding: 10px;
    }
    .price-buy-btn a {
        padding: 5px 25px;
    }

    .review-count-box.text-center {
        width: auto;
        padding: 10px;
    }

    .pricing .slick-prev {
        left: 0px !important;
        z-index: 7;
    }

    .pricing .slick-next {
        right: 0px !important;
    }
    .package-list-iem-btns a {
        padding: 3px 15px !important;
        font-size: 14px;
    }
    .price-nav .nav-link {
        font-size: 14px;
    }
    .inner-step-box {
        display: initial;
        flex-wrap: nowrap;
    }
    .inner-step-box .icon-list p {
        font-size: 14px;
    }
    .faq .faq-list li, .faq .faq-list2 li {
        padding: 15px;
    }
    .footer-info img {
        width: 150px;
    }
    .footer-open-link-box ul li .buy-link-btn,  #footer .footer-top .footer-links ul a {
        font-size: 14px;
    }
}