/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

    
    
}

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

/* Mobile Layout: 320px to 767px. */
@media only screen and (max-width: 767px) {
    
    .header-area{ padding: 0 7px; background-position: center; }
    .left-logo{ width: 35%; }
    .left-logo img{ width: 100%; }
    .right-logo-txt{ width: 45%; background-size: contain; float: left; }
    .center-txt-logo{ width: 100%; padding: 0; }
    .center-txt-logo img{ width: 100%; }
    .menu-area{ text-align: center; 
        position: fixed;
        background:#6A489F;
        z-index: 9;
        top: 0;
        right: 0;
        margin-top:0px;
        display: none;
    }
    .menu-area ul{ float: none; width: auto; display: inline-block; }
    .menu-area ul li{ width: 100%; margin: 5px 10px; }


    .left-area, .right-portion-area{ width: 100%; padding: 0; }

    .audio-clip-area audio{ width: 100%; }


    .content-image-area, .center-content-area{ padding: 0 7px; }
    .img-thumb{ padding: 0 7px; min-height: auto; }
    .two-column-img-gallery{ margin-bottom: 0; }
    .three-column-img-gallery .img-thumb{ width: 100%; height: 302px; overflow: hidden;}
    .two-column-img-gallery .img-thumb { width: 100%; height: 232px; overflow: hidden;}

    .link{
        text-decoration: none;
        font-size: 20px;
        color: #ffffff;
    }

    a.thumb {
        display: block;
    }

    .closeBtn{
        margin: 10px;
        float: right;
        display: block;
    }

}