﻿/****************************************************************************/
/** Module Quick Links ******************************************************/
/****************************************************************************/

@media screen,print
{
    .ModuleQuickLinksContainer
    {
        margin: 20px 0;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink
    {
        padding: 10px 0;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCQuickLinkImage
    {
        width: 258px;
        height: 125px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCQuickLinkImage img
    {
        max-width: 105px;
        max-height: 125px;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCDescription
    {
        font-size: 12px;
        color: #333;
        line-height: 18px;
        height: 54px;
        overflow: hidden;
        margin: 10px 0;
        width: 258px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink a
    {
        font-size: 12px;
        color: #4c85c6;
        text-decoration: none;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink a:hover
    {
        text-decoration: underline;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px)
{
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCQuickLinkImage
    {
        width: 220px;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCDescription
    {
        width: 220px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px)
{
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCQuickLinkImage
    {
        width: 210px;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCDescription
    {
        width: 210px;
    }
}

@media screen and (max-width: 480px)
{
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCQuickLinkImage
    {
        width: 95%;
    }
    
    .ModuleQuickLinksContainer .MQLCQuickLink .MQLCDescription
    {
        width: 95%;
    }
    
    .ModuleQuickLinksContainer .col-xs-6, .ModuleQuickLinksContainer .col-md-3
    {
        padding: 0;
    }
}

@media print
{

}
