@media screen and (max-width: 1023px) { .container { width: 940px; } .navbar-nav > li > a { padding: $grid-gutter-width/2 $grid-gutter-width/3; } } @media screen and (max-width: 979px) { .container { width: 760px; } } @media screen and (max-width: 799px) { .container { width: 720px; } } @media screen and (max-width: 767px) { .container { width: 600px; } .widget_sp_image, .site-info, .logo.logo-theme { text-align: center; } .widget-style.tagline-widget::before, .wpb_wrapper .widget.tagline-widget::before, .widget.tagline-widget::before { content: none; } .widget-style.tagline-widget, .wpb_wrapper .widget.tagline-widget, .widget.tagline-widget { padding: 0; } .payment-logo-wrapper { float: none !important; margin-top: 20px; } .navbar-toggle { color: $white; outline: none !important; float: none; margin-left: 20px; &:hover, &:focus, &.active, &:active { color: $white; } .sr-only { clip: none; width:auto; height: auto; position: static; margin: 0; } .icon-bar { display: none; } } .pbr-mainmenu { .container { padding: 0; .navbar-collapse { @include box-shadow(none); margin: 0; } .navbar-nav { margin-left: 0; margin-right: 0; margin-top: 0; li { border-top: 1px solid $gray-dark; } } } } #primary { margin-bottom: $grid-gutter-width; } } @media screen and (max-width: 639px) { .container { width: 440px; padding-left: 0; padding-right: 0; } .woocommerce .products-grid > .row > li, .woocommerce .products-grid > .row > li { width: 50% !important; } #pbr-masthead .header-main { margin: -15px; padding: 20px 0; } } @media screen and (max-width: 479px) { .container { width: 290px; } #pbr-topbar .dropdown-toggle { padding: 5px; } .pbr-pagination { text-align: center; .pagination { float: none !important; li { &:last-child { span { margin: 0; } } } } .result-count { float: none !important; margin-top: 10px; } } .woocommerce .products-grid > .row > li, .woocommerce .products-grid > .row > li { width: 100% !important; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin-bottom: 10px !important; } .woocommerce div.product .product_title { font-size: 34px; } .cart-collaterals h2 { font-size: 20px; } #pbr-masthead .header-main { margin: 0; padding: 20px 0; } #pbr-masthead .header-main > div { padding: 10px 0; } #pbr-masthead .header-main > div.col-md-6 { border-right: none; } }