@media (min-width: 280px) and (max-width: 1919px) {
    .text-container > ul > li > a {
        font-size: 13px;
    }
    .text-container > ul > li .subMenu h3 {
        font-size: 18px;
    }
}
@media (min-width: 280px) and (max-width: 1599px) {
    .text-container > ul > li > a {
        font-size: 12px;
    }
    .text-container > ul > li {
        width: calc(20% - 10px);
        margin: 10px 5px;
    }
}
@media (min-width: 280px) and (max-width: 1439px) {
    .close-right {
        right: .5rem;
    }
    .close-left {
        left: .5rem;
    }
    .text-container > ul > li .subMenu h3 img {
        width: 40px;
    }
    .text-container > ul > li .subMenu h3 {
        font-size: 16px;
    }
    .text-container > ul > li .subMenu ul li a {
        font-size: 14px;
    }
}
@media (min-width: 280px) and (max-width: 1365px) {
    .text-container > ul > li > a {
        font-size: 11px;
    }
}
@media (min-width: 280px) and (max-width: 1199px) {
    .text-container > ul > li {
        width: calc(25% - 10px);
        margin: 2px;
    }
    .text-container > ul > li > a {
        min-height: 82px;
        padding: 8px 4px;
    }
    .text-container > ul > li img {
        width: 40px;
        margin: 0px auto;
    }
    .split-screen-container h2 span {
        display: block;
        margin: 20px 0 0 0;
        width: 89px;
    }
    .split-screen-container .split-screen-right h2 span {
        margin-right: 0;
    }
}
@media (min-width: 280px) and (max-width: 1023px) {
    
}
@media (min-width: 280px) and (max-width: 991px) {
    
}
@media (min-width: 280px) and (max-width: 767px) {
    
}
@media (min-width: 280px) and (max-width: 639px) {
    
}
@media (min-width: 280px) and (max-width: 479px) {
    
}