@media (max-width: 786px){
    h1{
        font-size: 20px !important;
    }
    
    h2{
        font-size: 16px !important;   
    }
    
    h3{
        font-size: 14px !important;
    }
    
    p{
        text-align: justify !important;
    }
    
    .contact-page .contact-forum{
        width: 100% !important;
    }
    
    .container{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .blog-social{
        position: static;
        left: 0px;
        top: 0px;
    }
    
    .blog-social li{
        display: inline-block;
    }
    
    .blog-page .date-format li.sponsored{
        float: none !important;
    }
    
    .page-banner img, 
    .blog-page .detail-content img{
        max-width: 100%;
    }
    
    .page-banner .banner-content{
        position: relative !important;
    }
    
    .page-banner .banner-content .cat-head{
        position: relative;
        display: block;
        width: 100%;
    }
    
/*    .two-col{
        display: block;
    }*/
    
    .two-col .left-text-area, 
    .two-col .left-image-area{
        display: block;
        width: 100%;
    }
    
    .event-left-text h2{
        margin-top: 0px;
    }
    
}