@media all and (max-width: 996px){
    .dws-menu{
        overflow: hidden;
    }

    .dws-menu ul{
        display: none;
    }

    #login_pane{
        display: block;
    }

    .nav{
        display: block !important;
    }

    .dws-menu li ul{
        left: 210px;
        top: 0;
    }

    .dws-menu label.togglemenu{
        display: block;
        padding-left: 5px;
    }

    input.togglemenu:checked + label.togglemenu{
        background: #525252;
        color: #ffffff;
    }

    input.togglemenu:checked ~ ul{
        display: block;
        position: absolute;
    }
}

@media all and (max-width: 1245px){
    .right-side-bar{
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .flex-content{

    }

    .right-side-bar {
    	margin: 0 5px 5px 5px;
    }
    
    .page-wrapper{
        width: 980px;
        margin: 0 auto;
    }
}

@media all and (max-width: 996px){
    .mainshortstory:first-child .postimg{
    	padding-bottom: 65%;    
    	width: 85%;
    }
    
    .page-wrapper{
        width: 740px;
    }
    
    .top-content-banners{
    	flex-direction: column;
    }
    
    .top-banner-468-60{
        margin: 2px auto;
    }
    
    .content-block{
    	width: 480px;
    }
    
    .news-block{
    	height: auto;
    }
    
    .mainshortstory:first-child{
        height: auto;
    }

    .leadmeta{
    	width: 76%;
    }
    
    .box{
    	width: auto;
    }
    
    .speach-block{
    	max-width: 350px;
    }
    
    .box_in_speachshortstory{
    	display: block;
    }

    .right-side-bar{
        width: 485px;
    }
}

@media all and (max-width: 760px){
    .page-wrapper, .content-block{
        width: 100%;
    }

    .firstflex, .header{
        flex-direction: column;
    }

    .left-side-bar{
        width: 485px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .speach-block{
        max-width: 100%;
    }

}

@media all and (max-width: 512px){
    .left-side-bar, .right-side-bar{
        width: 240px;
        margin: auto;
    }

    .header-text{
        font-size: 20px;
    }

    .speach-block-wrapper{
        flex-direction: column;
    }

    .title{
        font-size: 14px;
    }

    .mainshortstory:first-child .title{
        font-size: 20px;
    }

    .speach-title{
        font-size: 20px;
    }
}

@media all and (max-width: 267px){
    .commentactions{
        display: block !important;
    }
}

@media(max-width: 730px) { .top-banner { width: 500px; } }
@media(max-width: 500px) { .top-banner { width: 468px; } }
@media(max-width: 470px) { .top-banner { width: 400px; } }
@media(max-width: 400px) { .top-banner { width: 200px; } }