/*  =============Desktop view =====================*/
@media(max-width:1440px) {
}


/*  =============ipad pro view =====================*/
@media(max-width:1024px) {
    .header-logo.header-same {
        width: 25%;
    }
.card-inner img{
		width:97%!important
		
	}
    header.header-section {
        height: auto !important;
        padding: 6px 0px;
    }

        header.header-section.fixed {
            height: auto !important;
            position: inherit;
        }

    img.logo_imgs {
        width: 32%;
    }

    ul.navbar-nav.headerSlot li.nav-item {
        margin-right: 14px;
    }

    .header-menu.header-same ul li {
        margin-right: 3px;
    }

    section.companyAbout {
        background: #ffffff;
    }

    .mad-page-wrapper {
        background: #ffffff;
    }

    .product_box {
        background: #fff;
    }
}

:root {
    --orange-bg-color: #d55c27;
    --blue-bg-color: #174791;
}

/*  =============ipad  view =====================*/
@media(max-width:991px) {
    span.navbar-toggler-icon {
        background-image: url('../images/menu_bar.png') !important;
    }

.card-inner img{
		width:97%!important
		
	}
    #myevents .events_section {
        height: 100%;
        border: 2px solid #d7d7d7;
        padding: 2px;
    }

    .legal-certificate .img-box {
        height: 100%;
    }

    header.header-section .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }

    /*   .menubar.responsive:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 349px;
        width: 418px;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1;
    }*/

    .menubar {
        background: #fff;
        width: 100%;
        height: 100vh;
        max-width: 350px;
        z-index: 99;
        position: absolute;
        top: -9px;
        left: -697px;
        transition: all .5s ease;
        border-right: 1px dotted #52b3e2;
    }

    header.header-sec-menu a.navbar-toggler {
        border: 0px;
    }

    ul.navbar-nav.headerSlot li.nav-item a.nav-link {
        color: #212121;
        border-bottom: 1px solid #bfbfbf;
    }

    a.closebtn {
        text-align: right;
        position: absolute;
        right: 16px;
        top: 4px;
        font-size: 35px;
        color: #219dd0 !important;
        text-decoration: none !important;
        border: none;
        z-index: 99;
    }

    .navbar-light .navbar-toggler-icon {
        height: 18px;
        width: 24px;
    }

    .menubar.responsive {
        left: -311px;
        transition: all .5s ease;
    }

    ul.navbar-nav.headerSlot li.nav-item a.nav-link:before {
        display: none;
    }

    .join_us_imges {
        padding: 15px 0px;
    }
}

/*  =============ipad  view =====================*/
@media(max-width:768px) {
    section.companyAbout {
        padding: 20px;
    }
	.aside_bar .relative-component {
        border: 1px solid #cfcccc;
        height: 207px;
		margin: 15px 4px!important
    }
	.card-inner img{
		width:97%!important
		
	}
}

/*  =============mobile phone  view =====================*/
@media(max-width:767px) {
.carousel-inner{
	
	width:104%!important
	
}
.card-inner img{
		width:97%!important
		
	}
.aside_bar .relative-component {
        border: 1px solid #cfcccc;
        height: 207px;
		margin: 15px 4px!important
    }
    /*  =============Start header menu responsive =====================*/
    .mini-header {
        height: 60px;
    }

    .header-search.header-same {
        display: block;
        position: absolute;
        top: 73px;
        left: -800px;
        z-index: 99;
        background: white;
        width: 100%;
        padding: 20px;
        transition: 0.3s all ease;
    }

    .menubar {
        max-width: 100%;
        min-width: 350px;
    }

    .header-search.header-same.mainSlot {
        left: 0px;
    }

    .mobole-active {
        display: block;
        background: #eaeded;
        padding: 30px;
        margin-bottom: 0px;
    }

    .mobole-de_active {
        display: none;
    }

    .search_icon {
        display: block !important;
    }

    img.logo_imgs {
        width: 55% !important;
    }

    .header-logo.header-same {
        width: 30%;
    }

    .header-search.header-same {
        width: 100% !important;
    }

    .responSlot {
        display: none;
    }

    header.header-sec-menu {
        background: none;
        position: absolute;
        width: 122px;
        top: -6px;
        right: 4px;
        height: 72px;
        padding: 20px 0px;
    }

    a.navbar-toggler:focus {
        outline: none;
        padding: 3px;
    }

    button.slick-arrow, button.slick-next.slick-arrow {
        display: none !important;
    }


    /*  =============End header menu responsive =====================*/
    li.product-name {
        font-size: 22px;
        color: #212121;
    }

    .daily-deal-section .row {
        margin: 0px !important;
    }

    section.product-slider {
        padding: 20px 9px 0px 9px;
    }

    .owl-dots {
        text-align: center;
    }

    button.owl-dot.active {
        background: #000 !important;
    }

    .owl-nav button {
        display: none;
    }

    button.owl-dot {
        width: 10px;
        height: 10px;
        background: red !important;
        margin: 0px 3px;
        border-radius: 50%;
    }

    section.companyAbout {
        padding: 15px;
        max-width: 100%;
        margin: 0px;
    }

    section.product-launches {
        max-width: 100%;
        margin: 0px;
    }

    .about-us-section .about-img {
        width: 100%;
        margin-bottom: 5px;
    }

    .aboutus {
        padding-top: 0px;
    }

        .aboutus h4 {
            font-size: 25px;
        }

    .choose_header h6 {
        font-size: 16px;
    }

    .choose_header h3 {
        font-size: 22px;
        padding: 0;
        margin-bottom: 0px;
    }

    .product-launches-imgs img {
        max-width: 100%;
        max-height: 100%;
    }

    .product-launche {
        padding: 0px;
        max-width: 100%;
    }

    .product-launches-txt {
        padding: 20px;
    }

    .process-step:before {
        display: none;
    }

    .process-step-circle-content {
        font-size: 14px;
    }

    .process-step-circle i {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }

    .indexleft {
        margin: 15px 0px 0px;
        text-align: center;
    }

    .indexmiddle h4 {
        font-size: 16px;
        margin: 12px 0px 1px;
    }

    .bg-lightgrey p {
        text-align: justify;
    }

    .bg-lightgrey .why_join-text h4 {
        margin-bottom: 10px;
    }

    .about-us-section {
        padding: 20px 0;
    }

    .single_ctinfo {
        overflow: auto;
    }

    img.img-fluid.vert-move {
        width: 100%;
    }

    .aboutInfo_imgs {
        margin-bottom: 5px;
    }

    .footer-box {
        margin-bottom: 30px;
        padding-left: 0 !important;
    }

    footer.footer-section {
        padding: 50px 0px 0px;
    }

    ul.slick-dots {
        bottom: 4px;
        right: 8px;
        left: 25%;
        padding: 8px 0px;
    }

    .aboutInfo_content h3 {
        font-size: 25px;
    }

    .aboutInfo_content {
        padding: 0;
    }

    section.bg-lightgrey {
        padding: 40px 0px;
    }

    section.businessplan {
        padding: 40px 0px;
    }

    .opportunitieSlot {
        text-align: left;
    }

    h2.contact_Slot {
        font-size: 25px;
    }

    li.breadcrumb-item {
        font-size: 14px;
    }

    .nivo-directionNav a.nivo-prevNav, a.nivo-nextNav {
        background: #124072;
        width: 20px;
        height: 30px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 30px;
    }

    .aboutus-imgs {
        margin-top: 30px;
    }

    ul.product_header a.submit_btn {
        width: 115px !important;
    }

    .testimonial_box {
        margin: 0;
    }

    .choose_header2 h3 {
        font-size: 22px;
        color: #000;
    }

    .mad-page-wrapper {
        background: #f1f1f1;
    }

    p.lead {
        margin: 5px 0px 10px;
        line-height: 26px;
        font-size: 16px;
    }

    .product-full-details {
        padding: 0px;
    }

    .qtyslot {
        width: 90%;
    }

    img.add-cart {
        display: none;
    }
    /*header.header-sec-menu {
        height: 233px;
    }*/
    .main_banner .carousel-control-next {
        width: 27px;
        height: 27px;
        top: 47%;
        display: none;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 14px !important;
        height: 14px !important;
    }

    .main_banner .carousel-control-prev {
        width: 27px;
        height: 27px;
        top: 47%;
        display: none;
    }

    .relative-component {
        height: 207px;
    }

    .aside_bar {
        margin-top: 20px;
    }

    .inner_content h1 {
        font-size: 20px;
        line-height: 27px;
    }

    #carouselExampleIndicators .inner_content {
        top: 7%;
        width: 80%;
    }

        #carouselExampleIndicators .inner_content p {
            display: none;
        }

    .left h2 {
        font-size: 21px;
        margin: 20px 0px 0px 0px;
        font-weight: 700 !important;
    }

    .right {
        border-radius: 5px;
    }

    .bg_container input {
        width: 100%;
        margin: 14px 0px 14px;
    }

    .bg_container button {
        margin: 16px 0px 0px -113px;
    }

    .bottom-review .card {
        margin: 10px 0px;
    }

    .modal-fullscreen-sm-down .modal-content {
        height: auto;
        border: 0;
        border-radius: 0;
    }
}


/*  ============= small mobile phone  view =====================*/
@media(max-width:425px) {
	
	.card-inner img{
		width:97%!important
		
	}
	.aside_bar .relative-component {
        border: 1px solid #cfcccc;
        height: 207px;
		margin: 15px 4px!important
    }
	
    .header-menu.header-same ul li {
        margin-right: 10px;
    }

    img.logo_imgs {
        width: 85% !important;
    }

    .header-logo.header-same {
        width: 28%;
    }

    .addto-cart {
        margin: 36px 0px 12px 0px;
    }
    button#add-to-wishlist-button-1 {
        margin-left:0px !important;
    }

    .addto-cart.d-flex {
        flex-wrap: wrap;
    }

    .qtyslot {
        width: 100%;
        margin: 25px 0px 0px 0px;
    }

    .pincodeSlot input.form-control {
        width: 100%;
    }

    .pincodeSlot a {
        right: 0%;
    }

    .menubar.responsive {
        left: -9%;
    }

    button#add-to-wishlist-button-3 {
        margin-left: 0px !important;
    }

    .mini-header {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    header.header-sec-menu {
        width: 91%;
    }

    s
}

@media screen and (max-width: 375px) {
	
	.card-inner img{
		width:97%!important
		
	}
	
    .menubar.responsive {
        left: -8%;
    }

    .headline {
        display: block;
    }

    .right {
        border-radius: 5px;
        width: auto;
        max-width: 75%;
        margin: 10px 0px;
        padding: 5px 6px;
    }

    .aside_bar .relative-component {
        border: 1px solid #cfcccc;
        height: 207px;
		margin: 15px 4px!important
    }

    .slick_slider .card {
        margin: 0;
        height: 215px;
    }

    .innerCard .offer-product {
        justify-content: space-between;
    }

    .innerCard li {
        margin-top: 25px;
    }

    .innerCard .offer-product img {
        width: 100px;
        height: 100px;
    }

    .foodCupbord .card_product {
        width: 85%;
        border: 1px solid #94939357;
        padding: 4px;
        margin: 20px auto;
        border-radius: 4px;
    }

    .bottom-review {
        padding: 0px 0px;
    }

    .bg_container {
        height: auto;
    }

    .search-box:hover .memberDetailPopup {
        top: -48px !important;
    }

    .navbar-nav {
        position: relative;
    }
    /*li.nav-item.category-left.actve {
        position: absolute !important; 
        bottom: -52px;
    }*/
    .card_product img {
        width: 100%;
        height: auto;
        max-height: 150px;
    }

    .product-detail h6 {
        font-size: 12px;
        line-height: 17px;
        height: auto;
    }

    h5.sold.text-content {
        font-size: 11px;
        margin: 0px;
    }

    button#add-to-wishlist-button-5 {
        margin-left: 0px !important;
    }
}


@media screen and (max-width: 768px) {
    .widthImg {
        width: 326px;
        left: 0;
        height: auto;
    }
    .card-body .col-lg-4.col-md-6.col-sm-12 .card_product {
        margin: 20px 0px 0px 0px;
    }

    .welcomeImgSec {
        display: none;
    }

    .shareMainDiv .share {
        margin-top: 43px !important;
        left: 76% !important;
        margin-left: -203px !important;
    }

        .shareMainDiv .share span {
            width: 100px !important;
            font-size: 13px !important;
        }

        .shareMainDiv .share:hover a, .shareMainDiv .share.hover a {
            font-size: 17px !important;
        }

        .shareMainDiv .share nav {
            margin: 18px 0px 0px 0px;
        }

        .shareMainDiv .share a {
            line-height: 36px !important;
            width: 23px !important;
        }

        .shareMainDiv .share nav {
            margin: 29px 0px 0px -53px !important;
        }

        .shareMainDiv .share a {
            background-color: transparent !important;
        }

    ul.navbar-nav.headerSlot li.nav-item a.nav-link {
        justify-content: left;
    }
}

@media screen and (max-width: 320px) {
    .menubar.responsive {
        left: -9%;
        min-width: 304px;
    }

    .cartData {
        right: -34px;
    }

    ul.Subcategory-menu-list.sub-menu.all_categ_first {
        top: 34px;
        left: 87px;
    }

    .widthImg {
        width: 273px;
        left: 15px;
    }

    .shareMainDiv .share span {
        width: 110px !important;
        top: 41px !important;
        font-size: 13px !important;
    }
}