.cats-menu-container,
.slider-content,
.front-main-cats,
.col-md-20{
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
.cats-menu-container{
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.slider-content{
-ms-flex: 0 0 66.6666%;
flex: 0 0 66.6666%;
max-width: 66.6666%;
}
.front-main-cats{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-md-20{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
.cats-menu-container{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.slider-content{
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.front-main-cats{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
.container {
max-width: 1340px;
} 
}
@media (max-width: 1200px) {
}
@media (max-width: 992px){
.front-main-cats {
margin-top: 20px;
}
}
@media (max-width: 767px){
main#main.site-main {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding-left: 15px !important;
}
aside#secondary.sidebar-widget-area.widget-area {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important; order:13 !important;
padding-right: 15px !important;
}
}
@media (max-width: 576px){
}