﻿
/*Max-Width*/
@media screen and (max-width: 319.98px) {
    .hide-320 {
    }
}

@media screen and (max-width: 479.98px) {
    .hide-480 {
    }
}

@media screen and (max-width: 575.98px) {
    .hide-576 {
    }

    .mobile-search {
        width: 440px !important;
    }

    .footer-col-links {
        display: none !important;
    }
}

@media screen and (max-width: 639.99px) {
}

@media screen and (max-width: 767.98px) {
    .hide-768 {
        display: none !important;
    }

    .mobile-search {
        width: 450px !important;
    }

    .carousel-text {
        height: auto !important;
    }

        .carousel-text p {
            display: none;
        }

        .carousel-text button {
            display: block !important;
            background-color: #0096d6;
            transition: .5s;
        }

            .carousel-text button:hover {
                display: block !important;
                background-color: #0077bb;
            }

    .portal-lowerRow {
        text-align: center;
    }

    .nav-tabs {
        display: none;
    }

    .tab-content {
        border: none !important;
    }

        .tab-content > .tab-pane {
            display: block;
            opacity: 1;
            margin-top: 2em;
        }

            .tab-content > .tab-pane > .row {
                border: 1px solid #dee2e6;
                border-radius: 5px;
            }

                .tab-content > .tab-pane > .row img, .row.responsive > div {
                    margin-bottom: 2em;
                }
}

@media screen and (max-width: 991.98px) {
    .hide-992 {
        opacity: 0;
    }

    .show-992 {
        opacity: 1 !important;
    }

    .burgerMenu-responsive {
        /*justify-content: end;*/
        border: 3px solid black
    }

    .telephone {
        display: none;
    }

    .dNone-992 {
        display: none !important;
    }

    .dBlock-992 {
        display: block !important;
    }

    .mm-delay {
        animation-delay: 0ms;
    }

    .pressRelease_topRow {
        flex-direction: row-reverse !important;
    }

    .pressRelease_topRow .content-column {
        margin-top: 100px;
        max-width: unset !important;
    }
    .fc2024 .intro__section .pressRelease_img-container .image-column__wrap img {
        position: absolute !important;
        object-position: center !important;
        width: 100% !important;
    }
    .fc2024 .intro__section .pressRelease_img-container .image-column__wrap:before {
        display: none;
    }
    .marketingModal .modal-content {
        grid-template-columns: auto;
    }
    .marketingModal .modal-content img{
        display: none;
    }
}

@media screen and (max-width: 1199.98px) {
    .hide-1200 {
        opacity: 0;
    }

    .carousel-item h2, .carousel-item p {
        text-align: center;
    }

    .text-start p {
        text-align: left !important;
    }

    .carousel-item img {
        max-height: 250px;
        margin-top: 1em;
        margin-left: 1em;
        margin-right: 1em;
    }
    .text-start img {
        max-height: none !important;
    }

    .marketingModal .modal-dialog {
        max-width: 75% !important;
    }

    .carousel-text {
        height: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: column;
    }
}



/*Min-Width*/
@media screen and (min-width: 320px) {
    .show-320 {
    }
}

@media screen and (min-width: 480px) {
    .show-480 {
    }
}

@media screen and (min-width: 576px) {
    .show-576 {
    }
}

@media (min-width: 576px) {
    .register-information .modal-dialog, .company-information .modal-dialog {
        max-width: 800px;
    }
}

@media screen and (min-width: 768px) {
    .show-768 {
    }

    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }

    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }
    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    .show-992 {
    }
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1200px) {
    .show-1200 {
    }
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 80vw;
    }
}




















@media (max-width: 767px) {
    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .active.right {
        left: 50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .carousel-col {
        width: 50%;
    }

    .active > div:first-child + div {
        display: block;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .active.right {
        left: 50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .carousel-col {
        width: 50%;
    }

    .active > div:first-child + div {
        display: block;
    }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-inner .active.left {
        left: -33%;
    }

    .carousel-inner .active.right {
        left: 33%;
    }

    .carousel-inner .next {
        left: 33%;
    }

    .carousel-inner .prev {
        left: -33%;
    }

    .carousel-col {
        width: 33%;
    }

    .active > div:first-child + div {
        display: block;
    }

        .active > div:first-child + div + div {
            display: block;
        }
}

/*lg*/
@media (min-width: 1200px) {
    .carousel-inner .active.left {
        left: -25%;
    }

    .carousel-inner .active.right {
        left: 25%;
    }

    .carousel-inner .next {
        left: 25%;
    }

    .carousel-inner .prev {
        left: -25%;
    }

    .carousel-col {
        width: 25%;
    }

    .active > div:first-child + div {
        display: block;
    }

        .active > div:first-child + div + div {
            display: block;
        }

            .active > div:first-child + div + div + div {
                display: block;
            }
}
