@media only screen and (max-width:767px) {
    .mobilesocialicon {
        padding-left: 0 !important;
    }
    .mobilesilderproduct {
        display: block;
    }
    #mobileslidergallery {
        display: block;
    }
    #acordiangallry {
        display: none;
    }
    /*    .greenpatch {
        width: 85%;
       }*/
    .greenpatch {
        width: 100%;
    }
    .greenpatch {
        padding: 15px 10px 15px 30px;
        bottom: 15%;
        border-radius: 0px 0px 0px 0px;
        background: rgba(15, 130, 89, 0.69);
    }
    .whiterightarrow {
        position: absolute;
        top: 40%;
        right: 8%;
        display: none;
    }
    #mobileslidergallery .font-20 {
        font-size: 19px;
    }
    #mobileslidergallery .font-15 {
        font-size: 14px;
    }
    .Qualitybanner .parallax-window {
        min-height: 70vh;
        width: 100%;
    }
    #mobileslidergallery .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        display: inline-block;
        border-radius: 100%;
        background: #fff;
        opacity: 1.2;
    }
    #mobileslidergallery .swiper-pagination-bullet-active {
        opacity: 1;
        background: #0f8259;
    }
    /* Nav jignesh */
    .swierslidemenumobile {
        display: block;
        z-index: 9999;
        background-color: #fff;
        /*background-color: #000;*/
    }
    ul.navbar-nav li {
        padding: 43px 0px;
        transition: 0.5s;
    }
    ul.navbar-nav li .sub_menu_lavel1 {
        display: none;
    }
    .darkHeader ul.navbar-nav li {
        padding: 30px 0px;
        transition: all ease-in-out 0.5s;
        position: relative;
    }
    .main_logo {
        width: 85%;
        transition: all ease-in-out 0.5s;
    }
    /* .darkHeader .main_logo {
        width: 80%;
        transition: all ease-in-out 0.5s;
    } */
/*    .darkHeader .main_logo {
        width: 65%;
        transition: all ease-in-out 0.5s;
        padding: 10px 0px 0px 0 !important;
    }*/
    ul.navbar-nav li:hover .sub_menu_lavel1 {
        display: block;
    }
    .sub_menu_lavel2 ul {
        display: none;
    }
    .sub_menu_lavel2:hover ul {
        display: block;
    }
    ul.navbar-nav li .sub_menu_lavel1 {
        position: absolute;
        background: #fff;
        box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
        padding: 0px;
        min-width: 250px;
        /* top: 0px; */
        margin-top: 25px;
    }
    ul.navbar-nav li .sub_menu_lavel1 li {
        border-bottom: solid 1px #ccc;
        transition: 0.5s;
        padding: 0px;
    }
    ul.navbar-nav li .sub_menu_lavel1 li a {
        padding: 10px 10px;
        width: 100%;
        display: block;
        color: #000;
        font-size: 14px;
        transition: 0.5s;
    }
    /*ul.navbar-nav li .sub_menu_lavel1 li:hover{
        background-color: #333333;
    }*/
    ul.navbar-nav li .sub_menu_lavel1 li:hover {
        background-color: #ff0000;
    }
    ul.navbar-nav li .sub_menu_lavel1 li:hover a {
        color: #fff;
        padding-left: 18px;
    }
    .sub_menu_lavel2 ul {
        top: 0;
        left: 100%;
        position: absolute;
        min-width: 200px;
        background: #fff;
        /* border-left: solid 3px #000; */
    }
    .sub_menu_lavel2 ul li {
        border-bottom: solid 1px #ccc;
        transition: 0.5s;
        padding: 0px;
    }
    .sub_menu_lavel2 ul li a {
        padding: 10px 10px;
        width: 100%;
        display: block;
        color: #000!important;
        font-size: 14px;
        transition: 0.5s;
    }
    .sub_menu_lavel2 ul li a:hover {
        color: #fff!important;
    }
    .arrow_down {
        font-size: 18px;
        padding-left: 5px;
    }
    /* Nav jignesh */
   
    .bars {
        width: 60px;
        cursor: pointer;
    }
    .bars .line {
        fill: none;
        stroke: #006666;
        stroke-width: 4;
        stroke-linecap: square;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    }
    .bars .line.top {
        stroke-dasharray: 40 172;
    }
    .bars .line.middle {
        stroke-dasharray: 40 111;
    }
    .bars .line.bottom {
        stroke-dasharray: 40 172;
    }
    .bars.active .top {
        stroke-dashoffset: -132px;
    }
    .bars.active .middle {
        stroke-dashoffset: -71px;
    }
    .bars.active .bottom {
        stroke-dashoffset: -132px;
    }
    /* nav */
    #sidebarMobileMenu {
        height: 100%;
        position: fixed;
        right: 0;
        width: 100%;
        /* width: 70%; */
        margin-top: 0px;
        transform: translateX(100%);
        transition: transform 250ms ease-in-out;
        background: #fff;
        z-index: 10;
    }
    #sidebarMobileMenu.is_open {
        transform: translateX(0%);
    }
    .sidebarMenuInner {
        padding: 20px;
        border-top: 2px solid #006666;
    }
    .sidebarMenuInner>li a {
        color: #000;
        display: block;
        letter-spacing: 2px;
        font-family: "predige_roundedregular";
        font-size: 18px;
    }
    .sidebarMenuInner>li {
        /* border-bottom: solid 1px #ccc; */
        padding: 7px 10px;
        width: 100%;
        display: block;
    }
    .sub_menu_lavel1 {
        /* border-top: solid 1px #ccc; */
        display: none;
    }
    .sub_menu_lavel1 li {
        padding: 7px 10px;
        width: 100%;
        display: block;
    }
    .mobile_sub_menu_lavel2 {
        display: none;
    }
    .product_slider_nav_wapper {
        height: 200px;
    }
    .product_slider_nav {
        display: none;
        padding-top: 15px;
    }
    .overlay_nav {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.61);
        transition: opacity 0.5s;
        left: 0;
    }
    .overlay_nav .text-white {
        color: #fff;
    }
    /* mobile Nav jignesh  */
    /*****************************/
   
    
    
    
    /**/
    
    .mainupdown {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex !important;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    #mobiledown {
        order: 2;
        padding: 10px 0;
    }
    #mobileup {
        order: 1;
        padding: 10px 0;
    }
}

@media only screen and (max-width:600px) {
    .mediumpadding img {
        width: 50%;
    }
    /* .menu_active a {
        color: #006666 !important;
    } */
}