anwisystems/enterprise/assets/css/responsive.css

@media (max-width: 575.98px) {
    .price-quote {
        background: #302C7C;
        text-align: left;
        padding: 0px;
        /* margin: 10px; */
    }

    .col-md-3.rev {
        padding: 0px !important;
        font-size: 13px;
        line-height: 1;
        margin-top: 0px !important;
        text-align: left;
        margin-top: 8px !important;
    }

    .col-md-3.aval,
    .col-md-2.aval {
        border-right: unset !important;
        padding: 0px !important;
        font-size: 13px;
        line-height: 1;
        margin-top: 10px;
        text-align: left;
    }

    /* nav.product-tab-menu.single-product.tabs {
        display: none;
    } */
    img.first {
        max-height: 50px;
    }

    .design-editor1 {
        padding: 10px;
    }

    .single-product-head.ml-40 {
        margin-left: 35px;
    }

    .product-thumbnail a img {
        width: 100%;
    }

    p.flint-sub.text-center {
        padding: 15px;
        font-size: 12px;
        font-weight: 500;
    }

    section.mobile-icons {
        display: block !important;
    }

    .product-thumbnail.position-relative {
        min-height: 100px !important;
    }

    .single-product-desc.cards.pro {
        display: none;
    }

    .sms::before {
        display: none;
    }

    .slick-footer::before {
        content: "";
        width: 50%;
        height: 100% !important;
        left: 50%;
        top: 0%;
        background: url(../img/footer-img.png) top right no-repeat;
        background-size: 100% auto;
        z-index: 9 !important;
        transform: rotate(0deg);
        z-index: 100;
    }

    .media-body {
        width: 100%;
    }

    .products-container ul#pills-tab {
        display: flex;
    }

    .products-container .nav {
        overflow: auto;
        flex-wrap: nowrap;
    }

    /* ul#pills-tab {
        display: inline-block;
    } */
    .main-sliders.dots-style.theme1 {
        display: none;
    }

    /* .fadeInUp {
        padding-left: 10px;
        padding-top: 30px;
    } */
    button.btn.btn--md.single-btn.single-cart-btn {
        margin-right: 170px;
    }

    .overlay3 {
        position: absolute;
        bottom: 0px;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.2);
        color: #f1f1f1;
        width: 96.4%;
        transition: .5s ease;
        opacity: 0;
        color: white;
        font-size: 20px;
        padding: 177.7px;
        text-align: center;
        margin-bottom: 0px;
        cursor: pointer;
    }

    .content-slider {
        margin-top: 10px !important;
    }

    .slider-content .title {
        font-weight: 500 !important;
        font-size: 18px !important;
        color: #8E8E8E !important;
        margin-bottom: 0 !important;
    }

    .index-slider {
        margin-left: -20px;
        width: 332px !important;
    }

    .text-content-block a {
        display: inline-block;
        height: 45px;
        line-height: 46px;
        margin-top: 20px;
        background: #302C7C;
        color: #fff;
        padding: 0 25px;
        border-radius: 56px;
        box-shadow: 5px 5px 25px rgb(0 0 0 / 16%);
    }

    .main-index::before {
        display: none;
    }

    .products-head h3 {
        font-size: 29px;
    }

    .content-block {
        /* margin-top: 50px; */
        padding-top: 0px;
    }

    .product-banner .btn {
        margin-bottom: 15px;
    }

    .text-content-block h2 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 18px;
    }

    .text-content-block p {
        display: block;
        font-size: 15px;
        text-align: justify;
        padding-right: 0px !important;
        font-weight: 300;
    }

    .text-content-block figure img {
        height: 51px;
    }

    /* .three-server-cards {
        padding: 18px !important;
        margin-left: -16px !important;
        width: 350px !important;
    } */
    .three-server-cards1 {
        width: 332px !important;
    }

    .flint-sub {
        font-weight: 600;
        font-size: 13px;
    }

    .series-list-p {
        text-align: justify;
        padding: 0px 11px;
    }

    .actions {
        position: absolute;
        z-index: 3;
        width: 100%;
    }

    .res-con {
        bottom: 17px !important;
    }

    .cards-width {
        width: 100%;
        max-width: 100% !important;
    }

    .sec-img-box {
        padding-top: 71px !important;
    }

    .single-cart-btn {
        right: 9% !important;
        border-radius: 0%;
        width: 100%;
        max-width: 36%;
        position: absolute;
        background: #302C7C;
        color: white;
        font-weight: 700;
        border: none;
        font-size: 10px;
    }

    img.main-logo {
        margin: 0px;
    }

    .tabletitle {
        font-size: 18px;
    }

    /* .fadeInUp {
        padding-left: 10px;
    } */
    .design-editor h5 {
        font-weight: 600;
        font-size: 16px;
    }

    .design-editor h6 {
        margin-bottom: 0.1em;
        font-size: 1.5rem;
    }

    .single-product-desc h3 {
        margin-bottom: 1em;
        font-size: 1.5rem;
    }

    .design-editor1 h4,
    h2 {
        margin-bottom: 1em;
        font-size: 1.5rem;
    }

    .design-editor h2 {
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        font-size: 1.5rem;
    }

    .envi h3 {
        margin-top: 0.5em !important;
    }

    .fadeInUp li {
        font-size: 1em;
        padding: 2px 5px 5px 5px;
    }

    .row {
        margin-right: calc(var(--bs-gutter-x) * 0) !important;
    }

    .row>* {
        padding-left: calc(var(--bs-gutter-x) * .8) !important;
        margin-top: 10px;
    }

    .d-flex.static-media2.flex-column.flex-sm-row {
        flex-direction: row !important;
        margin-left: 26px;
    }

    .shipping1 {
        padding-left: 30px;
    }

    .shipping2 {
        padding-left: 40px;
    }

    .shipping3 {
        padding-left: 34px;
    }

    .shipping4 {
        padding-left: 50px;
    }

    .main-text-con {
        text-align: center;
    }

    .main-logo {
        width: 100%;
        max-width: 80% !important;
    }

    .slider-height {
        max-height: 300px !important;
    }

    .bg-img {
        background-position: 89%;
        background-size: 172%;
    }

    .slider-content .text {
        font-size: 16px;
        margin-bottom: 0;
    }

    .slider-content .title {
        font-size: 12px !important;
    }

    .slider-content .btn.mt-45 {
        margin-top: 3px;
    }

    .btn-shop {
        font-size: 13px;
        padding: 0px !important;
    }

    .dots-style .slick-dots li button {
        width: 7px;
        height: 7px;
    }

    .single-product-desc {
        padding: 5px !important;
    }

    .pr-lg-10 {
        padding-right: 0px !important;
    }

    .tr-last-child {
        padding: 6px;
        font-size: 11px !important;
        border-bottom: 0.5px solid lightgrey;
        text-align: left;
    }

    .spec-table table td:first-child {
        width: 40%;
        max-width: 9em !important;
        padding-left: 0px;
        border-bottom: 0.5px Solid #333;
        font-weight: 700;
        font-size: 12px;
        text-align: left;
    }

    .fadeInUp li {
        font-size: 1em;
        margin-top: 0.75em;
        margin-bottom: 0.75em;
        margin-left: 1.2em;
    }

    .design-editor1 h2 {
        margin-bottom: 1em;
        font-size: 1.2em;
        font-weight: 700;
    }

    .provide-content {
        padding: 10px;
        text-align: justify;
    }

    .inner-img img {
        width: 100%;
        max-width: 47%;
    }

    .data-spec table td:first-child {
        width: 42% !important;
        max-width: 7em !important;
        text-align: left;
        border-bottom: 0.5px Solid #333;
        font-weight: 700;
        font-size: 12px;
    }

    .creek-feature {
        width: 100%;
        max-width: 100%;
    }

    /*Data center*/
    .data-center1 li img {
        max-width: 95%;
        padding-left: 15px;
    }

    .data-flex,
    .list-100g {
        flex-direction: column;
    }

    .scroll-400g h1 {
        padding-top: 30px;
    }

    .data-table {
        max-width: 100%;
    }

    .data-cname {
        padding: 10px 0px 0px 17px !important;
    }

    .data-subname {
        padding: 0px 0px 0px 17px !important;
    }

    .main-name {
        padding: 0px !important;
    }

    .subname1 {
        padding: 0px !important;
    }

    .data-img-100g2 {
        padding-top: 15px;
    }

    .data-img-100g3 {
        padding-top: 30px;
    }

    .col-lg-6.pr-lg-10.spec-400g {
        padding-left: 15px !important;
    }

    .mob-cart {
        display: none;
    }

    #mob-res-cart {
        display: block;
    }

    .product-cart-items {
        border-bottom: 1px solid gray;
    }

    .mob-title {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin-bottom: none;
        border-bottom: none !important;
        margin-left: 16px;
    }

    .mob-price {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .delete {
        padding-left: 0px;
    }

    .mob-img {
        max-width: 200px !important;
    }

    .product-tab-menu.single-product .nav-item .nav-link {
        font-size: 15px !important;
    }

    ul.product-list-des li {
        /* font-size: 10px; */
    }

    .align-items-center.d-flex {
        padding-left: 0px;
    }

    /* .slider-content {
        margin: 0px;
    } */
    .single-product .nav {
        overflow: auto;
        flex-wrap: unset;
        justify-content: unset !important;
    }

    #anwi-products .tab-pane {
        min-height: 400px;
    }

    #anwi-products .view-products {
        font-size: 18px;
        padding: 15px 20px;
    }

    #custom-selects {
        height: 30px;
        font-size: 11px;
        padding: 0 10px;
        width: 70px;
        background-position-x: 45px;
    }
}

@media (max-width:768px) and (min-width:576px) {
    .main-sliders.dots-style.theme1 {
        display: none;
    }

    .tab-line {
        display: none;
    }

    .fadeInUp {
        padding-left: 10px;
        /* padding-top: 30px; */
    }

    .single-cart-btn {
        right: 9% !important;
        border-radius: 0%;
        width: 100%;
        max-width: 23%;
        position: absolute;
        background: #302C7C;
        color: white;
        font-weight: 700;
        border: none;
        font-size: 14px;
    }

    .three-server-cards {
        padding: 18px !important;
        margin-left: -16px !important;
        width: 344px !important;
    }

    .three-server-cards1 {
        padding: 18px !important;
        margin-left: -16px !important;
        width: 347px !important;
    }

    .content-slider {
        margin-top: -102px !important;
    }

    .slider-content .title {
        font-weight: 500 !important;
        font-size: 20px !important;
        color: white !important;
    }

    .row {
        margin-right: calc(var(--bs-gutter-x) * 0) !important;
    }

    .row>* {
        padding-left: calc(var(--bs-gutter-x) * .9) !important;
    }

    .product-tab-menu.single-product .nav-item .nav-link {
        font-size: 18px;
    }

    .spect-table {
        padding-right: 0px !important;
    }

    .design-editor1 h2 {
        font-size: 20px;
    }

    .main-logo {
        width: 100%;
        max-width: 50%;
    }

    .popular-title a {
        font-size: 10px !important;
    }

    .index-slider {
        margin-left: -20px;
        width: 190px;
    }

    .spec.spec-table.envi {
        max-width: 95%;
    }

    .spec-table .tabletitle {
        width: 100%;
        /* max-width: 95%; */
        border-bottom: 5px solid #333;
        margin: 0;
        padding-bottom: 0.5em;
        padding-top: 20px;
    }

    .design-editor h2 {
        margin-bottom: 0.1em;
        font-size: 2.1rem;
    }

    .single-product-content {
        padding-left: 45px;
    }

    .slider-height {
        max-height: 368px !important;
    }

    .bg-img {
        background-position: 87%;
        background-size: 172%;
    }

    .service-section-row {
        justify-content: center !important;
    }

    .service-data {
        text-align: justify !important;
    }

    .col-lg-3.col-sm-6.py-3.static-media {
        padding-left: 6rem !important;
    }

    .shipping1 {
        padding-left: 4px;
    }

    .shipping2 {
        padding-left: 8px;
    }

    .shipping3 {
        padding-left: 8px;
    }

    .shipping4 {
        padding-left: 19px;
    }

    .footer-content {
        padding-left: 25px !important;
    }

    .footer-information {
        width: 100%;
        max-width: 90%;
    }

    .footer-social {
        padding-left: 38px !important;
        width: 100%;
        max-width: 50%;
    }

    .tr-last-child {
        font-size: 16px;
        border-bottom: 0.5px solid lightgrey;
        text-align: left;
    }

    .spec-table table td:first-child {
        border-bottom: 0.5px Solid #333;
        padding: 0px !important;
        text-align: left;
    }

    .spec-table1 table td:first-child {
        border-bottom: 0.5px Solid #333;
    }

    .inner-img {
        width: 100%;
        max-width: 92%;
    }

    .inner-img img {
        width: 100%;
        max-width: 40%;
    }

    /*Data center*/
    .data-table {
        max-width: 100%;
    }

    .data-center1 li img {
        max-width: 73%;
        margin-left: 100px;
    }

    .data-center2 li img {
        max-width: 73%;
        margin-left: 100px;
    }

    .list-100g,
    .data-flex {
        flex-direction: column;
    }

    .data-img-100g3 {
        padding-top: 45px;
    }

    .data2-100g li img {
        padding-top: 20px;
    }

    .data-subname {
        color: #333;
        font-size: 17px;
        margin-left: 20px;
    }

    .scroll-400g h1 {
        padding-top: 30px;
    }

    .main-name {
        padding: 0px !important;
    }

    .subname1 {
        padding: 0px !important;
    }

    .data-cname {
        color: #333;
        font-size: 26px;
        font-weight: 600;
        margin-left: 20px;
    }

    .data-spec table td:first-child {
        width: 27% !important;
        max-width: 7em !important;
        padding-left: 0px;
        padding: 0px;
        border-bottom: 0.5px Solid #333;
        font-weight: 700;
        text-align: left;
    }

    .product-tab-menu.single-product .nav-item .nav-link {
        padding: 0px 0px 0px !important;
        margin: 0 20px !important;
    }

    .creek-feature {
        max-width: 100%;
    }

    .align-items-center.d-flex {
        padding-left: 0px;
    }

    .products-container .nav {
        flex-wrap: unset;
        overflow: auto;
    }
}

@media (max-width:1024px) and (min-width:769px) {
    .mega-menu {
        min-width: 1038px !important;
    }

    .mega-menu.row {
        margin-left: 0px !important;
    }

    .align-items-center.d-flex {
        padding-left: 0px;
    }

    .mega-menu {
        left: -15px !important;
    }

    .single-cart-btn {
        right: 9% !important;
        width: 100%;
        max-width: 17%;
    }

    .three-server-cards {
        width: 307px !important;
    }

    .three-server-cards1 {
        width: 308px !important;
    }

    .bg-img {
        background-position: 88%;
        background-size: 151%;
    }

    .slider-height {
        height: 476px !important;
    }

    .row {
        margin-right: calc(var(--bs-gutter-x) * 0) !important;
    }

    .row>* {
        padding-left: calc(var(--bs-gutter-x) * .8) !important;
    }

    .scroll-400g h1 {
        padding-top: 30px;
    }

    .data-flex {
        flex-direction: column !important;
    }

    .max-data {
        width: 100%;
        padding: 0px 25px;
    }

    .data-table {
        max-width: 100%;
    }

    .data-spec table td:first-child {
        padding-left: 0px;
        padding: 0px;
        border-bottom: 0.5px Solid #333;
        font-weight: 700;
    }

    .popular-title a {
        font-size: 11px !important;
    }

    .index-slider {
        margin-left: -20px;
        width: 200px;
    }

    .tr-last-child {
        padding: 6px;
        font-size: 14px;
        border-bottom: 0.5px solid lightgrey;
        text-align: left;
    }

    .col-lg-6.data-center-img {
        width: 100%;
        padding: 0px 25px;
    }

    .single-product-desc {
        background: #fff;
        padding: 12px;
        border: 1px solid #ebebeb;
    }

    .product-list-amp {
        margin-left: 100px;
    }

    .tab-data td:last-child {
        border-bottom: 1px Solid lightgray;
        text-align: left;
        padding-left: 35px;
    }

    .creek-pass td:last-child {
        border-bottom: 1px Solid lightgray;
        text-align: left;
        padding-left: 35px;
    }

    .overlay1 {
        position: absolute;
        bottom: 0px;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.2);
        /* Black see-through */
        color: #f1f1f1;
        width: 88%;
        transition: .5s ease;
        opacity: 0;
        color: white;
        font-size: 20px;
        padding: 138px 0px;
        text-align: center;
        cursor: pointer;
    }

    .overlay2 {
        position: absolute;
        bottom: 0px;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.2);
        /* Black see-through */
        color: #f1f1f1;
        width: 94%;
        transition: .5s ease;
        opacity: 0;
        color: white;
        font-size: 20px;
        padding: 138px;
        text-align: center;
        margin-bottom: 0px;
        cursor: pointer;
    }

    .overlay3 {
        position: absolute;
        bottom: 0px;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.2);
        /* Black see-through */
        color: #f1f1f1;
        width: 94%;
        transition: .5s ease;
        opacity: 0;
        color: white;
        font-size: 20px;
        padding: 138px;
        text-align: center;
        margin-bottom: 0px;
        cursor: pointer;
    }

    b.price {
        margin-left: -34px;
    }

    .btn--xl {
        padding: 18px 53px;
        margin-left: 53px;
    }

    .Place-order .btn {
        margin-left: 0px !important;
    }

    .section-title {
        padding-bottom: 50px;
        margin-left: 0px !important;
    }

    img.main-logo {
        width: auto;
    }
}

@media (max-width:1440px) and (min-width:1025px) {
    .index-slider {
        margin-left: -20px;
        width: 240px;
    }

    .section-title {
        padding-bottom: 50px;
        margin-left: 0px !important;
    }

    .main-banner {
        width: 95%;
    }
}


/* responsive.css */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mega-menu {
        height: 400px !important;
        margin-left: -60px;
        min-width: 1085px !important;
        background-color: #F7F7F7;
        display: block;
    }

    .sub-content-nav {
        font-size: 16px;
    }

    .nav-menu-category1 {
        width: 40%;
    }

    .three-server-cards {
        width: 334px !important;
    }

    .main-banner {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .three-server-cards {
        width: 367px !important;
    }

    .three-server-cards1 {
        width: 371px !important;
    }

    .section-title {
        padding-bottom: 50px;
        margin-left: 0px !important;
    }

    /* #sticky.is-isticky {
        position: unset;

    } */
    .slick-slider::before {
        display: none;
    }
}

@media (min-width: 320px) and (max-width:768px) {
    .container-fluid {
        width: 100%;
    }

    .bg-light1 {
        background-image: none;
        background-color: #111827;
    }

    .bold-text p {
        font-size: 20px !important;
    }

    ._slider {
        display: block !important;
    }

    .view-prod {
        padding: 10px 15px !important;
    }

    .cont-us {
        padding: 10px 20px !important;
    }

    .section-title {
        padding-bottom: 0px !important;
        margin-left: 0px !important;
    }

    /* #sticky.is-isticky {
        position: unset;
    } */
    .actions li {
        margin: -11px 6px;
    }

    ul#pills-tab\ scroll {
        display: flex;
        overflow-x: scroll;
        flex-wrap: unset;
    }

    /* new css */
    /* .banner-head-margin {
        margin: 0px;
    } */
    .banner-head-margin .welcome {
        margin: 0px 0px 10px 0px;
    }

    .content-slider .bold-text {
        font-size: 18px !important;
        margin-bottom: 0;
        margin-top: 0;
    }

    .banner-slider .slider-height {
        max-height: 370px !important;
    }

    .banner-slider .content-slider {
        text-align: center;
    }

    .product-tab-menu ul li a small {
        font-size: 10px;
    }

    .product-card .btn {
        font-size: 10px;
        padding: 10px 20px;
    }

    .product-tab-menu.single-product .nav-items .nav-link {
        padding: 0;
    }

    .collabrate-section {
        text-align: center;
    }

    .config-heading h5 {
        text-align: center;
        float: none;
    }

    .config-heading h5 .float-end {
        display: none;
    }

    .has-search .form-control {
        font-size: 12px;
    }

    .bg-light1.slick-slider::before {
        right: 0px;
        background-size: 100%;
        width: 60%;
    }

    .product-tab-nav img {
        margin: 20px 15px 15px 20px;
    }

    .product-tab-menu.single-product .nav-item {
        margin-bottom: 5px;
    }

    .product-tab-menu.single-product #pills-profile-tab {
        white-space: nowrap;
    }

    .product-tab-menu.single-product .nav-item .nav-link {
        margin: 0px 15px;
    }

    .contact-form input,
    .contact-form textarea {
        font-size: 18px;
    }

    .contact-form {
        font-size: 18px;
    }

    .prod-tabs-nav .network-cards-icon {
        width: 53%;
    }

    .prod-tabs-nav .network-switches-icon {
        width: 44%;
    }

    .net-switches-nav,
    .net-cards-nav {
        white-space: nowrap;
    }

    #scrollUp {
        right: 25px;
    }
}

@media (max-width:1440px) and (min-width:576px) {
    .slick-slider::before {
        display: block;
    }

    .collabrate-section {
        text-align: center;
    }

    .banner-img-spacing {
        margin-bottom: 0px !important;
    }

    .name-of-config .form-check,
    .name-of-config .config-quantity-btn,
    .name-of-config .config-pricing {
        margin-bottom: 15px;
    }

    .bg-light1.slick-slider::before {
        width: 60%;
        top: -30%;
        right: 0%;
    }
}

@media (min-width: 990px) and (max-width: 1130px) {
    #anwi-products .tab-pane {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (min-width:578px) {
    .position-md-absolute {
        position: absolute;
    }
}