@media (max-width: 1600.98px) {}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .box-cover > span{
        top: 0 !important;
        right: 10px !important;
    }
}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .overlay-text {
        top: 0;
    }

     /* header  */
     .logo-round img {
        max-width: 100px;
    }

    .arrow-logo img {
        max-width: 120px;
    }

}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    
    span.rev-title {
        font-size: 22px !important;
    }

    span.rev-txt {
        font-size: 16px !important;
    }
   
    .video-text-container {
        height: 196px;
    }

}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
   
    .box-cover>span {
        position: static !important;
        display: block;
        margin-bottom: 5px;
        text-align: left !important;
        padding-left: 10px !important;
        background-color: #0d244ec9 !important;
    }

    .video-background {
        top: 268px;
    }


    /* Typography Styles  */
    /* Global Typography Settings */

    /* Headers */
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 19px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 15px;
    }

    /* Paragraphs */
    p {
        font-size: 14px !important;
        line-height: 1.5;
        margin: 10px 0;
    }

    /* Links */
    a {
        font-size: 14px;
    }

    a:hover {
        text-decoration: underline;
    }

    /* Lists */
    ul,
    ol {
        font-size: 14px;
        line-height: 1.5;
        color: #666;
    }

    /* Form Elements */
    label {
        font-size: 14px;
        color: #333;
    }

    input,
    textarea {
        font-size: 14px;
    }

    /* Buttons */
    button {
        font-size: 14px;

    }

    .image-overlay-top {
        height: 48px;
    }

    .image-overlay-bottom {
        height: 48px;
    }

}