/* Smartphones (landscape) ----------- we use this lot for the mobi version*/
@media only screen 
and (min-width : 321px) 
{
    /* u need to add !important to the css*/
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* u need to add !important to the css*/
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }

}

/* iPhone 6 in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}


/* iPhone 6 in landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}


/* iPhone 6 in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}


/* iPhone 6 Plus in portrait & landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}



/* iPhone 6 Plus in landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}


/* iPhone 6 Plus in portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}

/*galaxy s5*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .tTABdivMobi
    {
            background-color: #003366;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 9pt;
    height: 65px;
    padding-top: 10px;
    padding-left: 8px;
    }
}



@media screen and (min-width: 700px) and (orientation: landscape) {

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
        /* u need to add !important to the css*/
        
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* u need to add !important to the css*/
   
}