/* Large Screens */ @media screen and (max-width: 1210px) { .inner-wrap { width: 92%; } #wrap { width: 92%; } .column { width: 23%; margin-right: 3%; } .column-content { width: 48%; } .column-title, #content .column-full, .column-full .column-content, .page-template-template-full-width-php .column-content { width: 96%; } .column-last, .column-double.column-right .column-content { margin-right: 0; } .column-double .column-content, .column-double.column-content { width: 74%; } .column-double .column-last { margin-left: 3%; } } @media (min-width: 980px) { #menu-main-slide { display: none !important } } @media screen and (max-width: 979px) { header .menu-main-container { text-indent: -9999px; height: 0; } .menu-main-container.mm-menu { text-indent: 0; height: 100%; } #navbar-main, #header #menu-main-slide { display: none } .navbar-toggle { display: block } } /* Tablets */ @media screen and (max-width: 768px) { #content { display: flex; flex-direction: column; } #content .column-narrow{ order: 3; } #content .column-narrow:not(.column-last) { order: 2; } #content .column-content { order: 1; margin-bottom: 40px; } .column-double .column-last { margin-left: 0; margin-top: 40px; } .column { width: 100%; margin-right: 0; } .column-content { width: 100%; } .posts .post h2, .posts .page h2 { font-size: 30px; line-height: 1.3; } .column-title, #content .column-full, .column-full .column-content, .page-template-template-full-width-php .column-content { width: 96%; } .column-last, .column-double.column-right .column-content { margin-right: 0; } .column-double .column-content, .column-double.column-content { width: 100%; } .site-widgetized-section .widgets .widget { width: 48%; margin-right: 4%; } .site-widgetized-section .widgets .widget:last-child, .site-widgetized-section .widgets .widget:nth-child(2n + 2) { margin-right: 0; } .site-widgetized-section .widgets-3 .widget { width: 32%; margin-right: 2%; } .site-widgetized-section .widgets-3 .widget:last-child { margin-right: 0; } .site-widgetized-section .widgets-3 .widget:nth-child(2n + 2) { margin-right: 2%; } .site-widgetized-section .widgets-3 .widget:nth-child(3n + 3) { margin-right: 0; } .site-widgetized-section .widgets-2 .widget { width: 48%; margin-right: 4%; } .site-widgetized-section .widgets-2 .widget:last-child { margin-right: 0; } .site-widgetized-section .widgets-1 .widget { width: 100%; margin-right: 0; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { .title-header { font-size: 26px; } .site-widgetized-section .widgets .widget { width: 100%; margin-right: 0; } .site-widgetized-section .widgets .widget:last-child, .site-widgetized-section .widgets-3 .widget { width: 100%; margin-right: 0; } .site-widgetized-section .widgets-3 .widget:nth-child(2n + 2) { margin-right: 0; } .site-widgetized-section .widgets-2 .widget { width: 100%; margin-right: 0; } }