@media all and (min-width: 981px) { #mobile_menu { display: none; } #header nav ul li .submenu-container { position: absolute; } .other-articles .column_1 { display: table; } .other-articles .column_1_3 { display: table-cell; vertical-align: middle; float: none; } } @media all and (max-width: 980px) { #mobile_menu { display: block; } #desktop_menu { display: none; } .slide .content-container { max-width: 65%; } } @media all and (max-width: 767px) { .slide .content-container { max-width: 80%; max-width: calc(100% - 60px); } } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }