/******************************************************** Mobile Devices ********************************************************/ /******************************************************** ## Min Width 1200px ********************************************************/ @media (min-width: 1200px) { } /******************************************************** ## Min Width 992px And Max Width 1199px ********************************************************/ @media (min-width: 992px) and (max-width: 1199px) { } /******************************************************** ## Min Width 768px And Max Width 991px ********************************************************/ @media (min-width: 768px) and (max-width: 991px){ } /******************************************************** ## Max Width 767px ********************************************************/ @media only screen and (max-width:767px) { .post-items > .entry-thumb{ margin: 0; } .primary-menu .collapse{ float: none; overflow: hidden; padding: 0 15px; border-top: 0; box-shadow: none; background: none; width: 100%; } .primary-menu .navbar-collapse, .primary-menu .navbar-form{ border-top: 0; box-shadow: none; background: none; } .primary-menu .navbar-nav>li>a{ padding: 10px 0; border: 0; } .primary-menu .navbar-nav{ margin-top: 30px; } .primary-menu .navbar-nav>li>a::after{ display: none; } .primary-menu .xs-angle-down { margin: -8px 0 0 0; padding: 4px 10px; background: #ff8871; float: right; color: #fff; font-size: 22px; } .primary-menu ul.nav li.dropdown:hover > ul.dropdown-menu { display: none; } .primary-menu ul.nav li.dropdown > ul.dropdown-menu.active { display: block; box-shadow: none; border: 0; padding: 0; margin: 0; } .primary-menu .dropdown-menu { width: auto; float: none; position: static; } .header-fixed{ padding-bottom: 8px; padding-top: 10px; } .navbar-fix button{ margin: 15px; } .navbar-default .navbar-toggle{ border-color: #ff8871; } .navbar-default .navbar-toggle .icon-bar{ background-color: #ff8871; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #ff8871; } .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{ background-color: #fff; } .primary-menu .navbar-collapse,.woocommerce .woocommerce-ordering select,.woocommerce .woocommerce-ordering{ width: 100%; } .header-search{ position: absolute; top: 0; right: 0; margin-top: 42px; } .primary-menu .navbar-nav>li { float: left; display: block; width: 100%; text-align: left; } .blog-profile{ padding: 0 15px; } } /******************************************************** ## Max Width 480px ********************************************************/ @media only screen and (max-width:480px) { } /******************************************************** Max Width 320px ********************************************************/ @media only screen and (max-width:320px) { } /******************************************************** Max Width 240px ********************************************************/ @media only screen and (max-width:240px) { }