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


/*  =============ipad pro view =====================*/
@media(max-width:1024px) {
    /*.header-logo.header-same {
        width: 25%;
    }*/
    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: 10px;
    }
}


/*  =============ipad  view =====================*/
@media(max-width:991px) {
    span.navbar-toggler-icon {
        background-image: url('../images/menu_bar.png') !important;
    }
    header.header-sec-menu {
        background: red;
    }
    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;
    }
    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;
    }
    .header-menu ul li:first-child{
        color:red;
       
        order:2;
    }
}

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

    /*  =============Start header menu responsive =====================*/
    .mini-header {
       /* height: 50px;*/
        flex-wrap:wrap;
    }
        .mini-header .header-menu{
            width:60%;
        }
    .header-logo {
        width: 40%!important;
    }
        .container-fluid {
            max-width: 100% !important;
        }
    .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;
    }
    /*.mini-header .header-menu{
        width:75%;
    }*/
    .header-search.header-same.mainSlot {
        left: 0px;
        width: 100%;
    }

    .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: 100% !important;
    }
    /*.header-logo.header-same {
        width: 35%;
       
    }*/
   
    /*.header-search.header-same {
        width: 100% !important;
    }*/
    /*.responSlot {
        display: none;
    }*/
    header.header-sec-menu {
        background: none;
        position: absolute;
        width: 70px;
        top: 0px;
        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;
    }
    section.product-slider {
        padding: 20px 0px 0px 0px;
    }
    .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;
    }
    .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;
    }

    .footer-box {
        margin-bottom: 30px;
    }
    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;
        margin-top: 21px;
    }
    .qtyslot {
        width: 90%;
    }
}


/*  ============= small mobile phone  view =====================*/
@media(max-width:425px) {
    .header-menu.header-same ul li {
        margin-right: 10px !important;
        
    }

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

    /*.header-logo.header-same {
       width: 42%;
        margin-left: 0px;
    }*/
    .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%;
    }
}