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



@media screen and (min-device-width: 767px) and (max-device-width: 992px){
    img.logo_imgs {
        width: 100%;
    }
    .header-logo.header-same {
        width: 10%;
    }
    .mini-header {
        gap: 12px;
    }
    .search-icon.select select.form-control{
        width:100%;
    }
    .PerksSlot{
        margin-bottom:12px;
    }
   

}
.header-menu.header-same ul li:last-child{
    margin-right:0px;
}
/*  =============ipad pro view =====================*/
@media(max-width:1024px) {
    header .header-section {
        height: auto !important;
        /*  padding: 6px 0px;*/
        border-bottom: none;
    }

        header.header-section.fixed {
            height: auto !important;
            /*position: inherit;*/
            padding-top: 11px;
        }

   

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

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

    section.companyAbout {
        background: #ffffff;
    }

    .mad-page-wrapper {
        background: #ffffff;
        top: 0px !important;
    }

    .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;
    }
    #myevents .events_section {
        height: 100%;
        border: 2px solid #d7d7d7;
        padding: 2px;
    }
    .legal-certificate .img-box{
        height:100%;
    }
    header.header-sec-menu {
        background: var(--blue-bg-color);
    }
    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: -20px;
        left: -550px;
        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: 10px;
        font-size: 35px;
        color: #219dd0 !important;
        text-decoration: none !important;
        border: none;
        z-index: 99;
    }

    .menubar.responsive {
        left: 0px;
        transition: all .5s ease;
        z-index: 99999999999;
        top: -64px;
    }
    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;
    }
}

/*  =============mobile phone  view =====================*/
@media(max-width:767px) {

    /*  =============Start header menu responsive =====================*/
    .mini-header {
        height: 30px;
       flex-wrap: wrap;
          display:block;
    }
    .header-menu.header-same ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
    .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%;
        text-align: right;
    }
   
    .header-search.header-same {
        width: 100% !important;
    }
    /*.responSlot {
        display: none;
    }*/
    header.header-sec-menu {
        background: none;
        position: absolute;
        width: 70px;
        top: 30px;
        left: 0px;
        height: 72px;
        padding: 20px 0px;
    }
    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: 0px 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: 0px 9px 0px 9px;
        max-width: 100%;
        margin: 0px;
      
    }
    section.product-launches {
        max-width: 100%;
        margin: 0px;
        padding: 0 0 0 8px;
    }
    .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;
        margin-bottom: 12px;
    }
    .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;
    }
}
@media(max-width:767px){
    .header-logo.header-same {
        position: relative;
        left: 160px;
        display:none;
    }
}
/*  ============= small mobile phone  view =====================*/
@media(max-width:425px) {
    .header-menu.header-same ul li {
        margin-right: 10px;
    }

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

    .header-logo.header-same {
        width: 28%;
        text-align: right;
        margin-left: 35px;
        position: relative;
        left: 180px;
        display:none;
    }

    .addto-cart {
        margin: 35px 0px 30px 0px;
    }

        .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%;
    }
}