/*
Theme Name: Organio
Theme URI: http://demo.casethemes.net/organio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Organio is a beautiful, modern, and responsive Organic Food Store WordPress Theme. Organio is a perfect fit for any natural food related website like fresh grocer, market food, grocery market, organic ecommerce website, organic food store, Organic markets, supermarkets and online groceries. Additionally, it is perfect for eco product stores, fresh breads, bakery shops and even natural cosmetics stores.  
Version: 1.5.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: organio
Tags: organic, organic theme, organic store, organic food store, organic shop, organic farm, food, farm, store, nutrition, fruit, woocommerce, fresh, vegetable
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@media screen and (max-width: 1199px){
    

#ct-menu-mobile .ct-mobile-meta-item.btn-nav-mobile:before, #ct-menu-mobile .ct-mobile-meta-item.btn-nav-mobile:after, #ct-menu-mobile .ct-mobile-meta-item.btn-nav-mobile span {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    content: "";
    background-color: #fff;
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 24px;
    top: 23px;
}
#ct-menu-mobile .ct-mobile-meta-item {
    background-color: #201f1fd1;
   border: 1px solid rgb(255 255 255);
    width: 40px;
    height: 36px;
    line-height: 34px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    position: relative;
    cursor: pointer;
}
}
@media screen and (min-width: 1200px)
{
#ct-header-wrap.item-menu-style1 .ct-main-menu > li > a:before {
    content: '';
    width: 0%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
    
}
#ct-header-wrap #ct-header.h-fixed {
    -webkit-box-shadow: 0 3px 18px rgb(2 21 78 / 9%);
    -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    box-shadow: 0 3px 18px rgb(2 21 78 / 9%);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
}