@media (min-width: 3000px) and (max-width: 5000px) {

    .home-featured-product .girl-img {
        width: 36%;
    }
}

@media (min-width: 1900px) and (max-width: 3000px) {
    .home-banner .owl-prev,
    .home-banner .owl-next {
        top: 38%;
    }

    header .container {
        max-width: 1460px;
    }

    footer .container {
        max-width: 1460px;
    }

    .home-banner .owl-prev {
        left: 11px;
    }

    .home-slider .caption-text {
        left: 7%;
    }

    .home-banner .owl-next {
        right: 11px;
    }

    .home-banner img {
        object-fit: cover;
        height: 100vh;
    }

    .home-slider .caption-text {
        top: 49%;
    }

    .home-slider .caption-text h2 {
        font-size: 114px;
        line-height: 95px;
    }

    .banner-logo {
        position: absolute;
        bottom: -16%;
        z-index: 1;
        left: 151px;
        width: 19%;
        height: unset !important;
    }

    .home-banner .white-text {
        bottom: -61px;
        left: 6%;
    }

    .home-banner h1 {
        font-size: 15rem;
        line-height: 1.2;
    }

    .home-featured-product .offset-md-1 {
        display: none;
    }

    .home-featured-product .girl-img {
        position: absolute;
        right: 0;
        width: 42%;
        top: -75px;
    }

    .our-emp .text-box {
        width: 81%;
    }

    .media .owl-carousel .owl-item img {
        width: 39%;
    }

    .media .featured-single {
        height: 442px;
    }

    .media .owl-dots {
        left: 9%;
    }

    .home-featured-product .oil-bottle {
        bottom: -40%;
        width: 100%;
    }

    .home-featured-product h2 {
        font-size: 29px;
        margin-bottom: 50px;
    }

    .home-featured-product {
        padding: 4rem 0 8rem;
    }

    .home-logo {
        padding: 153px 0px 70px;
        background-color: #fff;
    }

    section.vision.innovation {
        padding: 75px 0px 120px;
    }

    .home-featured-product p {
        font-size: 17px;
    }

    .home-featured-product .common-btn {
        margin-left: 2px;
        margin-top: 38px;
    }

    .our-emp img {
        width: 100%;
    }

    .our-story {
        padding: 5% 0px 8%;
    }

    .our-story {
        padding: 4% 0px 8%;
    }

    .home-banner .white-text::before {
        height: 138%;
        width: 30%;
        left: 14px;
        top: 7px;
    }

    .our-story .container {
        max-width: 1535px;
    }

    .our-story h2 {
        margin-top: 56px;
    }

    .more-info.follow-us {
        margin-top: 4%;
        padding-bottom: 6%;
    }
}

@media (min-width: 1366px) and (max-width: 1500px) {
    .breadcum h1 {
        font-size: 92px;
        line-height: 67px;
    }

}


@media (min-width: 1440px) and (max-width: 1520px) {

}

@media (max-width: 1280px) {
    .home-featured-product .girl-img {
        position: absolute;
        right: 0;
        width: 52%;
        top: -23px;
    }

    .breadcum h1 {
        font-size: 73px;
        position: relative;
        line-height: 56px;
    }

    .inner-faq .card-header .btn-link {
        white-space: normal;
    }

    .inner-faq .card-header .btn-link br {
        display: none;
    }

    .navbar-nav .nav-item a {
        font-size: 15px;
    }
}


@media (min-width: 1350px) and (max-width: 1440px ) {

}

@media (max-width: 1350px ) {

}

@media (max-width: 1250px) {
    .home-banner .white-text {
        bottom: 16%;
    }

    .home-banner h1 {
        font-size: 10rem;
    }

    .banner-logo {
        bottom: 6%;
        z-index: 1;
        left: 54px;
        width: 19%;
    }
}

@media (max-width: 1230px ) {
    .navbar-nav .nav-item a {
        font-size: 14px;
    }
}

@media (min-width: 1000px) and (max-width: 1199px ) {
    .innovation .vision-single h2 {
        font-size: 52px;
        margin-bottom: 9px;
    }

    .innovation .img-wrapp:before {
        left: -45px;
    }

    .innovation .vision-wrapper:nth-child(2) .img-wrapp:before {
        right: -44px;
    }

    .committees-single {
        margin-right: 32px;
        width: 31%;
    }

    .committees-single h2 {
        font-size: 21px;
        line-height: 30px;
    }

    .breadcum h1 {
        font-size: 55px;
        line-height: 41px;
    }

    .navbar-nav .nav-item a {
        font-size: 13px;
    }

    footer ul li a {
        font-size: 12px;
    }

}

@media (max-width: 1135px) {
    .navbar-nav .nav-item a {
        font-size: 12px;
    }
}

@media (max-width: 1036px) {
    .navbar-nav .nav-item a {
        font-size: 11px;
    }

}

/*ipad lanscape view */
@media (max-width: 1024px) {
    .vision-single h2 {
        font-size: 45px;
    }

    .vision-single p {
        font-size: 14px;
        line-height: 23px;
    }

    .img-wrapp:before {
        left: -45px;
        top: 45px;
        width: 95%;
        height: 100%;
    }

    .bajaj-pure-single .img-wrapp:before {
        left: 2px;
    }

    .values h2 {
        font-size: 40px;
    }

    .values-single p {
        font-size: 14px;
        line-height: 23px;
        color: #fff;
        font-weight: 400;
    }

    footer ul li a {
        font-size: 13px;
        padding: 0px 5px;
    }

    .home-banner h1 {
        font-size: 10rem;
    }

    .home-banner .white-text {
        bottom: 48%;
    }

    .banner-logo {
        position: absolute;
        bottom: 41%;
        z-index: 1;
        left: 53px;
        width: 23%;
    }

    .common-btn {
        font-size: 15px;
    }

    .home-featured-product .oil-bottle {
        bottom: -10%;
    }

    .home-featured-product h2 {
        font-size: 24px;
    }

    .home-featured-product .girl-img {
        top: 36px;
    }

    .innovation .vision-wrapper:nth-child(2) .img-wrapp:before {
        right: -40px;
    }

    .bod .vision-single h2 {
        font-size: 23px;
    }

    .bod .vision-wrapper {
        justify-content: space-between;
    }

    .vision-single {
        width: 44%;
    }

    .our-brand-main .nav-tabs li {
        width: 18%;
    }

}

@media (max-width: 999px) {

    .navbar-nav .nav-item {
        padding: 0px 5px;
    }

}

/*ipad  view */
@media (max-width: 991px) {
    .container {
        max-width: 835px;
    }

    footer ul li a {
        font-size: 12px;
        padding: 0px 1px;
    }

    footer p {
        font-size: 11px;
        line-height: 24px;
    }

    .
    .common-btn {
        font-size: 14px;
        width: 113px;
        height: 45px;
    }

    .home-logo .owl-nav img {
        width: 58%;
    }

    .home-logo .owl-next,
    .home-logo .owl-prev {
        top: 8%;
    }

    .innovation .vision-single h2 {
        font-size: 40px;
        margin-bottom: 4px;
    }

    .home-featured-product .girl-img {
        display: none;
    }

    .home-featured-product .oil-bottle {
        left: -27%;
        width: 74%;
        bottom: -24%;
    }

    .location-img {
        width: 45%;
    }

    .media .owl-dots {
        left: 6%;
    }

    .home-featured-product {
        background-position: inherit;
    }

    .values-single h4 {
        font-size: 18px;
    }

    .values-single p {
        font-size: 13px;
        line-height: 21px;
    }

    .vision-single h2 {
        font-size: 40px;
    }

    .social span {
        width: 37px;
        height: 25px;
        font-size: 13px;
    }

    .quote-text img {
        right: -25px;
        bottom: -45px;
    }

    .caption-heading.bod-heading h1 {
        font-size: 66px;
    }

    .caption-heading.bod-heading {
        bottom: 0;
    }

    .bod-heading h1 {
        line-height: 50px;
    }

    .brand-wrapper .brand-single {
        margin: 0px 11px;
        margin-bottom: 30px;
    }

    .brand-wrapper {
        width: 100%;
    }

    .committees-single h2 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 26px;
    }

    .committees-single h3 {
        font-size: 13px;
    }

    .committees-single {
        margin-right: 52px;
        width: 29%;
    }

    .announcement-wrapper .announcement-single .common-btn {
        height: 43px;
        font-size: 12px;
    }

    .related-post h4 {
        font-size: 22px;
    }

    .announcement-wrapper .announcement-single {
        margin-bottom: 23px;
        margin-right: 27px;
    }

    .bajaj-pure-wrapper .bajaj-pure-single {
        width: 45%;
        margin-right: 80px;
    }

    .bajaj-pure-wrapper .bajaj-pure-single h4 {
        font-size: 23px;
        line-height: 41px;
    }

    .media-wrapper h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 18px;
    }

    .media-wrapper .text-box {
        padding-left: 20px;
    }
}


@media (max-width: 827px) {
    .committees-single {
        margin-right: 45px;
        width: 29%;
    }

    .announcement-wrapper .announcement-single h5 {
        font-size: 14px;
        line-height: 23px;
    }

}


@media (min-width: 768px) {
    .navbar-expand-md .navbar-toggler {
        display: none;
    }

}

@media (max-width: 916px) {
    .navbar-nav .nav-item a {
        padding: 0.5rem 2px 1rem !important;
    }

    .navbar-nav .nav-item a {
        font-size: 11px;
    }
}

@media (max-width: 891px) {
    .bod .img-wrapp:before {
        left: -34px;
        top: 38px;

    }
}

@media (max-width: 867px) {
    .bod .img-wrapp:before {
        left: -27px;
        top: 32px;
    }

    .bajaj-pure-wrapper .bajaj-pure-single {
        width: 45%;
        margin-right: 79px;
    }
}

@media (max-width: 819px) {
    .bajaj-pure-wrapper .bajaj-pure-single {
        width: 45%;
        margin-right: 74px;
    }
}

@media (max-width: 826px) {
    .navbar-nav .nav-item a {
        font-size: 10px;
    }
}

@media (max-width: 800px) {
    .navbar-nav .nav-item a {
        font-size: 9px;
    }

    .container {
        max-width: 700px;
    }

    footer ul li a {
        font-size: 10px;
        padding: 0px 0px;
    }

    .breadcum h1 {
        font-size: 80px;
    }

    .navbar-nav .nav-item {
        padding: 0 5px;
    }

}

@media (max-width: 768px) {
    .breadcum h1 {
        font-size: 37px;
    }

}

/*mobile css start */
@media (max-width: 767px) {

    .navbar-brand img {
        width: 170px !important;
    }


    .navbar-toggler {
        padding: 0;
        z-index: 3;
        position: absolute;
        top: 24px;
        right: 0px;
    }

    .navbar-toggler .icon-bar {
        display: block;
        width: 17px;
        height: 2px;
        border-radius: 0px;
        background-color: #000;
        border-color: transparent;
        position: relative;
        margin-bottom: 6px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        z-index: 3;
    }

    .navbar-toggler.active .icon-bar.one {
        top: 7px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }

    .navbar-toggler.active .icon-bar {
        background-color: #000;
        z-index: 3;
    }

    header.shrink .navbar-toggler .icon-bar {
        background-color: #fff;
        z-index: 3;
    }

    .navbar-toggler.active .icon-bar.two {
        transform: translateX(155px);
    }

    .navbar-toggler.active .icon-bar.three {
        top: -9px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
    }

    .navbar-mob {
        /*background-image: -webkit-linear-gradient( -179deg, rgb(88 42 57 / 5%) 0%, rgb(205 62 107 / 0%) 100%);
        background-image: -ms-linear-gradient( -179deg, rgb(88,42,57) 0%, rgb(205,62,107) 100%);*/
        background-color: rgb(255, 255, 255);
        position: fixed !important;
        top: -100% !important;
        right: 0;
        width: 0%;
        height: 1vh;
        transition: all 0.3s ease;
        z-index: 2;
        border-radius: 20px;
    }

    .navbar-mob.open {
        width: 92%;
        right: unset;
        z-index: 1;
        height: 55%;
        top: 68px !important;
    }

    .navbar-mob .navbar-nav {
        padding: 24px 0 0 0px;
        display: block;
    }

    header.shrink .navbar-nav .nav-link,
    header .navbar-nav .nav-link {
        color: #fff;
        font-size: 17px;
    }

    header {
        /* background-image: linear-gradient(to right, rgb(205,62,107) , rgb(88,42,57) );  */
        /*        background-image: linear-gradient(to right, rgb(95 0 6) , rgb(42 0 28) );
        */
    }

    header .navbar-brand:before {
        display: none;
    }

    .navbar {
        padding: 10px 0;
    }

    .navbar-nav .nav-item a {
        color: #000 !important;
    }

    /*.navbar-nav .nav-item a.active {
        border-bottom: 2px solid #fff;
        color: #000 !important;
        justify-content: center;
        background-color: #fff;
    }*/
    .navbar-nav .nav-item {
        padding: 0;
    }

    .navbar-mob.open .navbar-nav .nav-item a {
        justify-content: center;
        padding: 0 !important;
        padding: 17px 0px !important;
        margin-bottom: 8px;
        text-transform: capitalize;
    }

    .navbar-brand img {
        top: unset;
        left: 0;
        position: absolute;
        height: auto;
        width: auto;
        display: block;
    }

    .navbar-brand {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .navbar-toggler .icon-bar:nth-child(2) {
        width: 10px;
    }

    .navbar-toggler .icon-bar:nth-child(3) {
        width: 19px;
    }

    .top-contact-details span {
        display: none;
    }

    .desktop-contact {
        display: none
    }

    .home-banner img {
        object-fit: cover;
        height: 77vh;
    }

    .navbar-toggler.active .icon-bar:nth-child(3),
    .navbar-toggler.active .icon-bar:nth-child(1) {
        width: 26px;
    }

    .navbar-toggler.active .icon-bar:nth-child(2) {
        opacity: 0;
    }

    .navbar-nav .nav-item:nth-child(1) .nav-link {
        display: block;
        text-align: center;
    }

    .navbar-nav .nav-item a:before {
        display: none;
    }

    .home-banner .banner-logo {
        display: none;
    }

    .home-banner .white-text::before {
        display: none;
    }

    .home-banner .owl-nav {
        display: none;
    }

    .home-slider .caption-text h2 {
        font-size: 52px;
        line-height: 59px;
        text-align: center;
    }

    .home-banner br {
        display: none;
    }

    .home-banner .br1 {
        display: block;
    }

    .home-banner h1 {
        font-size: 60px;
    }

    .home-banner .white-text {
        bottom: 6%;
        left: 50%;
        transform: translateX(-50%);
    }

    .home-slider .caption-text {
        left: 50%;
        transform: translateX(-50%) !important;
        bottom: 12%;
    }

    header {
        padding-top: 0;
        height: 60px;
    }

    header.shrink .navbar {
        margin-bottom: 0px;
    }

    header.shrink .shirnk-logo {
        display: block;
        width: 100%;
    }

    header.shrink .navbar-nav .nav-item a {
        color: #fff !important;
    }

    header.shrink .navbar-nav .nav-item a.active {
        color: #000 !important;
    }

    header.header-bg {
        background-image: linear-gradient(to right, rgb(95 0 6), rgb(42 0 28));
        height: 60px;
    }

    header.shrink .shirnk-logo {
        display: none;
    }

    header.shrink .white-logo {
        display: none;
    }

    .header-bg.shrink .white-logo, .header-bg .white-logo {
        display: none;
    }

    header.shrink .mobile-contact i {
        color: #fff !important;
    }

    footer p {
        font-size: 13px;
        line-height: 24px;
        margin: 0;
        padding: 0;
        margin-top: 15px;
    }

    .navbar-nav .dropdown-menu {
        margin: 0 auto;
    }

    .dropdown-submenu > .dropdown-menu-inner {
        top: 48px;
        left: 23px;
        padding: 6px 19px;
        box-shadow: 0px 0px 10px #ccc;
    }

    header.shrink .dropdown-submenu .nav-link.dropdown-link {
        color: #000 !important;
        font-size: 14px;
    }

    .navbar-mob.open .dropdown-submenu .dropdown-menu-inner .dropdown-item {
        padding: 5px !important;
        margin-bottom: 0;
    }

    header.shrink .dropdown-submenu .dropdown-menu-inner .dropdown-item {
        color: #000 !important;
    }

    .navbar-mob.open .dropdown-submenu .nav-link.dropdown-link {
        margin-bottom: 0;
        padding: 5px !important;
        padding-bottom: 10px !important;
    }

    .main-page header {
        background-image: unset;
    }

    .main-page header .navbar-brand img {
        display: block;
    }

    .main-page header .navbar-brand img.shirnk-logo {
        display: none;
    }

    .main-page header.shrink .navbar-brand img.shirnk-logo {
        display: block;
        top: 6px;
        position: absolute;
        width: 54%;
    }

    .main-page header.shrink .navbar-toggler .icon-bar {
        background-color: #000;
    }

    .main-page .top-contact-details .black-icon {
        display: none;
        position: absolute;
        top: 4px;
        right: 0px;
    }

    .main-page header.shrink .top-contact-details .black-icon {
        display: block;
    }

    header.shrink .top-contact-details .black-icon {
        display: none;
    }

    .dsd-Mango img {
        height: 360px;
        width: 398px;
    }

    .bannerIntro {
        text-align: center;
        margin-top: 30px;
    }

    .valueboxes {
        margin-bottom: 15px;
    }

    .mangoCard .col-md-4 {
        margin-bottom: 10px;
    }

    .why-choose-us {
        margin: 0px 0px 50px 0px;
    }

    .dsd-Mango img {
        width: 100%;
        height: auto;
    }

    .Welcomeimg img {
        width: 100%;
        height: auto;
    }

    .partnerimg img {
        width: 100%;
        height: auto;
    }

    .fleximg img {
        width: 100%;
        height: auto;
    }

    .welcometext .floatingtext {
        position: absolute;
        left: 0;
        top: -17%;
    }

    .fleximg {
        margin-right: 8px;
    }

    .welcomedsd {
        padding: 50px 0px 0px 0px;
    }

    .Aboutsecsection {
        margin-bottom: initial;
    }

    .partnerintro {
        margin-top: 20px;
    }

    .yourpartnerSection {
        margin-bottom: 70px;
    }

    .vissionWrap {
        margin-bottom: 60px;
    }

    .yourpartnerSection {
        margin-bottom: 70px;
    }

    .vision-mission {
        margin-bottom: initial;
    }

    .MangoFilter .nav-tabs > li.active > a {
        padding: 12px 25px;
    }

    .MangoFilter .nav-tabs > li > a {
        padding: 12px 25px;
    }

    .Add-button {
        font-size: 16px;
        color: green;
        border: 2px solid green;
        padding: 5px 25px;
        font-weight: 600;
        border-radius: 10px;
    }

    .AddBut {
        margin-left: initial;
    }

    .ManInfo {
        margin-left: 15px !important;
    }

    .mangobox {
        padding: 18px 18px;
    }

    .MangoFilter {
        margin-bottom: 80px;
    }

    .dzCcounter {
        margin-left: 15px;
    }

    .mangobox-2 input {
        height: initial;
        width: 25px;
    }

    .totalCount {
        margin: 20px 30px 0px;
    }

    .checkoutbtn {
        margin: 20px 35px 0px !important;
    }

    .contactInfo {
        border-right: initial;
        padding-top: 50px;
    }

    .common-btn {
        display: block;
        width: 100%;
    }

    .addressWrap {
        margin: 0px 0px 20px 0px;
    }

    .shipping .mainmiddletext {
        bottom: 29% !important;
    }

    .ShippingWrap {
        margin: 100px 20px 80px 20px;
    }

    .billdetails {
        margin: 20px 35px 0px;
    }

    .InsideCart {
        margin-top: 27%;
    }
}