@media screen and (min-width : 320px) and (max-width : 767px) { .logo-bg { background: #fd7115; } #site-navigation{ background: transparent; } .order_two { order: 1; } .order_one{ order: 2; } .what-we-do-left i, .what-we-do-right i,#what-we-do img { margin-bottom: 15px; } .blog_box h3{ font-size: 30px; } #main-menu ul li a:before { content: none; position: static; } .blog_box { right: 10%; left: 10%; } p.slider-text { display: none; } button.menu-toggle:focus, a.open-search-form:focus { outline: 3px solid #ffbc00 !important; text-decoration: none !important; } .menu-toggle, .dropdown-toggle { display: inline-block; font-size: 20px; font-weight: 600; background: #fd7115; color: #fff; border: none; } #main-menu,.slider .owl-nav { display: none; } .header.toggled #main-menu { display: block; } button.close-menu{ display: inline-block; background: #fd7115; border: none; color: #fff; } #main-menu ul li { float: left; width: 100%; } #main-menu > li > ul.children, #main-menu > li > ul.sub-menu { position: absolute; top:-100%; background: #fff; } #main-menu li.focus > ul.children, #main-menu li.focus > ul.sub-menu , #main-menu li:hover > ul.children, #main-menu li:hover > ul.sub-menu , #main-menu li:focus > ul.children, #main-menu li:focus > ul.sub-menu { width: 100%; top:0; left: 0 !important; position: relative; } #main-menu ul { padding: 0; float: none; } #main-menu ul.children li a , #main-menu ul.sub-menu li a { padding: 0; line-height:53px; color: #4a5053; } #main-menu ul li.menu-item-has-children:after { content: ''; position: absolute; border: solid #4a5053; right: 10px; top: 50%; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; -webkit-transform: translate(0,-50%) rotate(-45deg); transform: translate(0,-50%) rotate(-45deg); } #main-menu ul.children li, #main-menu ul.sub-menu li { width: 100%; font-size: 12px; padding-left: 10px; } #main-menu ul li.menu-item-has-children:hover:after , #main-menu ul li.menu-item-has-children:focus:after, #main-menu ul li.menu-item-has-children.focus:after { top: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a, #main-menu a:focus, #main-menu ul li a:focus, #main-menu li.focus > a, #main-menu li:focus > a, #main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a, #main-menu ul li.current-menu-parent > a, #main-menu ul li.current_page_ancestor > a, #main-menu ul li.current-menu-ancestor > a { background:none; } } @media screen and (min-width : 768px) and (max-width : 1000px) { .blog_box { right: 20%; left: 20%; margin-top: 34px; } .blog_box h3{ font-size: 30px; } #site-navigation { background: rgba(0, 0, 0, 0) linear-gradient(90deg, #fd7115 28%, rgba(0, 0, 0, 0) 28%) repeat scroll 0 0; } #main-menu ul li a { padding: 20px 10px; } .order_two { order: 1; } .order_one{ order: 2; } .what-we-do-left i, .what-we-do-right i{ margin-bottom: 15px; } } @media screen and (min-width : 1024px) and (max-width : 1199px) { #site-navigation { background: rgba(0, 0, 0, 0) linear-gradient(90deg, #fd7115 28%, rgba(0, 0, 0, 0) 28%) repeat scroll 0 0; } .blog_box { right: 35%; } .blog_box h3{ font-size: 30px; } } @media screen and (max-width : 1000px) { .admin-bar .sticky-header.fixed-header{ margin-top: 0px; } .fixed-header{ position: static; } } @media (max-width: 782px){ .wc-block-cart .wc-block-cart__submit-container--sticky { bottom: unset !important; } .wp-block-woocommerce-cart .wc-block-cart__submit-button { width: 100%; } .wp-block-woocommerce-cart-order-summary-block { margin-top: 20px; } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount{ display: none !!important; } }