/*============================ SIDEBARS ============================*/ #primary { margin-top: 100px; margin-bottom: 100px; } .entry-header + .container #primary, .entry-header + .container #secondary { margin-top: 60px; } .rightsidebar { #primary { float: left; width: calc(100% - 350px); padding-right: 55px; } } .leftsidebar { #primary { float: right; width: calc(100% - 350px); padding-left: 55px; } } #secondary { float: left; width: 350px; margin-bottom: 100px; margin-top: 100px; } //Responsive @media screen and (max-width: 1199px) { .rightsidebar { #primary { width: calc(100% - 300px); } } .leftsidebar { #primary { width: calc(100% - 300px); } } #secondary { width: 300px; }//#secondary }//max-width: 1199px @media screen and (max-width: 1024px) { .rightsidebar { #primary { float: none; width: 100%; padding-right: 0; } } .leftsidebar { #primary { float: none; width: 100%; padding-left: 0; } } #secondary { float: none; width: 100%; } }//max-width: 1024px @media screen and (max-width: 767px) { #primary { margin-top: 60px; margin-bottom: 60px; }//#primary }//max-width: 767px