@media screen and (max-height: 768px) {
    .nav-item .nav-link {
        font-size: 1.35vw !important;
    }

    .logo-link img {
        width: 40%;
    }

    .reader {
        top: 20px;
        text-align: end;
        margin-right: -1vw;
    }
}
 
@media screen and (max-height: 600px) {
    .nav-item .nav-link {
        font-size: 1.04vw !important;
    }

    .logo-link img {
        width: 30%;
    }
}
/*110%*/
@media screen and (max-width: 1760px) { 
    .selectedNews {
        margin-left: -0.8vw !important;
        
    }
    .reader .btn-group {
        height: 4.2vh !important;
        width: 27% !important;
    } 
}

/*120%*/
@media screen and (max-width: 1680px) {

    .reader .reader-label {
        font-size: 1.2vw !important; 
    }

    .reader .btn-group {
        height: 4.2vh !important;
        width: 27% !important;
    } 
    
    .news {
        width: 96.5% !important;
    }

    .criteriaMatch button {
        margin-left: -2vw !important;
    }
}
/*130%*/
@media screen and (max-width: 1472px) { 
    
    .reader .btn-group {
        height: 4.2vh !important;
        width: 30% !important;
    } 

   
    .news {
        width: 96.5% !important;
    }
} 


/*140%*/
@media screen and (max-width: 1376px) {
    
    .news {
        width: 96.4% !important;
    }
}

/*150%*/
@media screen and (max-width: 1280px) {
    .reader .btn-group {
        height: 4.2vh !important;
        width: 31% !important;
    }
    .criteriaMatch button {
        height: 4.2vh !important;
        width: 100% !important;
    }
    .criteriaMatch i {
        font-size: 0.8vw !important;  
    } 
    
    .criteriaMatch i span {
        font-size: 0.8vw !important;
    }
    .news {
        width: 96.3% !important;
    }
    .custom-navbar .nav-link span{
        font-size: 3vh !important; 
    }
}
/*160%*/
@media screen and (max-width: 1190px) {
    .custom-navbar .nav-link span{
        font-size: 3vh !important;
       
    }
}
/*170%*/
@media screen and (max-width: 1060px) {
    .custom-navbar .nav-link span {
        font-size: 2.5vh !important; 
    }
}

@media screen and (max-width: 1024px) {
    .custom-navbar .nav-link span {
        font-size: 2.7vh !important;
    }
}