.navbar-custom .nav>li>a { padding-top: 20px; padding-bottom: 20px} .default .nav li.menu-button a { padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .wrap .overlay:before { background: none repeat scroll 0 0 rgba(191,39, 45, 0.7); } .wrap .overlay:after { background: none repeat scroll 0 0 rgba(191,39, 45, 0.7); } figure.effect-zoe figcaption { background: rgba(191,39, 45, 0.7); } @media only screen and (max-width: 480px) { .container .navbar-collapse, .container-fluid .navbar-collapse { background-color: rgba(38,38,38,1) !important; } .navbar-header { padding-top: 10px; padding-bottom: 10px } .navbar-custom img.logo { height: 35px !important; } .navbar-custom .nav>li>a { padding-top: 10px; padding-bottom: 10px } .default .nav li.menu-button a { margin-left: 0 !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (-webkit-min-device-pixel-ratio: 2) { .container .navbar-collapse, .container-fluid .navbar-collapse { background-color: rgba(38,38,38,1) !important; } .navbar-header { padding-top: 10px; padding-bottom: 10px } .navbar-custom img.logo { height: 35px !important; } .navbar-custom .nav>li>a { padding-top: 10px; padding-bottom: 10px } .default .nav li.menu-button a { margin-left: 0 !important; } }