@media (min-width:1400px){
    .mob-show {
        display: none;
    }
    section.world-map-mob {
        display: none;
    }
    .counterbox {
        position: relative;
        /* background: #131444; */
        padding: 22px 32px;
        border-radius: 20px;
        overflow: hidden;
        margin: 10px;
        border: 2px solid #fff;
        height: 100%;
    }
    img.png-side {
        position: absolute !important;
        width: 20%;
        top: -235px;
        animation: slideRight2 2s cubic-bezier(0, 0, 0, 0) infinite;
        left: 70px;
    }
    .col-lg-4.faq-img img {
        width: 80%;
    }
    .image-about img {
        width: 70% !important;
        border-radius: 20px;
    }
    .rotatediv .accordion-button {
        transition: 0.3s ease-in-out;
        padding: 45px;
        font-size: 18px;
    }
    button.btn.btn-primary.enquiry {
        position: fixed;
        top: 37%;
        transform: rotate(-90deg);
        left: -3%;
        background: #71be3a;
        font-family: 'Plus Jakarta Sans';
        font-size: 17px;
        border: none;
        padding: 10px 20px;
        letter-spacing: 2px;
        animation: pulse-animation 2s infinite;
    }
    .center-img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 38%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width:480px) {
    a.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
        top: 92%;
        right: 32%;
    }
    a.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
        top: 92%;
        left: 29%;
    }
    .mob-hide {
        display: none;
    }
    .inside {
        display: contents;
    }
    .outside-text {
        display: contents;
    }
    .inside-text {
        width: 100%;
        height: 100%;
        position: absolute;
        float: inline-end;
        left: 292px;
        text-wrap: wrap;
        display: none;
    }
    section.world-map {
    display: none;
}
    .product-box {
        box-shadow: 0px 0px 10px #f3f3f3;
        height: 480px;
        padding-bottom: 46px !important;
    }
    button.btn.btn-primary.enquiry {
        position: fixed;
        top: 55%;
        transform: rotate(-90deg);
        left: -14%;
        background: #71be3a;
        font-family: 'Plus Jakarta Sans';
        font-size: 17px;
        border: none;
        padding: 10px 20px;
        letter-spacing: 2px;
        animation: pulse-animation 2s infinite;
    }
    .contact-details {
        padding: 30px;
    }
    
    .rotatediv {
        transform: rotate(0deg);
    }

    h2.allheading.pt-3::before {
        content: "";
        display: none !important;
        width: 199px;
        height: 1px;
        background: #f7c565;
        left: 0px;
        top: 22%;
        position: absolute;
    }

    .d-flex.justify-content-center.align-item-center {

        column-gap: 30px;

        flex-wrap: wrap;

        row-gap: 24px;

    }



    scetion.about-home h2.pt-3 {

        color: #131444;

        font-size: 30px;

        font-weight: 700;

    }



    img.vector-png.position-absolute.position-absolute {

        position: absolute !important;

        top: -72px;

        left: 44px !important;

    }



    .content-about-home {

        margin: 0px;

    }



    .image-about {

        margin: 0px;

    }



    section.feed img.heading-img {

        width: 100px;

    }



    .cow-vector img.heading-img {

        position: absolute;

        top: -80px;

    }



    h2.allheading.pt-3 {

        color: #131444;

        font-size: 30px;

        font-weight: 700;

        text-align: center;

    }



    section.counter h2.allheading.pt-3::before {

      content: "";

      display: block;

      width: 250px;

      height: 1px;

      background: #f7c565;

       left: 0px;

       top: 24%;

       position: absolute;

   }
 



    section.counter h2.allheading.pt-3::after {

        content: "";

        display: block;

        width: 250px;

        height: 1px;

     background: #f7c565;
   left: 0px;

      top: 95%;

      position: absolute;

    }



    /*h2.allheading.pt-3::before {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 205px;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 24%;*/

    /*    position: absolute;*/

    /*}*/



    /*h2.allheading.pt-3::after {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 204px;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 70%;*/

    /*    position: absolute;*/

    /*}*/



    button.feed-boxes {

        position: absolute;

        background: #fff;

        border: 1px solid #70bc39;

        padding: 7px 0px;

        border-radius: 19px;

        transition: .4s ease-in-out;

        font-weight: 500;

        font-size: 14px;

        box-shadow: 0px 0px 8px #70bc392e;

        width: 50%;

    }



    button#ddgs {

        left: 1%;

        top: -33px;

        width: 45%;

    }



    button#corn-ddgc {

        top: -6%;

        right: 1%;

    }



    button#protein {

        top: 5%;

        left: 0%;

        width: 46%;

    }



    button#doc {

        top: 5%;

        left: 49%;

        padding-top: 10px;

    }



    button#corn-gluten-meal {

        top: 17%;

        right: 1%;

    }



    button#turmeric-doc {

        top: 17%;

        left: 0%;

        width: 47%;

    }



    .center-img {

        position: absolute;

        left: 50%;

        top: 75%;

        width: 250px;

        transform: translate(-50%, -50%);

    }



    button#corn-gluten {

        right: 1%;

        top: 28%;

    }



    button#rice-gluten {

        top: 28%;

        left: 0%;

        width: 47%;

    }



    button#roasted-korma {

        top: 39%;

        right: 18%;

        width: 66%;

    }



    section.why-choose img.vector-png.position-absolute.position-absolute {

        position: absolute !important;

        top: -78px;

        left: 78px;

        width: 102px;

    }



    h3.content-image {

        display: block;

        position: absolute;

        bottom: 100px;

        left: 93px;

        color: #131444;

        font-weight: 700;

        opacity: 0;



    }



    .why-choose .col-lg-3.position-relative.d-flex.justify-content-center.align-item-center {

        margin: 22px 0px;

    }



    h3#quality {

        display: block;

        position: absolute;

        bottom: 100px;

        left: 100px;

        color: #131444;

        font-weight: 700;

    }



    h3#environment {

        display: block;

        position: absolute;

        bottom: 100px;

        left: 100px;

        color: #131444;

        font-weight: 700;

    }



    h3#food_safety {

        display: block;

        position: absolute;

        bottom: 100px;

        left: 100px;

        color: #131444;

        font-weight: 700;

    }



    .col-12.production-main.d-flex.justify-content-start.align-item-center {

        transform: rotate(90deg);

    }



    h2.production-heading {

        font-size: 18px;

        line-height: 20px;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        word-spacing: 1px;

        padding: 87px 0px;

    }



    .product-item {

        border-left: 1px solid #acacac;

        /* padding: 88px 0px; */

        border-right: 1px solid #acacac;

        transition: .4s ease-in-out;

        min-width: 94px;

        display: flex;

        justify-content: end;

        align-items: center;

        flex-direction: column;

        gap: 20px;

        height: 385px !important;

    }



    button.item-numbers {

        transform: rotate(-90deg);

    }



    button.item-numbers::before {

        content: '';

        height: 1px;

        position: absolute;

        left: 4px;

        font-size: 46px;

        top: -17px;

        background: #acacac;

        width: 27px;

        transform: rotate(90deg);

    }



    button.item-numbers::after {

        content: '';

        height: 1px;

        position: absolute;

        left: 3px;

        font-size: 46px;

        top: 47px;

        background: #acacac;

        width: 28px;

        transform: rotate(90deg);

    }



    img.hen {

        position: absolute;

        width: 111px;

        right: 0px;

        top: 106px;

    }



    /*section.production h2.allheading.pt-3::after {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 776px;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 107%;*/

    /*    position: absolute;*/

    /*}*/

    .nutrition-center-img img {

        margin-bottom: 40px;

    }

    /*section.advantages h2.allheading.pt-3::before {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 700px;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 10%;*/

    /*    position: absolute;*/

    /*}*/

    /*section.advantages h2.allheading.pt-3::after {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 700px;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 108%;*/

    /*    position: absolute;*/

    /*}*/

    section.nutrition img.vector-png.position-absolute.position-absolute {

        position: absolute !important;

        top: -78px;

        left: 90px;

        width: 102px;

    }

    .image-advantage img {

        margin: 15px 0px;

    }

    section.production {

        min-height: 1500px;

    }

    .main-row {

        overflow: visible;

    }

    /*section.feed h2.allheading.pt-3::before {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 378px !important;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 21%;*/

    /*    position: absolute;*/

    /*}*/

    /*section.feed h2.allheading.pt-3::after {*/

    /*    content: "";*/

    /*    display: block;*/

    /*    width: 378px;*/

    /*    height: 1px;*/

    /*    background: #f7c565;*/

    /*    left: 0px;*/

    /*    top: 104%;*/

    /*    position: absolute;*/

    /*}*/

    section.partners img.vector-png.position-absolute.position-absolute {

        position: absolute !important;

        top: -78px;

        left: 95px;

        width: 102px;

    }

    section.testimonials img.vector-png.position-absolute.position-absolute {

        position: absolute !important;

        top: -78px;

        left: 136px;

        width: 102px;

        display: none;

    }

    .banner-video video {

        object-fit: cover;

        aspect-ratio: 4/5;

    }

    section.production img.heading-img {

        top: -44px;

        position: absolute;

        left: -7px;

        z-index: 999;

    }

    .image-advantage:hover img.vector-green {

        position: absolute;

        width: 358px;

        top: -58px;

        left: 10px;

        z-index: -1;

        height: 493px;

    }

    .image-advantage:hover img.vector-green.blue {

        position: absolute;

        width: 388px;

        top: 300px;

        left: 10px;

        z-index: -1;

        height: 122px;

    }
    h2.allheading.pt-3::after {
        content: "";
        display: none !important;
        width: 300px;
        height: 1px;
        background: #f7c565;
        left: 0px;
        top: 87%;
        position: absolute;
    }
    img#ballon-1 {
        width: 100% !important;
        height: 500px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }
    img#ballon-2 {
        width: 100%;
        height: 530px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }
    img#ballon-3 {
        width: 100%;
        height: 560px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }
    img#ballon-4 {
        width: 100%;
        height: 590px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }
    section.feed {
        display: block;
    }
    
    .row.m-0.width-set {
        transform: rotate(-90deg);
        width: 384px;
    }
    .row.m-0.width-set .col-6.p-0 {
        width: 100%;
    }
    .accordion-body.p-0 {
        padding: 24px !important;
        height: 613px;
        width: 487px;
        padding: 0px 57px !important;
        /* border: 1px solid #dfdfdf; */
        /* border-radius: 0px 20px 20px 0px; */
    }
    .row.m-0.width-set .col-6.p-0 img.img-fluid {
        width: 370px;
    }
    .row.m-0.width-set p {
        font-size: 23px;
        line-height: 33px;
    }
    img.png-side {
        display: none;
    }
    .rotatediv {
        height: 500px;
        width: 450px;
        transform: rotate(-90deg);
    }
    section.faq img.vector-png.position-absolute.position-absolute {
        position: absolute !important;
        top: -78px;
        left: 67px;
        width: 102px;
    }
    .row.m-0.width-set {
        position: absolute;
        top: -50px;
        left: 84px;
    }
    span.me-5.border.border-2.border-black.rounded-5.py-2.px-3.fw-semibold.before-line {
        transform: rotate(0deg);
    }
    .before-line::before {
        content: "";
        width: 26px;
        height: 1px;
        background: #888888;
        position: absolute;
        top: -44%;
        left: 8%;
        transform: rotate(90deg);
    }
    
    .before-line::after {
        content: "";
        width: 25px;
        height: 1px;
        background: #888888;
        position: absolute;
        top: 141%;
        left: 12%;
        transform: rotate(90deg);
    }
        .rotatediv .accordion-collapse.collapse.show {
        height: 750px;
        border: 1px solid #bababa;
        box-shadow: 0px 0px 10px #b0b0b0;
    }
    .contact-form {
        padding: 30px;
    }
    .section-ids.py-5 .d-flex.justify-content-center.align-item-center {
        flex-wrap: wrap;
        row-gap: 30px;
    }
}

/*================================================================================================================================================================*/



@media (max-width:768px) {
    img.product-card-img {
        width: 60%;
    }
    p.text-center {
        line-height: 23px;
        font-size: 18px;
    }
    a.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
        top: 92%;
        right: 32%;
    }
    a.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
        top: 92%;
        left: 29%;
    }
    .main-header img.main-logo {
        width: 55%;
    }

    .testimonial-box {
        border: 2px solid #D5DDDD;
        padding: 18px;
        border-radius: 35px 0px;
        height: 620px;
    }
    section.world-map {
    display: none;
}
    div#corn-meal-feed {
        right: 18%;
        top: 26%;
    }
    div#corn-ddgs-feed {
        right: 12px;
        top: 2%;
    }
    div#sunflower-doc-feed {
        top: 14%;
        right: 2%;
    }
    div#sunflower-doc-feed::before {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        background: #fff;
        left: 34%;
        top: -6px;
        transform: rotate(45deg);
    }
    div#corn-glu-feed {
        top: 38%;
        right: 20px;
    }
    div#roasted-korma-feed {
        top: 49%;
        left: 1%;
    }
    div#rice-gluten-feed {
        top: 37%;
        left: 4%;
    }
    div#turmeric-doc-feed::before {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        background: #fff;
        left: 50%;
        top: -8px;
        transform: rotate(45deg);
    }
    div#turmeric-doc-feed {
        top: 27%;
    }
    div#rice-protein-feed::before {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        background: #fff;
        left: 50%;
        top: -7px;
        transform: rotate(45deg);
    }
    div#rice-protein-feed {
        top: 14%;
    }
    div#rice-ddgs-feed {
        right: 40px;
        top: -73px;
    }
    header#header-scroll .col-lg-9 {
        width: 50%;
    }
    header#header-scroll .col-lg-3 {
        width: 50%;
    }
    .section-ids.py-5 {
        background: #131444;
        /* display: none; */
    }
    .contact-details {
        padding: 30px;
    }
    .contact-form {
        padding: 30px;
    }
    .before-line::after {
        content: "";
        width: 25px;
        height: 1px;
        background: #888888;
        position: absolute;
        top: 141%;
        left: 12%;
        transform: rotate(90deg);
    }
    span.me-5.border.border-2.border-black.rounded-5.py-2.px-3.fw-semibold.before-line {
        transform: rotate(0deg);
    }
    .row.m-0.width-set {
        position: absolute;
        top: -20px;
        left: 84px;
    }
    section.faq img.vector-png.position-absolute.position-absolute {
        position: absolute !important;
        top: -78px;
        left: 67px;
        width: 102px;
    }
    .rotatediv {
        height: 500px;
        width: 450px;
        transform: rotate(-90deg);
    }
    img.png-side {
        display: none;
    }
    .row.m-0.width-set p {
        font-size: 23px;
        line-height: 33px;
    }
    .row.m-0.width-set .col-6.p-0 img.img-fluid {
        width: 370px;
    }
    .accordion-body.p-0 {
        padding: 24px !important;
        height: 613px;
        width: 487px;
        padding: 0px 57px !important;
        /* border: 1px solid #dfdfdf; */
        /* border-radius: 0px 20px 20px 0px; */
    }
    .rotatediv {
        transform: rotate(0deg);
    }
    .row.m-0.width-set .col-6.p-0 {
        width: 100%;
    }
    .row.m-0.width-set {
        transform: rotate(-90deg);
        width: 410px;
    }
    section.feed {
        display: block;
    }
    img#ballon-4 {
        width: 100%;
        height: 590px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }

    img#ballon-3 {
        width: 100%;
        height: 560px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }

    img#ballon-2 {
        width: 100%;
        height: 530px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }

    img#ballon-1 {
        width: 100% !important;
        height: 500px;
        /*animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/
    }

    h2.allheading.pt-3::before {
        content: "";
        display: none !important;
        width: 199px;
        height: 1px;
        background: #f7c565;
        left: 0px;
        top: 22%;
        position: absolute;
    }
    h2.allheading.pt-3::after {
        content: "";
        display: none !important;
        width: 300px;
        height: 1px;
        background: #f7c565;
        left: 0px;
        top: 87%;
        position: absolute;
    }
    

    .col-12.production-main.d-flex.justify-content-start.align-item-center {

        transform: rotate(90deg);

    }



    h2.production-heading {

        font-size: 18px;

        line-height: 20px;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        word-spacing: 1px;

        padding: 87px 0px;

    }



    .product-item {

        border-left: 1px solid #acacac;

        /* padding: 88px 0px; */

        border-right: 1px solid #acacac;

        transition: .4s ease-in-out;

        min-width: 94px;

        display: flex;

        justify-content: end;

        align-items: center;

        flex-direction: column;

        gap: 20px;

        height: 375px !important;

    }



    button.item-numbers::before {

        content: '';

        height: 1px;

        position: absolute;

        left: 4px;

        font-size: 46px;

        top: -17px;

        background: #acacac;

        width: 27px;

        transform: rotate(90deg);

    }



    button.item-numbers::after {

        content: '';

        height: 1px;

        position: absolute;

        left: 3px;

        font-size: 46px;

        top: 47px;

        background: #acacac;

        width: 28px;

        transform: rotate(90deg);

    }

    section.production {

        min-height: 1500px;

    }

    .main-row {

        overflow: visible;

    }

    button.feed-boxes {

        position: absolute;

        background: #fff;

        border: 1px solid #70bc39;

        padding: 7px 0px;

        border-radius: 19px;

        transition: .4s ease-in-out;

        font-weight: 500;

        font-size: 14px;

        box-shadow: 0px 0px 8px #70bc392e;

        width: 50%;

    }



    button#ddgs {

        left: 1%;

        top: -33px;

        width: 45%;

    }



    button#corn-ddgc {

        top: -6%;

        right: 1%;

    }



    button#protein {

        top: 5%;

        left: 0%;

        width: 46%;

    }



    button#doc {

        top: 5%;

        left: 49%;

        padding-top: 10px;

    }



    button#corn-gluten-meal {

        top: 17%;

        right: 1%;

    }



    button#turmeric-doc {

        top: 17%;

        left: 0%;

        width: 47%;

    }



    .center-img {

        position: absolute;

        left: 50%;

        top: 75%;

        width: 250px;

        transform: translate(-50%, -50%);

    }



    button#corn-gluten {

        right: 1%;

        top: 28%;

    }



    button#rice-gluten {

        top: 28%;

        left: 0%;

        width: 47%;

    }



    button#roasted-korma {

        top: 39%;

        right: 18%;

        width: 66%;

    }

    section.why-choose .col-lg-3 {

        width: 50%;

    }

    .col-12.production-main.d-flex.justify-content-start.align-item-center {

        transform: rotate(90deg);

    }



    h2.production-heading {

        font-size: 18px;

        line-height: 20px;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        word-spacing: 1px;

        padding: 87px 0px;

    }



    .product-item {

        border-left: 1px solid #acacac;

        /* padding: 88px 0px; */

        border-right: 1px solid #acacac;

        transition: .4s ease-in-out;

        min-width: 94px;

        display: flex;

        justify-content: end;

        align-items: center;

        flex-direction: column;

        gap: 20px;

        height: 385px !important;

    }



    button.item-numbers {

        transform: rotate(-90deg);

    }



    button.item-numbers::before {

        content: '';

        height: 1px;

        position: absolute;

        left: 4px;

        font-size: 46px;

        top: -17px;

        background: #acacac;

        width: 27px;

        transform: rotate(90deg);

    }



    button.item-numbers::after {

        content: '';

        height: 1px;

        position: absolute;

        left: 3px;

        font-size: 46px;

        top: 47px;

        background: #acacac;

        width: 28px;

        transform: rotate(90deg);

    }
    section.production {
        display: none;
    }
    header#header-scroll {
        display: none !important;
    }
    img.mision-vision-vector {
        display: none;
    }
    .inside-text {
        width: 100%;
        height: 100%;
        position: absolute;
        float: inline-end;
        left: 292px;
        text-wrap: wrap;
        display: none;
    }
    .inside {
        display: contents;
    }
    .outside-text {
        display: contents;
    }
    .mob-hide {
        display: none;
    }

}

@media(min-width:500px) and (max-width:768px){

    .testimonial-box {
        border: 2px solid #D5DDDD;
        padding: 18px;
        border-radius: 35px 0px;
        height: 620px;
    }
    section.world-map {
    display: none;
}
    .product-box {
        box-shadow: 0px 0px 10px #f3f3f3;
        height: 480px;
        padding-bottom: 46px !important;
    }
    button.btn.btn-primary.enquiry {
        position: fixed;
        top: 37%;
        transform: rotate(-90deg);
        left: -11%;
        background: #71be3a;
        font-family: 'Plus Jakarta Sans';
        font-size: 17px;
        border: none;
        padding: 10px 20px;
        letter-spacing: 2px;
        animation: pulse-animation 2s infinite;
    }

    .col-12.production-main.d-flex.justify-content-start.align-item-center {

        transform: rotate(90deg);

    }



    h2.production-heading {

        font-size: 18px;

        line-height: 20px;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        word-spacing: 1px;

        padding: 87px 0px;

    }



    .main-row {

        overflow: visible;

    }

    section.production {

        min-height: 1500px;

    }

    .product-item {

        border-left: 1px solid #acacac;

        /* padding: 88px 0px; */

        border-right: 1px solid #acacac;

        transition: .4s ease-in-out;

        min-width: 94px;

        display: flex;

        justify-content: end;

        align-items: center;

        flex-direction: column;

        gap: 20px;

        height: 570px !important;

    }



    button.item-numbers {

        transform: rotate(-90deg);

    }



    button.item-numbers::before {

        content: '';

        height: 1px;

        position: absolute;

        left: 4px;

        font-size: 46px;

        top: -17px;

        background: #acacac;

        width: 27px;

        transform: rotate(90deg);

    }



    button.item-numbers::after {

        content: '';

        height: 1px;

        position: absolute;

        left: 3px;

        font-size: 46px;

        top: 47px;

        background: #acacac;

        width: 28px;

        transform: rotate(90deg);

    }

}

@media (min-width:769px) and (max-width:991px){
    section.world-map-mob {
        display: none;
    }
    section.world-map {
    display: none;
}

    button#protein {

        top: 13%;

        left: -5%;

    }
    .rotatediv .accordion-button {
        transition: 0.3s ease-in-out;
        padding: 15px;
        font-size: 18px;
    }

    button#doc {

        top: 36%;

        left: -10%;

    }

    button#turmeric-doc {

        top: 62%;

        left: -4%;

    }

    button#rice-gluten {

        top: 86%;

        left: 7%;

    }

    button#roasted-korma {

        top: 87%;

        right: 0%;

    }

    button#corn-gluten {

        right: -10%;

        top: 61%;

    }

    button#corn-gluten-meal {

        top: 36%;

        right: -11%;

    }

    button#corn-ddgc {

        top: 13%;

        right: 4%;

    }

    section.feed img.heading-img {

        width: 170px;

        position: absolute;

        left: -115px;

    }

    /*img#ballon-4 {*/

    /*    width: 50%;*/

    /*    height: auto;*/

    /*    animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/

    /*}*/

    /*img#ballon-3 {*/

    /*    width: 50%;*/

    /*    height: auto;*/

    /*    animation: slideRight3 3s cubic-bezier(0, 0, 0, 0) infinite;*/

    /*}*/

    section.why-choose .col-lg-3 {

        width: 25%;

    }

    .col-12.production-main.d-flex.justify-content-start.align-item-center {

        transform: rotate(90deg);

    }



    h2.production-heading {

        font-size: 18px;

        line-height: 20px;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        word-spacing: 1px;

        padding: 87px 0px;

    }



    .main-row {

        overflow: visible;

    }

    section.production {

        min-height: 1500px;

    }

    .product-item {

        border-left: 1px solid #acacac;

        /* padding: 88px 0px; */

        border-right: 1px solid #acacac;

        transition: .4s ease-in-out;

        min-width: 94px;

        display: flex;

        justify-content: end;

        align-items: center;

        flex-direction: column;

        gap: 20px;

        height: 770px;

    }



    button.item-numbers {

        transform: rotate(-90deg);

    }



    button.item-numbers::before {

        content: '';

        height: 1px;

        position: absolute;

        left: 4px;

        font-size: 46px;

        top: -17px;

        background: #acacac;

        width: 27px;

        transform: rotate(90deg);

    }



    button.item-numbers::after {

        content: '';

        height: 1px;

        position: absolute;

        left: 3px;

        font-size: 46px;

        top: 47px;

        background: #acacac;

        width: 28px;

        transform: rotate(90deg);

    }

}

@media (min-width:992px) and (max-width:1200px){
    .mob-show {
        display: none;
    }
    
    section.world-map-mob {
        display: none;
    }

    .counterbox {
        position: relative;
        /* background: #131444; */
        padding: 22px 32px;
        border-radius: 20px;
        overflow: hidden;
        margin: 10px;
        border: 2px solid #fff;
        height: 100%;
    }
    
    .rotatediv .accordion-button {
        transition: 0.3s ease-in-out;
        padding: 15px;
        font-size: 18px;
    }

    .col-12.production-main.d-flex.justify-content-start.align-item-center {

        transform: rotate(90deg);

    }



    h2.production-heading {

        font-size: 18px;

        line-height: 20px;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        word-spacing: 1px;

        padding: 87px 0px;

    }



    .main-row {

        overflow: visible;

    }

    section.production {

        min-height: 1500px;

    }

    .product-item {

        border-left: 1px solid #acacac;

        /* padding: 88px 0px; */

        border-right: 1px solid #acacac;

        transition: .4s ease-in-out;

        min-width: 94px;

        display: flex;

        justify-content: end;

        align-items: center;

        flex-direction: column;

        gap: 20px;

        height: 770px;

    }



    button.item-numbers {

        transform: rotate(-90deg);

    }



    button.item-numbers::before {

        content: '';

        height: 1px;

        position: absolute;

        left: 4px;

        font-size: 46px;

        top: -17px;

        background: #acacac;

        width: 27px;

        transform: rotate(90deg);

    }



    button.item-numbers::after {

        content: '';

        height: 1px;

        position: absolute;

        left: 3px;

        font-size: 46px;

        top: 47px;

        background: #acacac;

        width: 28px;

        transform: rotate(90deg);

    }

    .counterbox {

        position: relative;

        background: #131444;

        padding: 30px 3px !important;

        border-radius: 20px;

        overflow: hidden;

        margin: 10px;

    }
}
@media (min-width:1200px){
    section.world-map-mob {
        display: none;
    }
    .mob-show {
        display: none;
    }
}