@media (max-width: 2560px) {
    .best_class_wrapper {
        height: 576px;

    }

    .lf-1 {
        position: relative;
        left: 5%;
    }

    .bgbg {
        position: relative;
        left: -2%;
    }
}

/* Ipad Mini Breakpoint - 3 cards */
@media (min-width: 768px) and (max-width: 819px) {
    .plan.popular .badge {
        left: 28%;
    }
    .plan {
        width: 230px !important;
        min-width: 230px !important;
        padding: 35px 18px 10px 18px;
    }
}

/* Tablet landscape - fit 3 cards comfortably */
@media (min-width: 820px) and (max-width: 1024px) {
    .plan {
        width: 300px !important;
        min-width: 300px !important;
        padding: 40px 22px 10px 22px;
    }
    .plan.popular .badge {
        left: 26%;
    }
}

/* Small laptops - fit 3 cards comfortably */
@media (min-width: 1025px) and (max-width: 1366px) {
    .plan {
        width: 340px !important;
        min-width: 340px !important;
    }
}


@media (max-width: 1399px) {

    .best_class_wrapper {
        height: 510px;
    }

    .lf-1 {
        position: relative;
        left: 0;
    }

    .bgbg {
        position: relative;
        left: -1%;
    }
}

@media (max-width: 1140px) {

    .best_class_wrapper {
        height: 510px;

    }

    .feature-box{
        .f_box h4 {
            font-size: 14px;
        }
        .feature-box i {
            font-size: 14px;
        }
        .f_box p {
            font-size: 12px;
        }
    }
}




@media (max-width: 1024px) {
    .contact_width {
        width: 50% !important;
    }

    .inner_headline_hsoting {
        font-weight: 700;
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 13px;
    }

    .gird_boxsx {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }

    .v1 {
        display: none;
    }

    .v2 {
        display: block;
    }

    /* .legal-header .col-lg-6 {
        width: 60%;
    } */

    .why_grid {
        grid-template-columns: repeat(2, 1fr);


    }

    .copy_right {
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }

    .why_icon img {
        width: 40px;

    }

    .plans-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .plan-box {
        min-width: 0;
        width: 100%;
    }

    .histing_flex_items {
        gap: 0px;
    }

    .features li {
        font-size: 15px;

    }

    .histing_flex_items ul li {
        display: flex;
        justify-content: center;
        align-items: start;
    }

    .histing_flex_items ul li {
        padding-bottom: 14px;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        justify-content: left;
        align-items: start;
    }

    .hosting_features_wrapper {
        gap: 15px;
        padding: 15px;
        height: 188px;
    }

    .best_class_wrapper {
        height: 574px;

    }

    .numbers {
        font-size: 25px;
        line-height: 8px;
        margin-bottom: 0.3rem;

    }

    .box {
        border: 2px solid #14183e50;
        width: 60px;
        height: 60px;

    }

    .box span {
        font-weight: 700;
        font-size: 11px;
        line-height: normal;


    }
}


@media (max-width: 991px) {
    .plans-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .plan-box {
        min-width: 0;
        width: 100%;
    }
    
    .plan {
        width: 100% !important;
        min-width: auto !important;
        max-width: 350px !important;
        margin: 0 auto;
    }
    
    .headline {
        font-size: 30px;
    }

    .ds-btn {
        padding: 18px 25px;
        min-width: 60px;
    }

    .ds-btn i {
        font-size: 16px;
    }

    .domain-order p {
        font-size: 16px;
    }

    .SubmitButtonone {
        padding: 4px 23px;

    }

    .migratebox {
        padding: 25px;

    }

    .search-dom p {
        font-size: 16px;
        ;
    }

    .plan_com {
        color: #666;
        margin: 20px 0;
        min-height: 80px;
        font-size: 16px;
    }

    .search-dom h1 {
        font-size: 25px;
    }

    .aws-define p {
        color: #666;
        line-height: 1.8;
        font-size: 16px;
    }

    .main-headings h2 {
        font-size: 19px;
    }

    .gird_boxsx {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        margin-top: 25px;
    }


    .honeycomb-wrap {
        display: flex;
        flex-direction: column;
    }

    .ope {
        margin-left: 0;
        position: relative;
        right: 0;
    }

    .features-menu {
        display: none;
    }

    .bxt_icon_c img {
        width: 100%;
    }

    .best_class_wrapper {
        height: auto;
    }

    .best_wrp_box {
        display: flex;
        /* gap: 15px; */
        align-items: center;
    }

    .best_class_wrapper img {
        width: 40%;

    }

    .hosting_features_wrapper {
        flex-direction: column;
        text-align: left;
        align-items: start;
    }

    .money_grid {
        padding: 17px;
    }

    .hosting_blog .col-md-4 {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .hosting_features_wrapper {
        height: auto;
    }

    .plans-grid {
        grid-template-columns: repeat(2, 1fr);

    }

    .tech-grid {
        grid-template-columns: repeat(3, 1fr);

    }

    .footer-links h6 {
        margin: 22px 0 0 0;
    }

    .social-icons i {
        font-size: 23px;
        color: #424242;
    }

    .about_inner_data h5 {
        font-size: 25px;
        line-height: 32px;
        margin-top: 1rem;
    }

    .hexraa_came .col-md-6 {
        width: 100% !important;
    }

    .btc {
        padding: 12px 11px;
        font-weight: 500;
        font-size: 15px;
    }

    .footer .btn-warning {
        margin-top: 0.5rem;
        padding: 13px 14px;
        font-size: 15px;
    }

    .footer {
        padding: 30px 0 !important;
    }

    .copy_right {
        text-align: center;
    }

    .global_padding {
        padding: 40px 0;
    }

    .abt_img {
        width: 100%;

    }

    .headline {
        font-size: 25px;
    }


    .contact-box p {
        word-break: break-word;
    }

    .contact-box .btn {
        padding: 7px 6px;
        font-size: 14px;
    }

    .headline span {
        font-size: 30px;
    }

    .hosting-section h5 {
        font-size: 22px;
    }

    .features-grid {
        grid-template-columns: repeat(2, 1fr);

    }

    .plans {
        flex-wrap: nowrap;

    }

    .choose-btn {
        padding: 11px 15px;
        font-size: 14px;
    }

    .plan {
        padding: 30px 14px;
    }

    .badge {
        top: -10px;
        left: 37%;
        font-size: 12px;
    }

    .badge_icon {
        font-size: 35px;
    }

    .ph-left img {
        width: 155%;
    }

    #topOffer::after {
        top: -7px;
        left: 52%;
    }

    .hosting-section h2 {
        font-size: 39px;
        margin-top: 2px;

    }

    .hosting-section h2 span {
        font-size: 39px;
    }
}

@media (max-width: 768px) {
    .plans-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
        padding: 0 15px;
    }
    
    .plan-box {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .plans {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .plan {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 450px !important;
    }
        .why-item.fourth {
            right:0;
            top: 0;
        }
    
        .why-item.third {
            left:0;
            top:0;
        }
    
        .why-item.fast {
            left:0;
            bottom:0;
        }
    
        .why-item.secound {
            right:0;
            bottom:0;
        }

        .feature-box:hover .f_box {
            height: 60% !important;
        }
                .f_box h4 {
                    font-size: 12px !important;
                }
        
                .feature-box i {
                    font-size: 12px !important;
                }
        
                .f_box p {
                    font-size: 10px !important;
                }

    .tabs_boxs {
        flex-direction: column;
    }

    .features_flex li img {
        height: 19px;
    }

    .features_flex li {
        font-size: 15px;
        display: flex;
        gap: 14px;
        align-items: center;
    }

    .percentage {
        margin-bottom: 15px;
    }

    .real_time {
        display: flex;
        justify-content: left;
        gap: 19px;
        align-items: center;
    }

    .tabFeatureBox {
        width: 100%;
    }

    .ic {

        grid-template-columns: repeat(2, 1fr);

    }

    .plan {
        width: 100%;
        gap: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .reseller_hosting_plans_with .headline {
        font-size: 25px;
    }

    .inner_headline_hsoting {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0.5rem;
    }

    .custom-tabs .nav-link {
        font-size: 16px;

    }

    .strong_pont_wrapper ul li {
        font-size: 15px;

    }

    .stud_fet_items {
        align-items: self-start;
        flex-direction: column;
    }

    .include_wrapper h5 {
        font-size: 15px;
        line-height: 20px;

    }

    .student_sub {
        font-size: 26px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .student_web_wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .best_panerl .para {
        width: 100% !important;
    }

    .hosting_features_shared .row {
        margin: 0 !important;
    }

    .money_grid {
        flex-direction: column;
        border-radius: 30px;
        align-items: start;
    }

    .order-btn {
        padding: 7px 0;
        font-size: 16px;
    }

    .money_img img {
        width: 70%;
    }

    .price_plancs .price {
        font-size: 25px;

    }

    .plan-box {
        padding: 14px;

    }

    .plans-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 10px;
    }
    
    .plan-box {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .contact-img img {
        width: 60%;
    }

    .inner_para {
        font-size: 20px;

    }

    .inner-section {
        padding: 40px 0px;

    }

    .inner_headline {
        font-size: 35px;
        font-weight: 800;
    }

    .payment-icons img {
        text-align: center;
        margin: 0 auto;
    }

    .copy_right {
        font-size: 15px;
        font-weight: 500;
        text-align: center;
    }

    .footer {
        padding-bottom: 30px;
    }

    .hexa {
        text-align: left;
        margin: 0 !important;
    }

    .text_postion {
        text-align: left;
        gap: 10px;
    }

    .badge {
        top: -11px;
        left: 16%;
    }

    .section-header .para {
        width: 100% !important;
        font-size: 18px;
    }

    .back-to-top {
        right: 21px;

    }

    #topOffer::after {
        top: -10px;
        left: 53%;
    }

    .top-offer {
        flex-direction: column;
    }

    #topOffer::after {
        display: none;
    }

    .top-offer .left {
        padding: 5px 0;
        text-align: center;
        font-size: 14px;
        width: 100%;
    }

    .top-offer .right {
        padding: 3px 0;
        text-align: center;
        padding-left: 1rem0;
        font-size: 16px;
        width: 100%;
    }

    .navbar {
        padding: 4px 0;
    }

    .trust-card {
        padding: 10px;
    }

    .hosting-section p {
        font-size: 16px;
        margin: 10px 0 18px;
        font-weight: 500;
    }

    .hosting-section h5 {
        font-size: 16px;
        margin-bottom: 0.5rem;
    }

    .comparison-section .headline {
        padding: 0;
        margin: 3px;
    }

    .ph-wrapper {
        flex-direction: column;
        gap: 0;
    }

    .ph-left img {
        width: 90%;
    }

    .ph-right {
        gap: 15px;

    }

    .ph-card {
        padding: 15px;

    }

    .commit_wrapper {
        text-align: left;

    }

    .why-grid {
        grid-template-columns: repeat(1, 1fr);

    }

    .fast {
        left: 0;
    }

    .third {
        left: 0;
    }

    .secound {
        right: 0;
    }

    .testimonials .para {
        width: 100% !important;
        font-size: 15px;
    }

    .text_postion {
        margin-top: 1rem;
    }

    .fourth {
        position: relative;
        right: 0;
        margin-top: 0;
    }

    .why-center img {
        margin: 10px auto 10px auto;

    }

    th,
    td {
        padding: 7px;
        text-align: center;
        font-size: 12px;
        border-bottom: 1px solid #eee;
    }

    .map .para {
        width: 100% !important;
    }

    .stats-bar {
        margin: 10px 0;
        flex-wrap: nowrap;
    }

    .footer-logo a img {
        width: 40%;
    }

    .testimonials .owl-carousel .testimonial-card {
        padding: 10px;

    }

    .avatar img {
        width: 26% !important;
    }

    .headline {
        font-size: 25px;
    }

    .global_padding {
        padding: 45px 0;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
        width: 40%;
    }

    .trust-card img {
        height: 33px;
    }

    .hosting-section .btn-view {
        padding: 8px 25px;

    }

    .pricing-section .para {
        width: 100% !important;
        font-size: 15px;
    }

    .f_box h4 {
        margin: 0;
        font-size: 16px;
        display: flex;
        align-items: left;
        gap: 12px;
    }

    .f_box {
        height: 46px;
    }

    .features-grid {
        gap: 15px;

    }

    .footer-help-text span {
        justify-content: left;
        margin-top: 3px;
    }

    .footer .btn-warning {
        margin-top: 0;
        padding: 11px 16px;
        font-size: 15px;
    }

    .navbar-brand img {
        height: 20px;
    }

    .footer-links h6 {
        margin: 15px 0 0 0;
    }

    .footer-links h6 {
        font-weight: 600;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .ev {
        margin-top: 15px;
    }
}

@media (min-width: 476px) and (max-width: 500px) {
    .feature-box:hover .f_box {
        height: 65% !important;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .why-item.fourth {
            top: 6px;
        }
                .testimonials .owl-carousel .testimonial-card {
                    min-height: 270px;
                }
}
@media (min-width: 1100px) and (max-width: 1200px) {
                .testimonials .owl-carousel .testimonial-card {
                    min-height: 315px;
                }
}
@media (min-width: 992px) and (max-width: 1200px) {
        .social-icons i {
            font-size: 22px !important;
        }
                .social-icons {
                    margin-top: 0.6rem !important;
                    gap: 0.4rem !important;
                }
    .why-item.fourth {
            right:6rem;top: 0;
        }
        .why-item.third {
            left: 6rem;
        }
        .why-item.fast {
            left: 6rem;
        }
        .why-item.secound {
            right: 6rem;
        }
}
@media (min-width: 768px) and (max-width: 992px) {
    .social-icons {
            margin-top: 0.25rem !important;
            gap: 0.25rem !important;
        }
    
        .social-icons i {
            font-size: 14px !important;
        }
    .why-item.fourth {
            right:4.5rem;top: 0;
        }
        .why-item.third {
            left: 4.5rem;
        }
        .why-item.fast {
            left: 4.5rem;
        }
        .why-item.secound {
            right: 4.5rem;
        }
}

@media (max-width: 475px) {
    .f_box {
        height: 63px;
    }

        .feature-box:hover .f_box {
            height: 54% !important;
        }
    
        .f_box h4 {
            font-size: 22px !important;
        }
    
        .feature-box i {
            font-size: 22px !important;
        }
    
        .f_box p {
            font-size: 16px !important;
        }

    .legal-tabs .nav-link {
        font-size: 12px;
    }

    .features_flex {
        grid-template-columns: repeat(2, 1fr);

    }

    .section-title {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .ic h6 {
        font-size: 16px;

    }

    .flex_per h5 {
        font-weight: 600;
        font-size: 43px;
        color: #000;
        font-style: italic;
    }

    .percentage {
        padding: 17px;
        background-color: #F7F9FB;
        display: flex;
        /* align-items: center; */
        flex-direction: column;
        height: auto;
        justify-content: center;
        border-radius: 10px;
    }

    .tabNavPills .tabNavLink {
        padding: 12px 22px;

    }

    .features-wrapper .container {
        display: block;
    }

    .tabPane img {
        width: 100%;
    }

    .tabFeatureBox {
        padding: 20px 10px;
        margin: 10px 0;
    }

    .percentage p {
        font-size: 15px;
        color: #555;
        margin-top: 10px;
    }

    .features-wrapper .para {
        font-size: 15px;
    }

    .scroll-section {
        padding: 0 0 30px 0;
        /* border-bottom: 1px solid #eee; */
    }

    .tabNavPills .tabNavLink {
        width: 100%;
    }

    .tabNavPills .tabNavLink {
        padding: 10px 0;

    }

    .real_time h4 {
        font-size: 15px;
        font-weight: 600;
    }

    .real_time img {
        height: 33px;
    }

    .features-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .legal-tabs .nav-link {
        padding: 9px 4px;

    }

    .h_icon_hostin img {
        width: 22%;
    }

    .best_class_wrapper {
        padding: 15px;
        margin-bottom: 28px;

    }

    .h_host_header h5 {
        font-size: 18px;

    }

    .best_class_wrapper img {
        width: 100%;
    }

    .contact_width {
        width: 100% !important;
    }

    .sub-heading {
        font-size: 14px;
        color: #fff;
        margin-top: 12px;
    }

    .top-heading {
        color: #fd5000;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .legal-title {
        font-size: 25px;
        font-weight: 700;
    }

    .content-section p {
        color: #525252;
        font-size: 16px;
        line-height: 29px;
    }

    .content-section h4 {
        margin: 10px 0;
        font-size: 22px;
        line-height: 30px;
    }

    .student_web_wrapper {
        width: auto;
        margin: 0 auto;
    }

    .hosting_features_shared .col-md-6 {
        margin: 0;
        padding: 0;
    }

    .rate h2 {
        font-size: 25px;
        line-height: 30px;

    }

    .student_web_wrapper {
        padding: 15px;
        border-radius: 20px;
    }

    .price_tract {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .price h6 {
        font-weight: 600;
        font-size: 40px;
        line-height: 25px;
        color: #014073;
        text-align: left;
    }

    .discount {
        font-size: 20px;

    }

    .student_items {
        display: grid;
        gap: 0;
        margin-top: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .student_items ul li {
        font-size: 14px;

    }

    .student_features_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;

    }

    .student_headline h4 {
        font-size: 20px;

    }

    .icon_feature img {
        height: 55px;

    }

    .money_content p {
        font-size: 15px;

    }

    .student_buy_now {
        font-size: 15px;
    }

    .inner_headline_hsoting {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 0.5rem;
    }

    .student_planed label {
        font-size: 15px;

    }

    .student_planed .mb-3 {
        margin-bottom: 0 !important;
    }

    .student_sub {
        font-size: 20px;
        line-height: 25px;

    }

    .student_web_hosting p {
        font-size: 15px;
        line-height: 21px;
        width: 100% !important;
    }

    .histing_flex_items {
        flex-direction: column;
    }

    .hosting_inner_section p {
        font-size: 18px;
        margin-top: 0;
    }

    .inner_img {
        width: 100%;
        padding-top: 22px;
    }

    .count_inner {
        width: 86%;
        margin: 0 auto;
    }

    .para {
        font-size: 15px;
    }

    .tech-section .para {
        width: 100% !important;
    }

    .plans-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer-links ul li a {
        font-size: 13px;

    }

    .bxt_icon_c img {
        width: 70%;
    }

    .best_wrp_box {
        display: flex;
        flex-direction: column;
    }

    .why_grid_items h6 {
        font-size: 17px;

    }

    .why_grid_items p {
        font-size: 15px;

    }

    .inner_headline {
        font-size: 25px;
    }

    .inner_para {
        font-size: 18px;
        line-height: 16px;

    }

    .inner-section {
        padding: 30px 0;
    }

    .contact-box .btn {
        background: #FB8F40;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        color: #fff;
        width: 100%;
        padding: 9px 6px;
        font-weight: 500;
        font-size: 15px;
    }


    .t_footer {
        grid-template-columns: repeat(1, 1fr);

    }

    .footer-img {
        width: 70%;
        margin-bottom: 1rem;
    }

    .f_box h4 {
        margin: 0;
        font-size: 16px;
        display: flex;
        align-items: left;
        gap: 6px;
    }

    .btc {
        padding: 13px 35px;
        font-weight: 500;
        font-size: 14px;
    }

    .feature-box i {
        color: #fff;
        font-size: 24px;
    }

    .text_postion {
        margin-top: 0;
    }

    .headline span {
        font-size: 25px;
    }

    .trust-card {
        width: 90%;
    }

    .hosting-section {
        padding: 30px 0;
    }

    .info-row {
        gap: 33px;
        margin-top: 25px !important;

    }

    .stat .big {
        font-size: 20px;
    }

    .info-box h6 {
        font-size: 13px;

    }

    .stat {
        min-width: 100px;

    }

    .sub_headline {
        font-size: 15px;
    }

    .global_padding {
        padding: 30px 0;
    }

    .features-content {
        padding: 30px 15px;
    }

    .features-wrapper .container {
        padding: 0;
    }
}

/* Medium Mobile Phones */
@media (min-width: 376px) and (max-width: 575px) {
    .plans-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
        padding: 0 15px;
    }
    
    .plan-box {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .plan.popular .badge {
            left: 34%;
        }
                .plan {
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: 380px !important;
                    margin: 0 auto;
                }
}

/* Foldable Ipads */
@media (min-width: 540px) and (max-width: 600px) {
    .badge_icon {
        font-size: 32px;
    }
    
    .plans-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .plan-box {
        min-width: 0;
        width: 100%;
    }
    
    .plan {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 450px !important;
        margin: 0 auto;
    }
}


@media (max-width: 375px) {
    .plans-grid {
        grid-template-columns: 1fr !important;
        gap: 15px;
        padding: 0 10px;
    }
    
    .plan-box {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px;
    }

    .plan.popular .badge {
            left: 24%;
        }
        
    .plan {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 30px 15px 10px 15px;
    }
    
    .features-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .tabNavPills .tabNavLink {
        padding: 8px 18px;

    }

    .f_box {
        height: 53px;
    }

    .faq-question {
        padding: 6px 12px;
        font-weight: 600;
        color: #555;
        font-size: 15px;
    }

    .faq-wrap .row {
        gap: 10px !important;
    }

    .footer-form input {
        padding: 8px 18px;
    }

    .footer-form input::placeholder {
        font-size: 14px;
    }


    .news_letter h5 {
        font-weight: 700;
        font-size: 18px;
        color: #525252;
    }
}

@media (min-width: 1400px) {
    .feature-box:hover .f_box {
            height: 45%;
    }
}

/* SM */
@media (min-width: 576px) {
    .w-sm-5 {
            width: 5% !important;
        }
    
        .w-sm-10 {
            width: 10% !important;
        }
    
        .w-sm-15 {
            width: 15% !important;
        }
    
        .w-sm-20 {
            width: 20% !important;
        }
    
        .w-sm-25 {
            width: 25% !important;
        }
    
        .w-sm-30 {
            width: 30% !important;
        }
    
        .w-sm-35 {
            width: 35% !important;
        }
    
        .w-sm-40 {
            width: 40% !important;
        }
    
        .w-sm-45 {
            width: 45% !important;
        }
    
        .w-sm-50 {
            width: 50% !important;
        }
    
        .w-sm-55 {
            width: 55% !important;
        }
    
        .w-sm-60 {
            width: 60% !important;
        }
    
        .w-sm-65 {
            width: 65% !important;
        }
    
        .w-sm-70 {
            width: 70% !important;
        }
    
        .w-sm-75 {
            width: 75% !important;
        }
    
        .w-sm-80 {
            width: 80% !important;
        }
    
        .w-sm-85 {
            width: 85% !important;
        }
    
        .w-sm-90 {
            width: 90% !important;
        }
    
        .w-sm-95 {
            width: 95% !important;
        }
    
        .w-sm-100 {
            width: 100% !important;
        }
}

/* MD */
@media (min-width: 768px) {

    .w-md-10 {
        width: 10% !important;
    }

    .w-md-15 {
        width: 15% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-35 {
        width: 35% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-45 {
        width: 45% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-55 {
        width: 55% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-65 {
        width: 65% !important;
    }

    .w-md-70 {
        width: 70% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-85 {
        width: 85% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }

    .w-md-95 {
        width: 95% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }
}

/* LG */
@media (min-width: 992px) {

    .w-lg-10 {
        width: 10% !important;
    }

    .w-lg-15 {
        width: 15% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-35 {
        width: 35% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-55 {
        width: 55% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-85 {
        width: 85% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-95 {
        width: 95% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }
}

/* XL */
@media (min-width: 1200px) {

    .w-xl-10 {
        width: 10% !important;
    }

    .w-xl-15 {
        width: 15% !important;
    }

    .w-xl-20 {
        width: 20% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-35 {
        width: 35% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-45 {
        width: 45% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-55 {
        width: 55% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-65 {
        width: 65% !important;
    }

    .w-xl-70 {
        width: 70% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-85 {
        width: 85% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-95 {
        width: 95% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }
}

/* XXL */
@media (min-width: 1400px) {

    .w-xxl-10 {
        width: 10% !important;
    }

    .w-xxl-15 {
        width: 15% !important;
    }

    .w-xxl-20 {
        width: 20% !important;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-30 {
        width: 30% !important;
    }

    .w-xxl-35 {
        width: 35% !important;
    }

    .w-xxl-40 {
        width: 40% !important;
    }

    .w-xxl-45 {
        width: 45% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-55 {
        width: 55% !important;
    }

    .w-xxl-60 {
        width: 60% !important;
    }

    .w-xxl-65 {
        width: 65% !important;
    }

    .w-xxl-70 {
        width: 70% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-80 {
        width: 80% !important;
    }

    .w-xxl-85 {
        width: 85% !important;
    }

    .w-xxl-90 {
        width: 90% !important;
    }

    .w-xxl-95 {
        width: 95% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }
}