/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

button.owl-next {
    top: 18rem;
    right: 11rem;
}

button.owl-prev {
    top: 18rem;
    left: 11rem;
}

@media (max-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (max-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
    button.owl-next {
        top: 10rem !important;
        right: 0 !important;
    }

    button.owl-prev {
        top: 10rem !important;
        left: 0 !important;
    }
}

@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.wp-social-link
 {
    display: none !important;
}

.joinchat__button {
    background: #081a64 var(--joinchat-ico) 50% / 60% no-repeat !important; 
}