@media screen and (max-width: 1200px) { } @media screen and (max-width: 992px) { header{ .menu{ display: none; } .login{ margin-left: 20px; margin-right: 20px; } #menu_mobile{ .openmenu{ display: block; } nav{ &.open{ opacity: 1; visibility: visible; ul{ left: 0; } } } } } } @media screen and (max-width: 768px) { .row [class*=col]{ margin-bottom: 30px; &:last-child{ margin-bottom: 0; } } .cover{ .table{ min-width: 820px; } } } @media screen and (max-width: 576px) { header{ .clube_giga{ width: 100%; margin-bottom: 15px; a{ font-size: 40px; } } .login{ width: 100%; margin: 0 0 15px 0; } } #main{ .item{ padding: 0 30px; &:first-child{ padding-top: 30px; } } } } @media screen and (max-width: 320px) { }