/* only menubar */

@media (max-width: 1400px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        top: 53px;
    }
}

@media (max-width: 1200px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        top: 57px;
    }
}

@media (max-width: 1100px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        top: 51px;
    }
}

@media (max-width: 991px) {
    .slim-container .slim-nav ul {
        display: block;
    }

    header .container {
        position: relative;
    }

    .slim-container .slim-bar {
        background: transparent;
    }

    .slim-container a.slimNav_sk78-reveal {
        color: #000;

        top: 1rem !important;

        font-size: 1.5625rem !important;

        padding: 0rem 0.8125rem 0.6875rem 0.8125rem;
    }

    .slimclose {
        padding-top: 1rem !important;
    }

    .slim-container .slim-nav {
        margin-top: 4.375rem;

        /* background: linear-gradient(95.47deg, #15baf2 25.08%, #09254b 106.74%); */

        background: #000000;
    }

    .slim-container .slim-nav ul li {
        overflow-x: hidden;
    }

    .slim-container .slim-nav ul li a {
        padding: 1em 4%;

        font-size: 0.9rem;
    }

    .slim-container .slim-nav ul li a.slim-expand {
        line-height: 12px;

        height: 20px;
    }

    .slim-container .slim-nav ul li li a {
        width: 100%;

        padding: 1em 4%;

        opacity: 1 !important;
    }

    div#navigation {
        position: absolute;

        right: 0;

        top: 0;

        width: 100%;
    }

    .slim-container a.slimNav_sk78-reveal span {
        color: #ffffff !important;
    }

    .slim-container a.slimNav_sk78-reveal span {
        background: #000000;

        margin-top: 0.4375rem;
    }

    a.slimNav_sk78-reveal.slimclose {
        color: #000000;

        padding-top: 6px !important;
    }

    header .logo-sec {
        position: relative;

        z-index: 99999999;

        padding: 0.4375rem;
    }

    .logo-sec img {
        height: 50px;
    }

    header a.glb-btn {
        position: absolute;

        top: 14px;

        right: 55px;

        z-index: 9999999;
    }

    header {
        position: sticky;

        top: 0;

        left: 0;

        width: 100%;

        background: #ffffff;

        z-index: 999;

        padding: 0;
    }

    /* add css by Ali */
    #mega-menu-wrap-primary .mega-menu-toggle {
        background: #ffffff;
        height: 61px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        color: #ffffff;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        border-radius: 0;
    }

    li#mega-menu-27-0-1,
    li#mega-menu-27-1-1 {
        border: none !important;
    }

    li#mega-menu-27-0 {
        border-bottom: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 1.6rem !important;

        line-height: 2.2rem !important;
    }

    p {
        font-size: 0.95rem;
    }

    h3 {
        font-size: 1.6rem !important;

        line-height: 2rem;
    }

    .glb-btn {
        padding: 0.6rem 0.475rem;

        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1399px) {
    html {
        font-size: 85%;
    }
}

@media screen and (max-width: 1199px) {
    html {
        font-size: 90%;
    }

    .container {
        max-width: 95%;

        width: 100%;

        margin: 0 auto;
    }

    .line-up h6 {
        font-size: 1rem;
    }

    .line-up p {
        font-size: 0.85rem;
    }

    .line-up {
        padding: 2.56rem 0.75rem 1.19rem;
    }

    header .logo-menu-wrp {
        gap: 0 1.51rem;
    }

    header nav .menu-item-has-children::after {
        margin-right: 0.85rem;
    }

    .about-sec3 .white-card {
        height: 100%;
    }

    .contact-sec3 .flex-box {
        gap: 2.56rem;
    }

    .banner .tx h1 {
        font-size: 3.975rem;
    }
}

@media screen and (max-width: 1099px) {
    html {
        font-size: 82%;
    }

    .hm-secc7 .technology-card {
        height: 100%;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 80%;
    }

    h1 {
        font-size: 3.8rem;

        line-height: 3.8rem;
    }

    .hm-sec4 .why-card img {
        height: 30rem;
    }

    .hm-secc7 .technology-card.cd1 h4 {
        margin-bottom: 5.2rem;
    }

    .last-blue-sec ul li::after {
        right: -5.3rem;
    }

    .login_sec .form_dv .or::before,
    .login_sec .form_dv .or::after {
        width: 9rem;
    }

    .request-quote .modal-dialog {
        max-width: 90%;

        width: 100%;

        margin: 5% auto;
    }

    .current-opening-card p br {
        display: none;
    }

    .about-sec2 h6 {
        margin-bottom: 1.5rem;
    }

    .banner .tx h1 br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    /* .slim-container .slim-nav ul li a {

    text-transform: capitalize !important;

} */

    .hm-sec4 .why-card {
        max-width: 10rem;
    }

    .hm-sec4 .card-list {
        gap: 1.2rem;
    }

    header .btn-sec {
        padding-right: 4rem;

        justify-content: flex-end;
    }

    header .btn-sec a {
        position: relative;

        z-index: 99999999;
    }

    .banner > img {
        width: 100%;

        height: 30rem;
    }

    .hm-sec1 {
        padding: 3.5rem 0;
    }

    .hm-sec1 .row {
        gap: 1.4rem 0;
    }

    .hm-sec2 {
        padding: 3.5rem 0;
    }

    .pd-card {
        border-radius: 1.25rem;

        background: #fff;

        box-shadow: 2px 3px 30px 0 rgba(204, 210, 222, 0.3);
    }

    section.hm-sec2 .row {
        gap: 1.4rem 0;
    }

    .pd-card h3 {
        max-width: 21rem;
    }

    .hm-sec3 {
        padding: 2.5rem 0;
    }

    .hm-sec4 {
        padding: 0 0 3.5rem 0;
    }

    .hm-sec5 {
        padding: 3.5rem 0;
    }

    .hm-sec6 {
        padding: 3.5rem 0;
    }

    .hm-sec6 .text-box {
        padding: 3.62rem 2.12rem 3.69rem 1.85rem;
    }

    .hm-sec6 img.left-img {
        height: 38rem;
    }

    .hm-secc7 .technology-card {
        height: 100%;
    }

    .hm-secc7 .row {
        gap: 1.2rem 0;
    }

    .hm-secc7 h2 {
        margin-bottom: 1rem;
    }

    .hm-secc7 {
        padding-bottom: 3.5rem;
    }

    .last-blue-sec {
        padding: 3.5rem 0;
    }

    .last-blue-sec ul li::after {
        right: -2.7rem;
    }

    .last-blue-sec h4 {
        font-size: 1.7rem;

        margin: 0 0 0.85rem;
    }

    .hm-secc7 .technology-card.cd3 p {
        max-width: 100%;
    }

    .last-blue-sec img {
        max-width: 3.5625rem;

        max-height: 3.5625rem;

        margin: 0 auto 1.3rem;
    }

    footer .footer-top-part {
        padding: 3.5rem 0;
    }

    footer h4 {
        font-size: 1.2rem;

        margin: 1.28rem 0;
    }

    footer .menu-wrapper {
        justify-content: flex-end;

        gap: 1.5rem;
    }

    footer .menu-wrapper .menu-item ul li {
        margin-bottom: 0.75rem;
    }

    footer .menu-wrapper .menu-item h5 {
        padding-bottom: 1.06rem;

        margin-bottom: 1.38rem;
    }

    .hm-sec6 .text-box h2 {
        margin-bottom: 1.5rem;
    }

    .hm-sec6 .text-box p {
        max-width: 100%;

        margin-bottom: 1.6rem;
    }

    .login_sec .form_dv .or::before,
    .login_sec .form_dv .or::after {
        width: 9rem;
    }

    .servers-listing-sec1 .pd-card h3 {
        max-width: 100%;

        line-height: 2.1125rem;
    }

    .servers-listing-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .servers-listing-sec1 img.dell-img {
        margin-bottom: 1.2rem;
    }

    .servers-listing-sec1 ul.pagination {
        margin-top: 3.5rem;
    }

    .servers-listing-sec1 ul.pagination a.prev {
        margin-right: 2rem;
    }

    .servers-listing-sec1 ul.pagination {
        flex-wrap: wrap;
    }

    .servers-listing-sec1 ul.pagination a.next {
        margin-left: 2rem;
    }

    .servers-listing-sec1 .top-part .select-wraper select {
        font-size: 1rem;
    }

    .servers-listing-sec1 .top-part {
        padding: 1.3rem;

        margin-bottom: 1.3rem;
    }

    .servers-listing-sec1 .filter-wraper .search-flid input[type="search"] {
        padding: 0.8rem 1.2rem;
    }

    .component-details-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .component-sec1 .img-wraper {
        height: 100%;
    }

    .component-sec1 .img-wraper img.main-img {
        height: 100%;

        object-fit: contain;
    }

    .component-sec1 h2 {
        margin-bottom: 1.1rem;
    }

    .component-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .component-sec2 .img-wraper img {
        height: 20rem;
    }

    .component-sec2 {
        padding-bottom: 3.5rem;
    }

    .component-sec2 ul {
        grid-template-columns: 1fr 1fr 1fr;

        gap: 0.4rem;
    }

    .component-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .component-sec1 h2 {
        margin-bottom: 0.9rem;

        text-align: center;

        line-height: 1.95rem;

        margin-top: 1.8rem;
    }

    .component-sec1 p {
        margin-bottom: 0.8rem;

        text-align: center;
    }

    .component-sec1 p + p {
        margin-bottom: 1.5rem;
    }

    .component-sec1 a.glb-btn.bd {
        display: table;

        margin: 0 auto;
    }

    .component-sec2 .row {
        gap: 1.5rem 0;
    }

    .component-sec2 .img-wraper {
        width: 100%;

        margin-bottom: 1.3rem;
    }

    .component-sec2 .img-wraper img {
        height: 14rem;
    }

    .component-sec2 h4 {
        margin-bottom: 1.2rem;

        text-align: center;
    }

    .component-sec2 ul {
        grid-template-columns: 1fr 1fr;

        gap: 0.4rem;
    }

    .component-sec2 ul li {
        padding: 0.8rem 1.8rem;

        text-align: center;
    }

    .careers-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .careers-sec1 img.side-img {
        max-height: 100%;
    }

    .careers-sec1 .row {
        gap: 1.4rem 0;
    }

    .review-sec2 {
        padding: 3.5rem 0;
    }

    .careers-sec3 {
        padding: 3.5rem 0;
    }

    .careers-sec3 .heading-wraper {
        margin-bottom: 0;
    }

    .careers-sec3 .row {
        gap: 1.5rem 0;
    }

    .current-opening-card ul {
        margin-bottom: 1.8rem;
    }

    .current-opening-card ul li {
        margin-bottom: 1.06rem;
    }

    .careers-details-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .careers-details-sec2 h2 {
        text-align: center;

        margin-bottom: 0;
    }

    .careers-details-sec2 .row {
        gap: 1.4rem 0;
    }

    .careers-details-sec1 .box-wraper .blue-box h2 {
        margin-bottom: 0.8rem;
    }

    .careers-details-sec1 .item-wraper ul li {
        margin-bottom: 0.9rem;
    }

    .careers-details-sec1 .item-wraper {
        height: 100%;
    }

    .careers-details-sec2 {
        padding-bottom: 3.5rem;
    }

    .careers-details-sec3 {
        padding-bottom: 3.5rem;
    }

    .careers-details-sec4 {
        padding: 3.5rem 0;
    }

    .careers-details-sec4 h2 {
        margin-bottom: 0;
    }

    .careers-details-sec4 .row {
        gap: 1.4rem 0;
    }

    .certification-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .certification-sec1 h2 {
        max-width: 100%;

        margin-bottom: 1.1rem;
    }

    .certification-sec1 h5 {
        margin-bottom: 1.4rem;
    }

    .certification-sec1 img.side-img {
        max-height: 100%;
    }

    .certification-sec2 {
        padding: 3.5rem 0;
    }

    .certification-sec2 .flex-wraper img {
        height: 9rem;
    }

    .certification-sec3 {
        padding: 3.5rem 0;
    }

    .about-sec2 {
        padding-bottom: 3.5rem;
    }

    .about-sec3 {
        padding: 3.5rem 0;
    }

    .about-sec3 h2 {
        margin-bottom: 0;
    }

    .about-sec3 .row {
        gap: 1.4rem 0;
    }

    .about-sec2 ul li h4 {
        font-size: 2.325rem;
    }

    .about-sec2 ul li {
        height: 10.5625rem;
    }

    .about-sec2 ul li.ext-hight {
        height: 12.6875rem;
    }

    .about-sec4 {
        padding-bottom: 3.5rem;
    }

    .about-sec4 h2 {
        margin-bottom: 1.2rem;
    }

    .blog-listing-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .blog-listing-sec1 .sticky-box {
        margin-top: 2rem;

        position: relative;

        top: unset;
    }

    .blog-listing-sec1 h2 {
        margin-bottom: 1.2rem;
    }

    .blog-listing-sec1 .details-content-wraper img.main-img {
        margin: 1.5rem 0;
    }

    .review-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .partners-sec1 {
        padding: 3.5rem 0;
    }

    .partners-sec1 img.side-img {
        max-height: 100%;
    }

    .hm-sec3 h6.sub-heading,
    .hm-sec3 h2,
    .hm-sec3 p {
        padding: 0 2%;
    }

    .contact-sec1 {
        padding: 2.5rem 0 3.5rem;
    }

    .contact-sec1 .input-wrapr textarea {
        height: 10.5rem;
    }

    .contact-sec2 {
        padding: 3.5rem 0;
    }

    .contact-sec2 h2 {
        margin-bottom: 0;
    }

    .contact-sec2 .row {
        gap: 1.4rem 0;
    }

    .contact-sec3 {
        padding: 3.5rem 0;
    }

    .contact-sec3 .flex-box {
        align-items: flex-start;

        flex-direction: column;

        gap: 1.6rem;
    }

    .contact-sec3 .map-wrapr {
        height: 100%;
    }

    .woocommerce-cart .shop_table .product-quantity .qib-button-wrapper {
        margin: 0;
        float: unset;
        justify-content: flex-end;
    }

    .woocommerce-cart .shop_table .product-quantity .qib-button-wrapper button[type="button"] {
        width: 32px;
        height: 32px;
        min-height: unset;
        min-width: none;
        padding: 0;
    }

    .woocommerce-cart .shop_table .product-quantity .qib-button-wrapper .quantity {
        height: unset;
    }

    .woocommerce-cart .shop_table .coupon {
        padding-bottom: 1.3rem !important;
    }

    .woocommerce-cart .shop_table .coupon input[type="text"] {
        width: 20rem !important;
    }

    .woocommerce-cart .shop_table .product-quantity .qib-button-wrapper .quantity input[type="number"] {
        width: 32px;
        height: 32px;
        min-height: unset;
        padding: 0;
        min-width: none;
    }

    .tax-product_cat ul.products .product,
    .woocommerce-shop ul.products .product {
        width: 48% !important;
    }

    .servers-listing-sec1 .pd-card .image a img {
        max-height: 10rem;
    }
    .component-details-sec1 .sticky-box {
        height: auto;
    }
}

/* for mobile  only */

@media (max-width: 767px) {
    html {
        font-size: 87%;
    }

    h1 {
        font-size: 2.55rem !important;

        line-height: 2rem;

        margin-bottom: 1.375rem;
    }

    h2 {
        font-size: 1.65rem !important;

        line-height: 2rem;

        margin-bottom: 1.375rem;
    }

    h3 {
        font-size: 1.47rem !important;

        line-height: 2.1rem;
    }

    h4 {
        font-size: 1.125rem !important;
    }

    h5 {
        font-size: 1.125rem !important;
    }

    p,
    .list li {
        font-size: 1rem !important;
    }

    .glb-btn {
        padding: 0.6rem 1.075rem !important;

        font-size: 0.9rem;
    }

    h1 {
        line-height: 2.6rem;
    }

    .sub-heading {
        margin-bottom: 1rem;
    }

    .banner .sub-heading {
        margin-bottom: 0.55rem;
    }

    .banner .tx {
        position: relative;

        top: unset;

        transform: unset;

        padding: 2rem 0;

        text-align: center;
    }

    .banner > img {
        width: 100%;

        height: auto;
    }

    .banner {
        background: #f4f6fa;
    }

    .banner .tx h1 {
        max-width: 100%;
    }

    .hm-sec1 {
        padding: 2.5rem 0;
    }

    .line-up img {
        max-width: 3rem;

        max-height: 3rem;

        margin-bottom: 1.4rem;
    }

    .line-up {
        padding: 2rem 0.75rem 1.19rem;
    }

    .hm-sec2 .view-all {
        position: relative;

        right: unset;

        top: unset;

        display: table;

        margin: 1rem auto 0;
    }

    .hm-sec2 {
        padding: 2.5rem 0;
    }

    section.hm-sec2 h6.sub-heading,
    section.hm-sec2 h2 {
        text-align: center;
    }

    .hm-sec4 h2 + p {
        max-width: 100%;

        margin: 0 auto 1.5rem;
    }

    .hm-sec4 .card-list {
        gap: 1.2rem;

        flex-direction: column;
    }

    .hm-sec4 .why-card {
        max-width: 100%;
    }

    .hm-sec4 .why-card img {
        height: 6rem;
    }

    .hm-sec4 .why-card.active {
        max-width: 100%;

        height: 18rem;
    }

    .hm-sec4 .why-card.active img {
        height: 100%;
    }

    .hm-sec4 .why-card .tx {
        left: 2.5rem;

        bottom: 1rem;

        transform: rotate(360deg);
    }

    .hm-sec4 .why-card .tx h5 {
        margin-bottom: 0.1rem;
    }

    .hm-sec4 .why-card.active .tx {
        left: 2.5rem;
    }

    .hm-sec4 {
        padding: 0 0 2.5rem 0;
    }

    .hm-sec5 {
        padding: 2.5rem 0;
    }

    .hm-sec5 .flex-box {
        align-items: center;

        gap: 1rem;

        margin-bottom: 1.5rem;

        flex-direction: column;

        text-align: center;
    }

    .hm-sec5 .flex-box h6.sub-heading {
        margin-bottom: 0.6rem;
    }

    .hm-sec6 {
        padding: 2.5rem 0;
    }

    .hm-sec6 img.left-img {
        height: auto;
    }

    .hm-sec6 .text-box {
        padding: 2.5rem 1.5rem;

        /* margin-top: 1.5rem; */

        text-align: center;
    }

    .hm-sec6 .text-box h2 {
        margin-bottom: 0.9rem;

        line-height: 2rem;
    }

    .hm-sec6 .text-box p {
        max-width: 100%;

        margin-bottom: 0.8rem;
    }

    .hm-sec6 .text-box .btn-sec {
        display: flex;

        align-items: center;
    }

    .hm-sec6 .text-box .btn-sec {
        flex-direction: column;

        display: flex;

        gap: 1rem;
    }

    .hm-sec6 .text-box .btn-sec a.glb-btn {
        margin: 0;

        width: 100%;
    }

    .hm-sec6 .row {
        gap: 1rem;
    }

    .hm-secc7 h2 {
        margin-bottom: 0;
    }

    .hm-secc7 .technology-card.cd1 h4 {
        margin-bottom: 1.5rem;

        text-align: center;
    }

    .hm-secc7 .technology-card h4 {
        text-align: center;
    }

    .hm-secc7 p {
        text-align: center;
    }

    .hm-secc7 .technology-card.cd2 img.line {
        margin: -1.875rem 0 -1.75rem 2.66rem;
    }

    .hm-secc7 .technology-card.cd3 p {
        margin: 1.5rem 0 1.91rem;

        max-width: 100%;
    }

    .hm-secc7 {
        padding-bottom: 2.5rem;
    }

    .last-blue-sec {
        padding: 2.5rem 0;
    }

    .last-blue-sec ul {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 2.2rem 1.2rem;
    }

    .last-blue-sec ul li::after {
        display: none;
    }

    .last-blue-sec img {
        margin: 0 auto 0.5rem;
    }

    .last-blue-sec h4 {
        margin: 0 0 0.3rem;
    }

    footer .footer-top-part {
        padding: 2.5rem 0 1rem;
    }

    footer a.logo {
        max-width: 11.94744rem;

        margin: 0 auto;

        display: table;
    }

    footer h4 {
        text-align: center;
    }

    footer p {
        margin-bottom: 1.48rem;

        text-align: center;
    }

    footer .form-wraper {
        margin-bottom: 3rem;
    }

    footer .menu-wrapper {
        display: block;
    }

    footer .menu-wrapper .menu-item h5 {
        padding-bottom: 0.76rem;

        margin-bottom: 1.28rem;

        text-align: center;
    }

    footer .menu-wrapper .menu-item h5::after {
        right: 0;

        margin: auto;
    }

    footer .menu-wrapper .menu-item ul {
        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        gap: 0.6rem 1rem;

        margin-bottom: 1.2rem;
    }

    footer .menu-wrapper .menu-item ul li {
        margin-bottom: 0;
    }

    footer .footer-bottom-part .row {
        gap: 0.5rem;
    }

    header .logo-sec a img {
        display: block;

        max-width: 8rem;

        max-height: 2.43288rem;
    }

    .slim-container .slim-nav {
        margin-top: 3.075rem;
    }

    .slim-container a.slimNav_sk78-reveal {
        top: 0.4rem !important;
    }

    .slim-container .slim-nav ul li a.slim-expand {
        height: 23px;

        display: flex;

        align-items: center;

        justify-content: center;
    }

    header .container {
        max-width: 100%;
    }

    .login_sec {
        padding-top: 1.2rem;

        padding-bottom: 2.72rem;
    }

    .login_sec .form_dv h2 {
        line-height: 2.15rem;

        max-width: 100%;

        text-align: center;

        margin-bottom: 1.1rem;
    }

    .login_sec .form_dv .sub-heading {
        text-align: center;
    }

    .login_sec .form_dv p {
        margin-bottom: 1.7rem;

        text-align: center;
    }

    .login_sec .form_dv {
        padding: 2rem 1.2rem;

        margin-top: 1.5rem;
    }

    .breadcrumb-sec {
        padding: 1.2rem 0;
    }

    .login_sec .form_dv .or::before,
    .login_sec .form_dv .or::after {
        width: 6rem;
    }

    .login_sec .form_dv .or {
        margin: 1rem 0;
    }

    .login_sec .form_dv .input.fw .check input[type="checkbox"]:checked::after {
        left: 7px;

        top: 2px;
    }

    .login_sec .form_dv .input.fw {
        margin-top: 1.5rem;

        margin-bottom: 1.5rem;
    }

    .login_sec .form_dv .flex-box {
        flex-direction: column;
    }

    .breadcrumb-sec ul {
        justify-content: center;
    }

    .servers-listing-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .servers-listing-sec1 h6 {
        margin-bottom: 0.3rem;

        text-align: center;
    }

    .servers-listing-sec1 h2 {
        line-height: 2.15rem;

        margin-bottom: 0.6rem;

        text-align: center;
    }

    .servers-listing-sec1 img.dell-img {
        margin: 0 auto 1.2rem;

        display: table;
    }

    .servers-listing-sec1 p {
        color: rgba(73, 76, 85, 0.8);

        margin-bottom: 1.1rem;

        text-align: center;
    }

    .servers-listing-sec1 p + a.glb-btn {
        margin: 0 auto;

        display: table;
    }

    .servers-listing-sec1 .filter-wraper .filter-remove-wraper {
        margin-bottom: 1.2rem;
    }

    .servers-listing-sec1 .filter-wraper .filter-option {
        margin-top: 1.2rem;
    }

    .servers-listing-sec1 .filter-wraper .filter-option ul.accordian li h5 {
        padding: 0.8rem 0.8rem 0.8rem 0;
    }

    .servers-listing-sec1 .filter-wraper .filter-option ul.accordian li {
        margin-bottom: 0.7rem;
    }

    .servers-listing-sec1 .top-part {
        flex-direction: column;

        gap: 0.5rem;

        margin-top: 1rem;
    }

    .servers-listing-sec1 .top-part .select-wraper {
        gap: 0.2rem;

        flex-direction: column;
    }

    .servers-listing-sec1 ul.pagination a,
    .servers-listing-sec1 ul.pagination span {
        width: 2.25rem;

        height: 2.25rem;
    }

    .servers-listing-sec1 ul.pagination a.prev,
    .servers-listing-sec1 ul.pagination a.next {
        width: 3.75rem;

        height: 2.1875rem;
    }

    .servers-listing-sec1 ul.pagination a.prev {
        margin-right: 0.5rem;
    }

    .servers-listing-sec1 ul.pagination a.next {
        margin-left: 0.5rem;
    }

    .servers-listing-sec1 ul.pagination {
        justify-content: center;

        margin-top: 1.8rem;
    }

    .breadcrumb-sec ul li::after {
        width: 1rem;

        height: 1rem;
    }

    .breadcrumb-sec ul li {
        gap: 0.3rem;
    }

    .breadcrumb-sec ul {
        gap: 0.3rem;
    }

    .component-details-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .component-details-sec1 .product-slider .main-image {
        height: 15rem;
    }

    .component-details-sec1 .product-slider .thumbnail-slider .item {
        height: 4.75rem;
    }

    .component-details-sec1 .tab-teaser .tab-menu ul {
        gap: 1.3rem;

        flex-wrap: wrap;

        justify-content: center;
    }

    .component-details-sec1 .tab-teaser .tab-menu ul li a {
        padding-bottom: 0.52rem;
    }

    .component-details-sec1 .tab-teaser .tab-menu ul li a::after {
        width: 105%;

        height: 0.2125rem;
    }

    .component-details-sec1 .tab-teaser .tab-menu ul li a::after {
        content: "";

        width: 105%;

        height: 0.2125rem;

        background-color: #0a5697;

        position: absolute;

        bottom: -0.2rem;

        left: 0;

        display: none;

        border-radius: 3rem;
    }

    .component-details-sec1 .blue-box {
        padding: 1.2rem;

        text-align: center;
    }

    .component-details-sec1 .blue-box h6 {
        margin-bottom: 0.4rem;
    }

    .component-details-sec1 .checkbox-wraper {
        margin-top: 1.2rem;
    }

    .component-details-sec1 .checkbox-wraper h3 {
        line-height: 1.8rem;

        margin-bottom: 1.5rem;

        text-align: center;

        font-size: 1.3rem !important;
    }

    .component-details-sec1 .checkbox-wraper ul li {
        margin-bottom: 0.8rem;

        gap: 1.2rem;
    }

    .component-details-sec1 .checkbox-wraper ul li .checkbox p {
        line-height: 1.325rem;
    }

    .component-details-sec1 .sticky-box h6.sub-heading {
        text-align: center;

        margin-bottom: 0.7rem;
    }

    .component-details-sec1 .sticky-box h3 {
        line-height: 2rem;

        text-align: center;
    }

    .component-details-sec1 .sticky-box .product-quantity-wraper {
        gap: 0.7rem;

        margin-bottom: 1.2rem;

        flex-direction: column;
    }

    .component-details-sec1 .sticky-box .product-quantity-wraper h6 span {
        margin-top: 0.1rem;
    }

    .component-details-sec1 .sticky-box .product-quantity-wraper h6 {
        text-align: center;
    }

    .component-details-sec1 ul.bg-white-radies {
        justify-content: center;
    }

    .component-details-sec1 ul.bg-white-radies + a.glb-btn.bd {
        display: table;

        margin: 0 auto;
    }

    .component-details-sec1 h3 {
        line-height: 1.9125rem;

        margin-bottom: 1.2rem;

        text-align: center;
    }

    .component-details-sec1 .tab-teaser .tab-menu {
        margin-bottom: 1.5rem;
    }

    .component-details-sec1 .tab-teaser .tab-main-box .tab-box h4 {
        text-align: center;
    }

    .component-details-sec1 .tab-teaser .tab-main-box .tab-box h5 {
        line-height: 1.6875rem;

        margin-bottom: 0.8rem;

        margin-top: 1rem;

        text-align: center;
    }

    .component-details-sec1 .tab-teaser .tab-main-box .tab-box p {
        margin-bottom: 1rem;

        text-align: center;
    }

    .component-details-sec1 .tab-teaser .tab-main-box .tab-box p br {
        display: none;
    }

    .component-details-sec1 .sticky-box img.dell-img {
        display: table;

        margin: 0 auto;
    }

    .component-details-sec1 .sticky-box ul.tick-bg li {
        margin-bottom: 0.22rem;
    }

    .component-details-sec1 .sticky-box ul.tick-bg {
        margin: 1.38rem 0;
    }

    .component-details-sec1 .product-slider .main-image img.pabs-img {
        width: 10.2125rem;

        height: 1.29563rem;

        bottom: 1.29rem;

        right: 1.05rem;
    }

    .request-quote .modal-dialog .modal-content .modal-body {
        padding: 1.2rem;
    }

    .request-quote .modal-dialog .modal-content .modal-body .flex-box {
        gap: 1.2rem;

        flex-direction: column;

        margin-bottom: 1.2rem;
    }

    .request-quote .modal-dialog .modal-content .modal-body .fild-wraper {
        width: 100%;

        margin-bottom: 1.2rem;
    }

    .request-quote .modal-dialog .modal-content .modal-body .flex-box .fild-wraper {
        margin: 0;
    }

    .request-quote .modal-dialog .modal-content .modal-body .headng-wraper .btn-close {
        width: 1.8rem;

        height: 1.8rem;
    }

    .request-quote .modal-dialog .modal-content .modal-body .headng-wraper {
        margin-bottom: 1.5rem;
    }

    .careers-sec1 {
        padding: 1.5rem 0 2.5rem;

        text-align: center;
    }

    .careers-sec1 h2 {
        line-height: 2.25rem;

        margin-bottom: 0.9rem;
    }

    .careers-sec1 p {
        margin-bottom: 1.6rem;
    }

    .review-sec2 .row {
        gap: 1.2rem 0;
    }

    .careers-sec2 .review-matter-card img {
        margin: 0 auto 1.28rem;
    }

    .careers-sec2 .review-matter-card h5 {
        text-align: center;
    }

    .careers-sec2 .review-matter-card p {
        text-align: center;
    }

    .review-sec2 {
        padding: 2.5rem 0;
    }

    .careers-sec3 {
        padding: 2.5rem 0;
    }

    .careers-sec3 .heading-wraper {
        flex-direction: column;

        align-items: center;

        gap: 0.6rem;
    }

    .careers-sec3 .heading-wraper .text-wraper {
        width: 100%;

        text-align: center;
    }

    .careers-sec3 .heading-wraper .text-wraper h2 {
        line-height: 2.35rem;
    }

    .careers-sec3 .heading-wraper .text-wraper h6.sub-heading {
        margin-bottom: 0.4rem;
    }

    .current-opening-card p {
        margin-bottom: 1.2rem;
    }

    .careers-details-sec1 .box-wraper {
        grid-template-columns: 1fr;

        gap: 1.2rem;

        padding: 1.3rem;
    }

    .careers-details-sec1 .box-wraper .text-wraper ul li {
        margin-bottom: 0.96rem;

        gap: 0.4rem;

        justify-content: center;
    }

    .careers-details-sec1 .box-wraper .text-wraper ul {
        margin-bottom: 1.2rem;
    }

    .careers-details-sec1 .box-wraper .text-wraper p {
        text-align: center;
    }

    .careers-details-sec1 .box-wraper .blue-box {
        text-align: center;
    }

    .careers-details-sec1 .box-wraper .blue-box h2 {
        line-height: 1.8rem;
    }

    .careers-details-sec1 .item-wraper h5 {
        margin: 0 0 0.6rem;
    }

    .careers-details-sec1 .item-wraper ul li {
        margin-bottom: 0.4rem;

        line-height: 1.3rem;
    }

    .careers-details-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .careers-details-sec1 .row {
        gap: 1.3rem 0;
    }

    .careers-details-sec2 {
        padding-bottom: 2.5rem;
    }

    .careers-details-sec3 .form-wraper {
        padding: 2rem 1rem;
    }

    .careers-details-sec3 .form-wraper .flex-wraper {
        gap: 0;

        flex-direction: column;
    }

    .careers-details-sec3 .form-wraper h2 {
        margin-bottom: 1.4rem;

        line-height: 2.6rem;

        text-align: center;
    }

    .careers-details-sec3 .form-wraper h6.sub-heading {
        text-align: center;
    }

    .careers-details-sec3 {
        padding-bottom: 2.5rem;
    }

    .careers-details-sec4 {
        padding: 2.5rem 0;
    }

    .certification-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .certification-sec1 h6.sub-heading {
        margin-bottom: 0.6rem;

        text-align: center;
    }

    .certification-sec1 h2 {
        margin-bottom: 0.9rem;

        text-align: center;

        line-height: 2.05rem;
    }

    .certification-sec1 h5 {
        margin-bottom: 1rem;

        text-align: center;
    }

    .certification-sec1 p {
        text-align: center;
    }

    .certification-sec2 {
        padding: 2.5rem 0;
    }

    .certification-sec2 .flex-wraper {
        gap: 1rem;
    }

    .certification-sec2 .flex-wraper img {
        height: 4.2rem;
    }

    .certification-sec3 {
        padding: 2.5rem 0;
    }

    .certification-sec3 h2 {
        line-height: 1.85rem;
    }

    .certification-sec3 .row {
        gap: 1.3rem 0;
    }

    .certification-sec3 .membership-card {
        padding: 2rem;

        text-align: center;
    }

    .certification-sec3 .membership-card p {
        text-align: center;
    }

    .about-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .about-sec1 img.side-img {
        max-height: max-content;

        margin-bottom: 2rem;
    }

    .about-sec1 h6.sub-heading {
        text-align: center;
    }

    .about-sec1 h2 {
        line-height: 2.2rem;

        margin-bottom: 1rem;

        text-align: center;
    }

    .about-sec1 p {
        text-align: center;

        margin: 0;
    }

    .about-sec2 h6 {
        margin-bottom: 1.2rem;

        text-align: center;

        font-size: 1.05rem;

        line-height: 1.4875rem;
    }

    .about-sec2 ul li {
        height: auto;

        text-align: center;
    }

    .about-sec2 ul li.ext-hight {
        height: auto;
    }

    .about-sec2 ul li h4 {
        font-size: 1.825rem !important;
    }

    .about-sec2 ul {
        gap: 1.2rem;

        margin-bottom: 1.2rem;
    }

    .about-sec2 {
        padding-bottom: 2.5rem;
    }

    .about-sec3 .white-card {
        height: auto;

        text-align: center;
    }

    .about-sec3 .white-card p br {
        display: none;
    }

    .hm-sec3 h2 {
        margin-bottom: 1.8rem;
    }

    .hm-sec3 .swiper-container::after,
    .hm-sec3 .swiper-container::before {
        display: none;
    }

    .about-sec4 h6.sub-heading {
        margin-bottom: 0.8rem;

        text-align: center;
    }

    .about-sec4 h2 {
        margin-bottom: 1.3rem;

        line-height: 2rem;

        text-align: center;
    }

    .about-sec4 .img-wraper {
        gap: 0;
    }

    .about-sec4 img {
        height: 20rem;

        object-position: center;

        margin-bottom: 1rem;
    }

    .about-sec4 {
        padding-bottom: 2rem;
    }

    .blog-listing-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .blog-listing-sec1 h6.sub-heading {
        text-align: center;
    }

    .blog-listing-sec1 h2 {
        line-height: 2.3rem;

        margin-bottom: 1.6rem;

        text-align: center;
    }

    .blog-listing-sec1 .tab-menu ul {
        gap: 0.42rem;

        flex-wrap: wrap;

        justify-content: center;
    }

    .blog-listing-sec1 .tab-menu ul li a {
        padding: 0.64rem 1.85rem;
    }

    .blog-listing-sec1 .tab-menu {
        margin-bottom: 1.5rem;

        width: 100%;
    }

    .blog-listing-sec1 .tab-main-box .tab-box .grid-box {
        grid-template-columns: 1fr;

        gap: 1.2rem;
    }

    .blog-listing-sec1 .sticky-box h4 {
        line-height: 1.75rem;

        margin-bottom: 1.2rem;
    }

    .breadcrumb-sec ul {
        gap: 0.6rem;
    }

    .breadcrumb-sec ul li {
        font-size: 0.8rem;
    }

    .blog-listing-sec1 .details-content-wraper p {
        text-align: center;
    }

    .blog-listing-sec1 .details-content-wraper ul li span {
        width: 3.012rem;

        height: 3.012rem;

        margin: 0 auto;
    }

    .blog-listing-sec1 .details-content-wraper ul li span img {
        max-width: 1.375rem;

        max-height: 1.375rem;
    }

    .blog-listing-sec1 .details-content-wraper ul li p {
        max-width: 100%;
    }

    .blog-listing-sec1 .details-content-wraper ul li {
        grid-template-columns: 1fr;
    }

    .review-sec1 .heaading-wraper {
        flex-direction: column;

        text-align: center;
    }

    .review-sec1 .heaading-wraper h6.sub-heading {
        margin-bottom: 0.5rem;
    }

    .review-sec1 .heaading-wraper h6.sub-heading {
        margin-bottom: 0.5rem;
    }

    .review-sec1 .heaading-wraper .google-rating .wraper-item strong {
        font-size: 1.85rem;
    }

    .review-sec1 .heaading-wraper .google-rating {
        gap: 1.82rem;
    }

    .review-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .hm-sec3 h2.mb-change {
        margin-bottom: 0.4rem;
    }

    .hm-sec3 p {
        margin-bottom: 2.25rem;
    }

    .hm-sec3 p {
        margin-bottom: 2.25rem;

        text-align: center;
    }

    .partners-sec1 {
        padding: 2.5rem 0;

        text-align: center;
    }

    .partners-sec1 h2 {
        line-height: 2.2rem;

        margin-bottom: 1rem;
    }

    .partners-sec1 p {
        margin-bottom: 1.2rem;
    }

    .partners-sec1 img.side-img {
        max-height: max-content;

        margin-top: 2rem;
    }

    .contact-sec1 {
        padding: 1.5rem 0 2.5rem;
    }

    .contact-sec1 h6.sub-heading {
        margin-bottom: 0.5rem;

        text-align: center;
    }

    .contact-sec1 h2 {
        line-height: 2.2rem;

        margin-bottom: 0.7rem;

        text-align: center;
    }

    .contact-sec1 p {
        margin-bottom: 1.7rem;

        text-align: center;
    }

    .contact-sec1 .flex-wraper {
        gap: 0;

        flex-direction: column;
    }

    .contact-sec1 .input-wrapr {
        margin-bottom: 1.38rem;
    }

    .contact-sec1 input[type="submit"] {
        margin: 0 auto 2rem;

        display: table;
    }

    .contact-sec2 {
        padding: 2.5rem 0;
    }

    .contact-sec2 .contact-card {
        text-align: center;
    }

    .contact-sec3 {
        padding: 2.5rem 0;
    }

    .contact-sec3 h6 {
        margin-bottom: 0.7rem;

        text-align: center;
    }

    .contact-sec3 h2 {
        line-height: 2.4rem;

        margin-bottom: 1.4rem;

        text-align: center;
    }

    .contact-sec3 .flex-box .wraper {
        flex-direction: column;

        width: 100%;

        text-align: center;
    }

    .contact-sec3 h5 {
        margin-bottom: 0.98rem;

        text-align: center;
    }

    .contact-sec3 .flex-box {
        margin-bottom: 1.5rem;
    }

    .contact-sec3 .map-wrapr {
        height: auto;

        margin-top: 1.5rem;
    }

    .component-details-sec1 .wcgs-thumb.spswiper-slide {
        height: 4.75rem;
        padding: 0.3rem !important;
    }

    .single-product .product-slider .gallery-navigation-carousel-wrapper .wcgs-thumb {
        height: 5.75rem;
        padding: 0.2rem !important;
    }

    .component-details-sec1 .wcgs-thumb.spswiper-slide img {
        height: 4rem !important;
    }

    .component-details-sec1
        .wcgs-carousel.horizontal.wcgs_preloader_normal.spswiper.spswiper-initialized.spswiper-horizontal.spswiper-backface-hidden {
        height: 15rem !important;
    }

    .component-details-sec1 .sticky-box {
        text-align: center;
    }

    .component-details-sec1 .add-to-cart-section form.cart .qib-button-wrapper {
        margin: 0 auto 1rem;
    }

    .component-details-sec1 .sticky-box ul.cross li {
        justify-content: center;
    }

    .component-details-sec1 .woocommerce-tabs h2,
    .component-details-sec1 .woocommerce-tabs p {
        text-align: center;
    }

    .component-details-sec1 .woocommerce-tabs ul.tabs.wc-tabs {
        justify-content: center;
    }

    .component-details-sec1 .woocommerce-tabs .comment-respond span.comment-reply-title {
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .component-details-sec1 .woocommerce-tabs .comment-respond .comment-form label {
        text-align: left;
    }

    .component-details-sec1 span.onsale {
        width: 50px;
        height: 50px;
    }

    .woocommerce-checkout .checkout .col2-set {
        width: 100%;
        position: relative;
    }

    .woocommerce-checkout .checkout .ex-wrap {
        width: 100%;
    }

    .woocommerce-checkout .checkout .woocommerce-billing-fields__field-wrapper .form-row {
        width: 100%;
    }

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce-cart .shop_table .coupon input[type="text"] {
        width: 100% !important;
        margin-bottom: 1rem !important;
    }

    .woocommerce-cart .shop_table .actions .button {
        width: 100% !important;
    }

    .woocommerce-cart .shop_table .coupon input[type="text"] {
        width: 100%;
    }

    .tax-product_cat ul.products .product {
        width: 100% !important;
    }

    .servers-listing-sec1 .pd-card .image a img {
        max-height: 19rem;
    }

    .woocommerce-cart .woocommerce .wc-empty-cart-message .cart-empty {
        margin-bottom: 1rem;
    }

    .woocommerce-cart .woocommerce:has(.wc-empty-cart-message) {
        padding-bottom: 2rem;
    }

    .woocommerce-cart .woocommerce:has(.wc-empty-cart-message) .return-to-shop {
        position: static;
    }

    .woocommerce-cart .woocommerce .woocommerce-message .button {
        float: unset;
        margin-top: 1rem;
        display: block;
        width: max-content;
        position: static;
    }

    .tax-product_cat ul.products .product,
    .woocommerce-shop ul.products .product {
        width: 100% !important;
    }

    .component-details-sec1 .woocommerce-tabs ul.tabs.wc-tabs {
        flex-wrap: wrap;
        row-gap: 0.3rem;
    }

    .woocommerce-cart .woocommerce .shop_table td {
        text-align: left !important;
    }

    .woocommerce-cart .woocommerce .shop_table .configuration-display strong {
        font-size: 16px;
    }

    .woocommerce-cart .woocommerce .shop_table .config-content .configuration-sub-list {
        padding-left: 0;
    }

    .woocommerce-checkout .checkout_coupon button[type="submit"] {
        position: static;
    }

    .woocommerce-checkout .checkout_coupon {
        padding: 0.5rem !important;
    }

    .woocommerce-checkout .terms-conditions-sec1 {
        padding: 2rem 0;
    }

    /* add css by Ali */
    #mega-menu-wrap-primary .mega-menu-toggle {
        height: 46px;
    }

    #mega-menu-wrap-primary
        #mega-menu-primary
        li.mega-menu-megamenu
        > ul.mega-sub-menu
        > li.mega-menu-row
        .mega-menu-column
        > ul.mega-sub-menu
        > li.mega-menu-item {
        padding: 6px;
    }
    .contact-sec1 .input-wrapr select {
        padding-right: 2.2rem;
    }
    .component-details-sec1 .woocommerce-tabs .comment-respond .comment-form p.comment-form-cookies-consent {
        position: relative;
    }
    .component-details-sec1
        .woocommerce-tabs
        .comment-respond
        .comment-form
        p.comment-form-cookies-consent
        input[type="checkbox"] {
        top: 1rem;
        position: absolute;
        left: 0;
    }
    .component-details-sec1 .woocommerce-tabs .comment-respond .comment-form p.comment-form-cookies-consent label {
        padding-left: 2.2rem;
    }
}

@media (min-width: 1025px) and (max-width: 1400px) {
}