@media screen and (max-width:1100px)  {
    html,body{
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }
    .container{
        width:96%;
    }
    .header-top p {
       margin-bottom:0;
    }
    /*.hm-r {*/
    /*    position: absolute;*/
    /*    top: 27px;*/
    /*    right: 37px;*/
    /*}*/
    body{
        position : relative;
    }
    .shop-txt h3 {
        font-size: 16px;
    }
    
    .inner-banner .container h1 {
        font-family: 'Playfair Display';
        font-size: 34px;
        font-weight: 500;
    }
    .inner-banner .container {
        top:20px;
    }
    .pr-left {
        display: none;
    }
    nav li a {
        padding: 23px 14px;
        font-size: 15px;
    }
    .c-m {
        width: 48%;
    }
    .contact-form li.half {
        width: 47%;
    }
    
}

@media screen and (max-width:800px) {
    .sort-div {
        top: -4px;
    }
    .owl-prev , .owl-next{
        width:30px;
        height:30px;
        background-size:100% 100% !important;
    }
    .owl-prev{
        right:38px !important;
    }
    .aminity ul li h4 {
        font-size: 14px;
        font-weight: 400;
    }
    .aminity ul li h5 {
        font-size: 13px;
    }
    .latest-p-slider .item, .latest .item {
        min-height: 435px;
    }
    .shop-txt a.shop-now {
        padding: 13px 14px;
        color: #fff;
        padding-right: 45px;
        margin-top:20px;
    }
    .heading {
        font-size: 25px;
    }
    .shop-txt h3 {
        font-size: 16px;
    }
    .pr-right .item {
        border: 1px solid #e7e7e7;
        margin: 1%;
        box-shadow: 0 0 4px rgb(0 0 0 / 10%);
        width: 48%;
    }
    nav#menu{
        display:none;
    }

    .slicknav_menu {
        *zoom: 1;
        font-size: 16px;
        background: none;
        padding: 5px;
        position: absolute;
        top: 76px;
        right: 0;
        z-index: 999;
        display:block;
    }
    .slicknav_btn {
        background: url(../images/green-pattern.jpg) repeat 0 0;
    }
    .search {
        width: 100%;
        background: #f0f0f0;
        padding: 8px;
        border-radius: 11px;
        font-size: 14px;
        align-self: bo;
        margin-top: 20px;
        margin-bottom: 8px;
    }
    .slicknav_nav {
        clear: both;
        color: #fff;
        margin: 0;
        font-size: .875em;
        width: 184px;
    }
    nav li:hover ul.sub-menu {
        display: block;
        top: 0;
        width: 100%;
        position: relative;
    }
   .slicknav_nav ul {
        margin: 0;
    }
    .banner-txt.container {
        padding-top: 50px;
    }
    .banner h2 {
        font-size: 44px;
        font-family: 'Playfair Display';
    }
    .veg , .fruit {
        width: 100%;
    }
    .shop {
        width: 48%;
        position: relative;
        margin-right: 0;
        margin: 1% auto;
    }
    .footer-logo {
        margin-bottom: 20px;
        display: none;
    }
    .fl {
            display: none;
        }
        .thanks-page .fl{
            display: block;
        }
    .header-top span {
        display: inline-block;
    }  
    .header-top p {       
        display: inline-block;
    }
    .header-top li {
        align-self: center;
        margin-right: 7px;
        border-right: 0;
        padding-right: 14px;
        padding: 8px 0;
        padding-right: 7px;
        font-size: 13px;
        color: #747474;
        position: relative;
    }
     .log-reg {
        padding: 20px 0;
    }
    .log-right {
        width: 100%;
        margin-top: 28px;
    }
    .log-left {
        width: 100%;
    }
    .product-txt {
        width: 100%;
        margin-top: 25px;
    }
    
    .bor {
        text-align: center;
        border: 1px solid #ccc;
        width: 50%;
        padding: 40px;
    }
    .c-f {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }
    .c-m {
        width: 100%;
    }
    .c-m iframe{
        width:100% !important;
    }
    .cart-left {
        width: 100%;
        margin-bottom: 36px;
    }
    header.header-top{
        z-index:9999;
    }
    .table-responsiv {
        width: 100%;
        overflow: auto;
    }
    .wish-list {
        padding: 20px 0px;
    }
    .payment-page-form table{
        width:100% !important;
    }
    .blog-left {
        width: 30%;
    }
    .blog-right {
        width: 68%;
    }
    .bl-news li {
        width: 48%;       
    }
     .hm-r.flex-start {
        position: absolute;
        right: 46px;
        top: 27px;
    }
}

@media screen and (max-width:700px)
{
    .shoping-cart {
        display:none;
    }
    .slicknav_menu {
       
        background: 0;
        padding: 0;
        position: absolute;
        top: 73px;
        right: 10px;
        z-index: 999;
    }
    .search {
        width: 100%;
        background: #f0f0f0;
        padding: 8px;
        border-radius: 11px;
        font-size: 14px;
        align-self: bo;
        margin-top: 20px;
        margin-bottom: 8px;
    }
    .search-input , .search-select {
        width: 37%;
        font-size:13px;
    }
    .search-btn {
        width: 25%;
    }
    .logo {
        width: 100px;
    }
    .wislist, .cart {
        width: 25px;
        margin-right: 18px;
    }
    .slicknav_menu {
        top:70px;
    }
    .banner-txt.container {
        padding-top: 30px;
    }
    .banner h2 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .banner h4 {
        text-transform: uppercase;
        color: #91be23;
        font-size: 15px;
    }
    .banner a.shownow {
        margin-top: 29px;
        display: inline-block;
        width: 120px;
    }
    .aminity ul {
        padding: 10px;
    }
    .aminity ul li {
        text-align: center;
        border-right: 1px solid #ccc;
        padding-right: 0;
        width: 50%;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc;
        padding-top: 15px;
    }
    .aminity ul li h4 {
        font-size: 14px;
    }
    .veg-tx {
        width: 60%;
        float: right;
        text-align: revert;
        color: #fff;
    }
    .veg-fruit h3 {
        font-size: 60px;
        color: #fff;
        font-family: 'Playfair Display';
    }
    .heading {
        font-size: 28px;
    }
    .frt-tx h3{
        color:#000;
    }
    .owl-prev , .owl-next{
        width:30px;
        height:30px;
        background-size:100% 100%;
        top:-60px;
    }
    .owl-prev {
        right:35px;
    }
    .shop {
        width: 100%;
        position: relative;
        margin-right: 0;
        margin: 1%;
        max-width: 385px;
    }
    .frt-tx {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }
    .deal-img {
        width: 100%;
        text-align: center;
    }
    .owl-carousel .owl-item .deal-img img {
        display: inline-block;
    }
    .deal-txt {
        width: 100%;
        margin: 0 auto;
    }
    .news-pop {
        width: 100%;
    }
    .news-txt {
        margin-bottom: 15px;
    }
    p.left {
        align-self: center;
        width: 100%;
        text-align: center;
        margin-bottom: 9px;
    }
    .footer-last .text-right {
        text-align: center;
    }
    .footer-last .text-right img{
        margin-top:7px;
    }
    .time {
        margin: 11px 3px;
    }
    .news-bg h3 {
        font-size: 20px;
    }
    .ht-l {
        display: none;
    }
    .ht-r .flex-start{
        display:block;
    }
    .ht-r {
        text-align: right;
        width: 100%;
    }
    .banner a.shownow {
        display:none;
    }
    .fm:empty{
        display:none;
    }
    .latest {
        padding: 20px 0;
    }
    .veg-fruit h3 {
        font-size: 43px;
    }
    .inner-banner .container {
        top: 50%;
        transform: translateY(-50%);
    }
    .inner-banner .container h1 {
        font-size: 25px;
        margin-bottom: 17px;
    }
    .bradcam ul li {
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
    }
    .sort-div {
        width: 190px;
        position: absolute;
        top: 0;
        right: 0;
    }
    ul.main-ul li {
        font-size:17px;
    }
   .care-values .core-values-block ul li {
        width: 33%;
    }
    .bor {
        text-align: center;
        border: 1px solid #ccc;
        width: 100%;
        padding: 13px;
    }
    .contact-form li.half {
        width: 48%;
        margin-right: 1%;
    }
    .cart-left table {
        box-shadow: 0 0 8px rgb(0 0 0 / 10%);
        width: 100%;
    }
    .cart-left {
        width: 100%;
        margin-bottom: 36px;
        overflow: auto;
    }
    .user-dashbord {
        padding: 30px 0;
    }
    .user-dashbord .row .col-lg-8 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 20px;
    }
    .upload-img .img {
        height:auto;
    }
    .user-dashbord .row .col-lg-4 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .user-dashbord .user-profile-details .account-info {
        border: 1px solid rgba(0, 0, 0, 0.2);
        padding: 20px 12px 30px;
    }
    .wish-list-area .col-lg-6 {
        width: 100%;
        padding: 0 15px;
    }
    .payment-section form table tr td {
        padding: 0px 6px;
        font-size: 13px;
    }
    .payment-section form.payment-page-form input, .payment-section form.payment-page-form textarea {
        font-size:13px;
    }
    .payment-section {
        padding: 20px 0px;
    }
    .custom-menu{
        display: block;
    }
    .pr-detail .heading{
        padding-top: 45px;
    }
    .sort-div {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
    }
    .site-sub-list ul li ul li {
        color: #333;
        font-size: 15px;
        list-style-type: disc;
        font-weight: 400;
        text-transform: Capitalize;
        display: inline-block;
        margin-right: 14px;
        margin-bottom: 12px;
    }
    .site-sub-list ul li ul {          
        padding-left: 0;
    }
    .site-list {
        width: 100%;
        padding: 0 15px;
    }
    .blog-left {
        width: 48%;
    }
    .blog-right {
        width: 48%;
    }
    .bl-news li {
        width: 100%;
    }
    .rec-art p {
        width: 100%;
        align-self: center;
        font-size: 14px;
        font-weight: 500;
        margin-top: 13px;
    }
    .dataTables_wrapper .row .col-md-6 {
        width: 100% !important;
    }
    div#example_filter {
        margin-top: 17px;
    }
    div#example_filter label input{ 
        margin-top: 15px;
    }
    .dataTables_wrapper .row .col-md-5 {
        width: 100% !important;
        align-self: center;
    }
    .dataTables_wrapper .row .col-md-7 {
        width: 100% !important;
        align-self: center;
        text-align: center;
    }
    .wislist span, .cart span {
        position: absolute;
        background: #91be23;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        color: #fff;
        font-size: 11px;
        text-align: center;
        line-height: 19px;
        right: -11px;
        top: -7px;
    }
    .hm-r i.fa {
        font-size: 30px;
    }
    .search{
        display: none;
    }
      .owl-carousel .owl-item img.mobileimage ,  .inner-banner img.mobileimage{
            display: block;
        }
        .owl-carousel .owl-item img.desktopimage ,  .inner-banner img.desktopimage{
            display: none;
        }
         .pr-right .item {
            width: 100%;
        }
        .search-input, .search-select {
            width: 35%;
            display: inline-block;
        }
        .search-btn {
            width: 23%;
            display: inline-block;
        }
       
    
}
    
@media screen and (max-width:400px)
{
        .search-btn {
            width: 116px;
            margin: 0;
            margin-top: 14px;
        }
        .search-input, .search-select {
            width: 100%;
            font-size: 13px;
            padding: 8px;
            margin-bottom: 6px;
            border-right: 0 !important;
            border-bottom: 1px solid #ccc;
        }
        .heading {
            font-size: 20px;
        }
        .banner-txt.container {
            padding-top: 17px;
        }
        .shop-txt {
            padding-top: 35px;
        }
        .fm {
            width: 48%;
            margin-bottom: 21px;
        }
       
        .sort-div select {
            border: 1px solid #ccc !important;
            padding: 7px 4px;
        }
        .product-slider {
            width: 100%;
        }
        .care-values .core-values-block ul li {
            float: left;
            width: 49%;
            text-align: center;
            margin-bottom: 40px;
        }
        .openings-form .form [class*="col-"] {
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 5px;
            width: 100%;
            display: inline-block;
            margin-right: 1.5%;
            vertical-align: top;
        }
        form#userform .row .col-lg-6 {
            width: 100%;
            padding: 0 0px;
        }
        .cart-right {
            width: 100%;
        }
        .blog-left {
            width: 100%;
        }
        .blog-right {
            width: 100%;
            margin-top: 17px;
            margin-left: 0;
        }
      
        
}