/*==================================================
PROGRESNEWS THEME
Layout Module
Version : 1.0
==================================================*/


/*==================================================
CONTAINER
==================================================*/
.container{
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}

/*==================================================
MAIN LAYOUT
==================================================*/
.site-main{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

/*==================================================
CONTENT
==================================================*/
.content{
    width:74%;
}

/*==================================================
SIDEBAR COLUMN
==================================================*/
.sidebar{
    width:26%;
}

/*==================================================
DESKTOP WIDTH
==================================================*/
.sidebar{
    width:320px;
}

.content{
    width:calc(100% - 350px);
}

/*==================================================
RESPONSIVE LAYOUT
==================================================*/
@media (max-width:768px){

    .site-main{
        display:block;
    }

    .content{
        width:100%;
    }

    .sidebar{
        width:100%;
        margin-top:30px;
    }

}