/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */


/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

   .rating-col {
        margin-bottom: 25px;
    }

    h5 {
        font-size: 1.25rem;
    }

    .rating-col.col-border {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

   h3.subheader {
        font-size: 1.36rem;
        line-height: 1.76rem;
    } 

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .poor, .excellent {
        position:absolute;
        left:0;
        font-size:.8rem;
        font-weight:600;
        display: block;
    }



 }



  /* XXL large devices (large desktops, 1500px and up) */
@media (min-width: 1600px) { 


    
 }