@media (min-width: 1439.98px) {
    .safocoproduct-item .leaf {
        top: 28%
    }
}

@media (max-width: 1439.98px) {
    .carousel-nav {
        left: 0;
    }

    .carousel-item {
        margin-top: 0px;
    }
    .shareholderNew-list {
      
        min-height: 650px;
       
    }
}



/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .cungnhauvaobep a {
        left: 31%;
    }
    #macaroni .carousel-control-next, 
    #ricenoodle .carousel-control-next, 
    #noodle .carousel-control-next, 
    #ricepapper .carousel-control-next  {
    right: -55px !important;
    
}
    #macaroni .carousel-control-prev ,
    #ricenoodle .carousel-control-prev ,
    #noodle .carousel-control-prev ,
    #ricepapper .carousel-control-prev {
    left: -55px !important;
    
}
    .carousel-nav {
        display: none;
    }
    .cooktogether .tab button {
        font-size: 16px;
    }
    .cooktogether .tab button.active {
        font-size: 16px;
    }
    .btn {
        width: 170px;
        padding: 12px 36px;
    }
    .forminformaition .btn {
        width: 200px;
    }
    .logo img {
        width: 100%;
        height: auto;
    }
    .header .nav-item .nav-link {
        font-size: 13px;
    }
    .slick-next {
        right: 30px;
    }
    .slick-prev {
        left: 10px;
    z-index: 99;
    }
    .pageintroduct img {
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .nav-item::after {
        content: '';
    }
    .img-trophy-home {
        height: 270px !important;
    }
    .custom-img-product {
        width: 70% !important;
        
    }
    .slick-next {
        right: -25px;
    }
    .slick-prev {
        left: -45px;
    }
    #macaroni .carousel-control-prev, #ricenoodle .carousel-control-prev, #noodle .carousel-control-prev, #ricepapper .carousel-control-prev {
        left: -80px !important;
    }
    #macaroni .carousel-control-next, #ricenoodle .carousel-control-next, #noodle .carousel-control-next, #ricepapper .carousel-control-next {
        right: -80px !important;
    }
}
@media (min-width: 768.1px) {
    .hide-on-desktop {
        display: none !important;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

}

@media (max-width: 768.01px) {
    .hide-on-tablet {
        display:none !important;
    }
    .mt-8 {
        margin-top: 40px;
    }
    .slick-next {
        right: 30px;
    }
    .slick-prev {
        left: 10px;
        z-index: 999;
    }
    .mb-8 {
        margin-bottom: 40px;
    }

    .pt-8 {
        padding-top: 40px;
    }

    .pb-8 {
        padding-bottom: 40px;
    }

    .pb-16 {
        padding-bottom: 80px;
    }

    .hide-on-desktop {
        display: block !important;
    }

    .nav-item::after {
        display: none;
    }

    .safocoproduct-item .leaf {
        display: none;
    }

    .shareholderNew {
        margin-top: 45px;
    }

    .developmenthistory {
        top: 10px;
    }

    .carousel-item {
        overflow: hidden;
    }

    .carousel-item span {
        font-size: 90px;
    }

    .carousel-item p {
        height: 240px;
        overflow-y: scroll;
        padding: 14px 0;
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 0;
    }

    .carousel-control-next {
        right: -28px;
    }

    

    .red-circle::after {
        width: 230px;
        right: -230px;
    }

    .red-circle:last-child::after {
        width: 32px;
        left: -40px;
    }

    .productselected {
        height: fit-content;
    }

    /* .productselected img {
        height: 300px;
    } */

    .productselected h3 {
        margin-top: 20px;
        text-align: center;
    }

    .recruit .btn {
        margin-top: 10px;
        height: 35px;
    }

    .forminformaition .btn {
        width: 200px;
        padding: 14px 13px;
    }

    .product .tablinks,
    .cooktogether .tablinks {
        width: 45%;
        margin: 10px 5px;
    }

    .box p {
        font-size: 14px;
        margin: 10px;
    }

    .shareholdernews-list {
        padding: 40px;
    }
    .bg-gray::after {
       
        z-index: -9999 ;
    }
    .new-img-h img {
        width: 100% !important;
    }
    #macaroni .carousel-control-prev, #ricenoodle .carousel-control-prev, #noodle .carousel-control-prev, #ricepapper .carousel-control-prev {
        left: -30px !important;
    }
    #macaroni .carousel-control-next, #ricenoodle .carousel-control-next, #noodle .carousel-control-next, #ricepapper .carousel-control-next {
        right: -30px !important;
    }
    .img-trophy-home img {
        width: 100% !important;
        height: auto;
    }
    
}

@media (max-width: 428.01px) {
    .hide-on-mobile {
        display: none !important;
    }
    .recruit-heading .btn {
        width: 160px;
        height: 30px;
    }
    /* .img-trophy-home img {
        width: 100% !important;
        height: 150px !important;
    } */
    
    .mt-8 {
        margin-top: 20px;
    }
    .navbar {
        top: 50px;  
    }
    .mb-8 {
        margin-bottom: 20px;
    }

    .pt-8 {
        padding-top: 20px;
    }

    .pb-8,
    .pb-16 {
        padding-bottom: 20px;
    }

    .bgbanner img {
        height: auto;
    }

    .logo img {
        width: 120px;
        height: 100%;
    }

    .bgbanner img {
        height: auto;
		margin-top:50px;
    }

    .safocoproud-item {
        width: 100%;
    }

    .safocoproduct-item img {
        width: 50% !important;
    }

    .safocoproduct-item .info h3 {
        text-align: center !important;
    }

    .item-3 p {
        color: #FFF !important;
    }

    .cungnhauvaobep a {
        left: 20%;
        top: 30%;
        height: auto;
        padding: 8px 32px;
    }
    .cungnhauvaobep img {
        min-height: 150px;
    }
    .cungnhauvaobep-product img {
        min-height: 150px;
    }
    .cungnhauvaobep-product a {
        top: 45% !important;
        left: 18% !important;
        height: auto;
        padding: 6px 29px;
    }
    .carousel-item span {
        font-size: 40px;
    }

    .developmenthistory {
        position: relative !important;
        background-color: #ECECEC;
    }

    .developmenthistory h2 {
        color: #243b89;
        padding-top: 20px;
    }

    .carousel-item span {
        color: #243b89;
    }

    .carousel-item div:nth-child(2) {
        color: #000;
    }

    .sub-menu-item {
        margin-right: 14px;
    }

    .footer img {
        width: 80%;
    }

    .blue-circle {
        margin: 0 5px;
    }

    .recruit {
        padding: 34px 10px;
    }

    .shareholdernews-list {
        padding: 20px;
    }

    .textdecord h2 {
        font-size: 24px;
    }

    .noodle,
    .macaroni,
    .ricenoodle,
    .ricepapper {
        padding: 30px 0 20px;
    }
    p {
        font-size: 13px;
        font-weight: 400;
    }
    .tab button {
        
        padding: 14px 6px;
       
    }
   
    .recruit .btn {
        display: flex !important;
        justify-content: center;
        margin: 10px auto;
        width: 100px;
        height: 30px;
        border-radius: 50px;
        padding: 5px 0 5px 5px;
        font-size: 12px;
        border: 1px solid rgba(255, 0, 8, 1);
    }
    #macaroni .carousel-control-next, 
    #ricenoodle .carousel-control-next, 
    #noodle .carousel-control-next, 
    #ricepapper .carousel-control-next {
        right: -10px !important;
    }
    #macaroni .carousel-control-prev, 
    #ricenoodle .carousel-control-prev, 
    #noodle .carousel-control-prev, 
    #ricepapper .carousel-control-prev {
        left: -10px !important;
    }
    .font-text-10 {
        font-size: 10px;
    }
}