@media (min-width: 1350px) {
    .owl-item.expand {
        width: 800px !important;
    }

}


@media (max-width: 1800px) {
    .container {
        max-width: 90%;
    }

    .hme-about-section {
        padding: 100px 0;
    }

    .hme-about-left-content img {
        margin-top: 40px;
    }

    .main-title {
        margin-bottom: 20px;
        padding: 10px 25px;
        font-size: 40px;
        line-height: 45px;
    }

    .what-we-do-section {
        padding: 40px 0 100px;
    }

    .hme-service-section {
        padding: 100px 0;
    }

    .service-inner-section {
        padding: 100px 0;
    }

    .hme-service-box h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .hme-service-box {
        padding: 25px 25px 60px;
    }

    .hme-sustainability-section {
        padding: 100px 0;
    }

    .globe-wrap {
        margin-top: 60px;
    }

    .hme-career-section {
        padding: 100px 0;
    }

    .what-we-do-content {
        padding-left: 70px;
    }

    .header {
        padding: 25px 0;
    }

    .who-we-are-first {
        padding: 80px 0;
    }

    .career-left-content {
        padding-right: 70px;
    }

    .our-values-section {
        padding: 80px 0;
    }

    .values-carousel {
        margin-top: 55px;
    }

    .values-carousel .hme-service-box {
        padding: 25px 25px 25px;
    }

    .success-story-wrap {
        padding: 90px 0 20px;
    }

    .success-story-content {
        padding-left: 60px;
        padding-top: 0px;
    }

    .time-line-wrap {
        padding-top: 100px;
        padding-bottom: 70px;
    }

    .time-line-wrap .timeline-nav-button--next,
    .time-line-wrap .timeline-nav-button--prev {
        top: -60px !important;
    }

    .our-vision-section {
        padding: 90px 0;
    }

    .our-vision-section .hme-service-box {
        padding: 30px 25px 25px;
    }

    .globe-contact-section {
        padding-top: 90px;
    }

    .product-detail-contact {
        padding: 80px 0;
    }

    .get-in-touch-content {
        width: 45%;
    }

    .get-in-touch-content.half-width {
        width: 65%;
    }

    .main-title-with-content {
        padding: 80px 0 0px;
    }

    .global-presence-section {
        width: 100%;
        padding: 90px 0;
    }

    .global-number h2 {
        font-size: 45px;
        line-height: 40px;
    }

    .global-numbers ul li {
        padding: 20px;
    }

    .global-number {
        bottom: 20px;
        right: 20px;
    }

    .what-we-product-section {
        padding: 100px 0;
    }

    .main-product-image {
        width: 670px;
        height: 670px;
    }

    .supply-chain-carousel .hme-service-box {
        padding: 30px 20px 50px;
    }

    .career-details-main-section {
        padding: 40px 0;
    }

    .career-detail-inner {
        padding: 40px 0;
    }

    .what-we-do-page-content {
        padding-left: 65px;
    }

    .career-details-main-section-repeat .what-we-do-page-content {
        padding: 0 65px 0 0;
    }

    .career-detail-inner:nth-child(2n) .what-we-do-page-content {
        padding-left: 0px;
        padding-right: 65px;
    }

    .news-slider-section {
        padding: 90px 0;
    }

    .sustainibility-top-section {
        width: 100%;
        padding: 90px 0;
    }

    .sustainibility-top-section ul li {
        padding: 30px;
    }

    .sustainibility-top-section ul li h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .career-focus-section {
        padding: 90px 0;
    }

    .career-focus-content {
        padding: 25px 25px;
    }

    .career-value-main {
        width: 100%;
        padding: 50px 0 40px;
    }

    .career-opertunities-main {
        padding: 40px 0;
    }

    .career-opertunities-content {
        width: 50%;
    }

    .career-opertunities-content p {
        color: #fff;
        font-size: 25px;
        line-height: 33px;
    }

    .career-opertunities-content .main-btn {
        margin-top: 15px;
    }

    p {
        margin-bottom: 10px;
    }

    .career-application-step {
        padding: 90px 0;
        margin-top: 40px;
    }

    .career-application-steps ul li a {
        padding: 25px 25px 65px;
    }

    .career-qualification {
        padding: 90px 0;
    }

    .hiring-departmentsection {
        padding: 90px 0;
    }

    .career-internship-first .container {
        padding: 80px 0;
    }

    .career-internship-second-section {
        padding: 90px 0;
    }

    .current-vacancies-section {
        padding: 70px 0 90px;
    }

    .vacancies-filter-wrap {
        margin-top: 65px;
    }

    .vacancies-listing {
        margin-top: 40px;
    }

    .vacancies-listing ul li a {
        width: 100%;
        padding: 25px;
    }

    .vacancies-listing ul li h3 {
        font-size: 20px;
    }

    .vacancies-listing ul {
        row-gap: 20px;
    }

    .internship-vacancies-section {
        padding-bottom: 90px;
    }

    .contact-map-section {
        padding: 70px 0;
    }

    .contact-content-section {
        padding: 50px 0 80px;
    }

    .career-accordian-section {
        padding: 50px 0 100px;
    }

    .faq__accordian-heading {
        font-size: 20px;
    }

    .product-intro {
        padding: 40px 0 80px;
    }

    .product-detail-discription {
        padding: 50px 0;
    }

    .product-detail-qualities-list ul li {
        padding: 20px;
        font-size: 25px;
    }

    .product-detail-qualities-list ul {
        row-gap: 20px;
    }

    .product-detail-qualities {
        padding: 40px 0 100px;
    }

    .product-detail-certificate {
        width: 100%;
        padding: 90px 0;
    }

    .product-certificate h3 {
        font-size: 20px;
    }

    .product-detail-specification {
        padding: 90px 0;
    }

    .product-detail-packaging {
        width: 100%;
        padding: 90px 0;
    }

    .product-detail-packaging ul li h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .title-second {
        font-size: 30px;
    }

    .product-detail-packaging ul {
        row-gap: 25px;
    }

    .get-in-touch-container h3 {
        font-size: 44px;
        line-height: 46px;
    }

    .product-specification-inner ul li {
        line-height: 20px;
        font-size: 17px;
    }

    .news-details-breadcrumb {
        padding: 25px 0;
    }

    .product-detail-nav ul li a {
        line-height: 60px;
        font-size: 16px;
    }

    .product-detail-nav {
        min-height: 60px;
    }

    .main-news-wrap .container {
        padding: 70px 0 100px;
    }

    .news-detail-content {
        width: 100%;
        padding: 80px 0 100px;
    }

    .related-news-section {
        padding: 30px 0 100px;
    }

    .login-main-section {
        width: 100%;
        padding: 110px 0;
    }

    .share-post-section {
        width: 100%;
        padding-top: 30px;
        margin-top: 50px;
    }

    .main-nav-wrap ul li a {
        font-size: 30px;
        line-height: 40px;
    }

    .main-nav-footer .container {
        padding-top: 40px;
    }

    .main-nav-footer {
        bottom: 50px;
    }

    .career-detail-inner:nth-child(2n) .what-we-do-content {
        padding-left: 0;
        padding-right: 60px;
    }

    .hme-service-title .border-btn {
        top: 0;
    }

    #product_details_div h2 {
        font-size: 40x;
        line-height: 40px;
        color: #E53721;
        margin-bottom: 20px;
    }

    #search-result-count-div {
        margin-top: 50px;
    }


}


@media (max-width: 1450px) {

    .main-banner h2 {
        font-size: 50px;
        line-height: 55px;
    }

    .main-banner .main-btn {
        margin-top: 30px;
    }

    .hme-about-section {
        padding: 80px 0;
    }

    .what-we-do-content {
        padding-left: 60px;
    }

    .what-we-do-section {
        padding: 20px 0 80px;
    }

    .border-btn {
        min-width: 120px;
        padding: 0 25px;
        line-height: 45px;
    }

    .hme-service-section {
        padding: 80px 0;
    }

    .service-inner-section {
        padding: 80px 0;
    }

    .hme-sustainability-section {
        padding: 80px 0;
    }

    .globe-main-section {
        padding: 20px 0 80px;
    }

    .hme-career-section {
        padding: 80px 0;
    }

    .career-left-content {
        padding-right: 60px;
    }

    .values-carousel .hme-service-box {
        padding: 20px 20px 20px;
    }

    .hme-service-box h3 {
        margin-bottom: 10px;
    }

    .success-story-wrap {
        padding: 80px 0 20px;
    }

    .time-line-wrap {
        padding-bottom: 60px;
    }

    .our-vision-section {
        padding: 80px 0;
    }

    .our-vision-section .hme-service-box {
        padding: 30px 20px 20px;
    }

    .globe-contact-section {
        padding-top: 80px;
    }

    .product-detail-contact {
        padding: 70px 0;
    }

    .product-detail-contact {
        padding: 70px 0;
    }

    .get-in-touch-container h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .global-presence-section {
        padding: 80px 0;
    }

    .global-text {
        padding-left: 65px;
    }

    .global-number h2 {
        font-size: 40px;
        line-height: 35px;
    }

    .what-we-product-section {
        padding: 80px 0;
    }



    .main-product-image {
        margin-top: 60px;
    }

    .main-product-title p {
        font-size: 18px;
    }

    .supply-chain-carousel .hme-service-box {
        padding: 25px 20px 50px;
    }

    .hme-service-box h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .main-title {
        font-size: 35px;
        line-height: 40px;
    }

    p {
        font-size: 15px;
        line-height: 26px;
    }

    .news-slider-section {
        padding: 80px 0;
    }

    .related-carousel {
        margin-top: 15px;
    }

    .sustainibility-top-section {
        padding: 80px 0;
    }

    .sustainibility-top-section ul li {
        padding: 25px;
    }

    .sustainibility-top-section ul li h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .career-focus-section {
        padding: 80px 0;
    }

    .career-focus-content {
        padding: 20px 20px;
    }

    .career-focus-inner {
        margin-top: 20px;
    }

    .career-focus-content h3 {
        font-size: 26px;
    }

    .career-value-main {
        padding: 30px 0 40px;
    }

    .career-opertunities-content p {
        font-size: 23px;
        line-height: 30px;
    }

    .career-application-step {
        padding: 80px 0;
        margin-top: 30px;
    }

    .career-application-steps ul li a {
        padding: 20px 20px 60px;
    }

    .career-qualification {
        padding: 80px 0;
    }

    .what-we-do-content h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .hiring-departmentsection {
        padding: 80px 0;
    }

    .hiring-department-list ul li h3 {
        font-size: 20px;
    }

    .hiring-department-list ul li a {
        padding: 20px;
    }

    .current-vacancies-section {
        padding: 70px 0 80px;
    }

    .vacancies-filter-wrap {
        margin-top: 45px;
    }

    .vacancies-listing ul li a {
        padding: 20px;
    }

    .vacancies-listing {
        margin-top: 35px;
    }

    .vacancies-listing ul li h3 {
        font-size: 18px;
    }


    .internship-vacancies-section {
        padding-bottom: 80px;
    }

    .vacancies-filter-category ul li a {
        padding: 0px 15px;
        font-size: 14px;
        height: 50px;
    }

    .search-feild {
        height: 50px;
    }

    .vacancies-filter-search .nice-select {
        height: 50px;
        line-height: 50px;
    }

    .contact-map-section {
        padding: 60px 0;
    }

    .text-main {
        font-size: 16px;
    }

    .contact-form-main ul li label {
        font-size: 16px;
    }

    .contact-address-box label {
        font-size: 19px;
        line-height: 20px;
    }

    .faq__accordian-heading {
        font-size: 18px;
    }

    .career-accordian-section {
        padding: 50px 0 80px;
    }

    .product-detail-nav ul li {
        list-style: none;
        margin-right: 40px;
    }

    .title-second {
        font-size: 28px;
    }

    .product-detail-qualities {
        padding: 40px 0 80px;
    }

    .product-detail-discription {
        padding: 40px 0;
    }

    .product-detail-qualities-list ul li {
        padding: 20px;
        font-size: 20px;
        min-height: 120px;
    }

    .product-detail-certificate {
        padding: 80px 0;
    }

    .certificate-img {
        min-height: 230px;
    }

    .product-certificate h3 {
        font-size: 18px;
    }

    .product-detail-certificate {
        padding: 80px 0;
    }

    .product-detail-specification {
        padding: 80px 0;
    }

    .product-specification-inner ul li {
        font-size: 16px;
    }

    .product-specification-inner {
        padding: 30px;
    }

    .product-detail-packaging {
        padding: 80px 0;
    }

    .product-detail-packaging ul li h3 {
        font-size: 22px;
        line-height: 25px;
    }

    .product-detail-packaging ul li h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .main-title-with-content {
        padding: 70px 0 0px;
    }

    .main-news-wrap .container {
        padding: 60px 0 80px;
    }

    .news-detail-content {
        padding: 70px 0 70px;
    }

    .news-detail-content-inner h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .news-detail-content-inner p {
        margin-bottom: 20px;
    }

    .share-post-section ul li {
        list-style: none;
        margin: 0 5px;
        width: 50px;
        height: 50px;
    }

    .related-news-section {
        padding: 20px 0 80px;
    }

    .login-main-section {
        padding: 80px 0;
    }

    .login-wrap h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .login-line {
        margin: 40px 0;
    }

    .login-feild {
        line-height: 50px;
    }

    .signup-btn {
        line-height: 50px;
    }

    .login-form .form-btn {
        margin-top: 35px;
    }

    .footer-nav ul li a {
        font-size: 17px;
    }

    .main-nav-wrap ul li a {
        font-size: 26px;
        line-height: 35px;
    }

    .main-nav-footer .container {
        padding-top: 30px;
    }

    .login-form-register {
        margin-top: 30px;
    }

    .main-title-content h3 {
        font-size: 30px;
        line-height: 32px;
    }

    .career-accordian-title h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .product-intro-content {
        padding-left: 55px;
        padding-top: 0px;
    }

    .news-detail-content-inner img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .career-internship-first .container {
        padding: 70px 0;
    }


    .career-internship-second-section {
        padding: 70px 0;
    }

    .hme-service-title .border-btn {
        top: 0;
    }

}


@media (max-width: 1300px) {
    .main-banner h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .main-banner .main-btn {
        margin-top: 25px;
    }

    .hme-about-section {
        padding: 60px 0;
    }

    .main-btn {
        line-height: 45px;
        font-size: 12px;
    }

    .main-banner span {
        font-size: 13px;
    }

    .main-title {
        font-size: 30px;
        line-height: 35px;
        padding: 10px 20px;
    }

    .hme-about-left-content img {
        margin-top: 30px;
    }

    .hme-about-left-content img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .hme-about-right img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .what-we-do-section {
        padding: 20px 0 60px;
    }

    .what-we-do-img img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .what-we-do-content {
        padding-left: 50px;
    }

    .hme-service-section {
        padding: 60px 0;
    }

    .service-inner-section {
        padding: 60px 0;
    }

    .hme-sustainability-section {
        padding: 60px 0 50px;
    }

    .hme-sustainability-images ul li {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .hme-sustainability-content {
        padding-right: 50px;
    }

    .globe-main-section {
        padding: 20px 0 60px;
    }

    .hme-career-section {
        padding: 60px 0;
    }

    .owl-carousel.service-home-carousel .owl-nav button.owl-prev,
    .owl-carousel.service-home-carousel .owl-nav button.owl-next,
    .owl-carousel.supply-chain-carousel .owl-nav button.owl-prev,
    .owl-carousel.supply-chain-carousel .owl-nav button.owl-next {
        width: 45px;
        height: 45px;
    }

    .hme-service-box {
        padding: 20px 20px 50px;
    }

    .btn-with-arrow {
        bottom: 20px;
    }

    .hme-service-box h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .main-title-with-content {
        padding: 40px 0 0px;
    }

    .main-title-content h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .carrer-top-img {
        padding-bottom: 60px;
    }

    .global-presence-section {
        padding: 60px 0;
    }

    .global-number h2 {
        font-size: 35px;
        line-height: 35px;
    }

    .global-numbers ul li h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .hme-service-box {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .who-we-are-first {
        padding: 60px 0;
    }

    .career-left-content {
        padding-right: 50px;
    }

    .our-values-section {
        padding: 60px 0;
    }

    .values-carousel {
        margin-top: 35px;
    }

    .success-story-wrap {
        padding: 60px 0 20px;
    }

    .time-line-wrap .timeline__item:after {
        border: 2px solid #e53721;
        width: 22px;
        height: 22px;
    }

    .time-line-wrap {
        padding-bottom: 50px;
    }

    .time-line-wrap .timeline-nav-button--prev,
    .time-line-wrap .timeline-nav-button--next {
        width: 45px;
        height: 45px;
    }

    .our-vision-section {
        padding: 60px 0;
    }

    .globe-contact-section {
        padding-top: 60px;
    }

    .globe-title-content p {
        font-size: 16px;
    }

    .globe-wrap {
        margin-top: 45px;
    }

    .product-detail-contact {
        padding: 60px 0;
    }

    .get-in-touch-container h3 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 5px;
    }

    .global-text {
        padding-left: 50px;
    }

    .what-we-product-section {
        padding: 60px 0;
    }

    .main-product-image img {
        width: 100%;
    }


    .main-product-image {
        width: 600px;
        height: 600px;
    }

    .main-product-icon img {
        width: auto;
    }

    .main-product-wrap {
        width: 100%;
        max-width: 290px;
        padding: 10px 14px;
        min-height: 60px;
    }

    .main-product-title p {
        font-size: 16px;
    }

    .main-product-title {
        background-size: 16px;
    }



    .career-detail-inner {
        padding: 30px 0 10px;
    }

    .what-we-do-page-content {
        padding-left: 50px;
    }

    .career-details-main-section-repeat .what-we-do-page-content {
        padding: 0 50px 0 0;
    }

    .career-detail-inner:nth-child(2n) .what-we-do-page-content {
        padding-left: 0px;
        padding-right: 50px;
    }

    .news-slider-section {
        padding: 60px 0;
    }

    .news-content label {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .owl-carousel.supply-chain-carousel .item::after {
        right: -26px;
    }

    .career-details-main-section {
        padding: 30px 0;
    }

    .career-details-main-section-repeat {
        padding-bottom: 60px;
    }

    .related-news-main {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .related-carousel {
        margin-top: 10px;
    }

    .career-right-img img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .success-story-image img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .time-line-wrap .timeline__content {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .get-in-touch-container {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .carrer-top-img img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .main-product-details p {
        font-size: 13px;
        line-height: 24px;
    }

    .sustainibility-top-section {
        padding: 60px 0;
    }

    .sustainibility-top-section ul li {
        padding: 20px;
    }

    .sustainibility-top-section ul li {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .career-focus-section {
        padding: 60px 0;
    }

    .career-focus-inner {
        margin-top: 10px;
    }

    .career-focus-content h3 {
        font-size: 22px;
    }

    .career-focus-box {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .career-value-main {
        padding: 20px 0 40px;
    }

    .career-value-img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .career-value-content h4 {
        font-size: 20px;
    }

    .career-value-content {
        padding-top: 15px;
    }

    .career-opertunities-inner {
        width: 100%;
        min-height: 400px;
    }

    .career-opertunities-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .career-opertunities-content .main-btn {
        margin-top: 10px;
    }

    .career-application-step {
        padding: 60px 0;
        margin-top: 20px;
    }

    .career-application-steps {
        width: 100%;
        margin-top: 10px;
    }

    .career-application-steps ul li {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .step-icon {
        margin-left: auto;
        max-height: 50px;
        width: 40px;
    }

    .career-qualification {
        padding: 60px 0;
    }

    .what-we-do-content h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .hiring-departmentsection {
        padding: 60px 0;
    }

    .hiring-department-list ul li h3 {
        font-size: 18px;
    }

    .hiring-department-list ul li {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .service-carousel .hme-service-box {
        padding: 20px 20px 15px;
    }

    .career-detail-inner:nth-child(2n) .what-we-do-content {
        padding-left: 0;
        padding-right: 50px;
    }

    .map {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .contact-content-section {
        padding: 50px 0 60px;
    }

    .contact-form-wrap {
        width: 50%;
    }

    .text-main {
        font-size: 15px;
    }

    .contact-form-main {
        margin-top: 20px;
    }

    .contact-form-main ul li {
        margin-bottom: 20px;
    }

    .form-btn {
        line-height: 45px;
        margin-top: 10px;
    }

    .contact-address-main {
        margin-top: 20px;
    }

    .contact-address-box {
        margin-bottom: 20px;
    }

    .contact-address-box label {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .faq__accordian-heading {
        font-size: 17px;
    }

    .faq__accordian-heading::before {
        width: 40px;
        height: 40px;
        right: 15px;
    }

    .product-intro {
        padding: 40px 0 60px;
    }

    .product-intro-content {
        width: 50%;
        padding-left: 45px;
        padding-top: 0px;
    }

    .product-gallery-img {
        overflow: hidden;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .current-vacancies-section {
        padding: 60px 0 60px;
    }

    .vacancies-filter-wrap {
        margin-top: 25px;
    }

    .vacancies-filter-search .nice-select {
        height: 45px;
        line-height: 45px;
    }

    .search-feild {
        height: 45px;
    }

    .vacancies-listing ul li {
        width: 32%;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .internship-vacancies-section {
        padding-bottom: 60px;
    }

    .vacancies-listing {
        margin-top: 25px;
    }

    .vacancies-listing ul {
        row-gap: 10px;
    }

    .vacancies-filter-category {
        width: 100%;
        margin-bottom: 20px;
    }

    .vacancies-filter-search {
        width: 100%;
    }

    .product-detail-qualities-list ul li {
        padding: 15px;
        font-size: 18px;
        min-height: 100px;
    }

    .title-second {
        font-size: 25px;
    }

    .product-detail-qualities {
        padding: 20px 0 60px;
    }

    .product-detail-certificate {
        padding: 60px 0;
    }

    .product-detail-specification {
        padding: 60px 0;
    }

    .product-specification-inner {
        padding: 25px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .product-detail-packaging {
        padding: 60px 0;
    }

    .packaging-icon {
        margin-bottom: 10px;
    }

    .product-detail-packaging ul li {
        padding: 25px 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .product-detail-packaging ul li {
        width: 31.3%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .product-detail-packaging ul {
        margin-top: 15px;
        row-gap: 20px;
    }

    .product-detail-packaging ul li h3 {
        font-size: 19px;
        line-height: 22px;
    }

    .get-in-touch-content {
        width: 50%;
    }

    .get-in-touch-content.half-width {
        width: 55%;
    }

    .main-news-wrap ul li {
        list-style: none;
        width: 31.3%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .main-news-wrap ul {
        row-gap: 15px;
    }

    .main-news-wrap .container {
        padding: 45px 0 60px;
    }

    .news-detail-content {
        padding: 60px 0 60px;
    }

    .news-detail-content-inner p {
        margin-bottom: 15px;
    }

    .share-post-section ul {
        margin-top: 15px;
    }

    .related-carousel {
        margin-top: 0;
    }

    .login-main-section {
        padding: 60px 0;
    }

    .login-wrap h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .signup-btn {
        margin-top: 25px;
    }

    .login-line {
        margin: 35px 0;
    }

    .login-form-box {
        margin-bottom: 15px;
    }

    .login-form .form-btn {
        margin-top: 30px;
    }

    .login-form-register {
        margin-top: 25px;
    }

    .global-numbers ul li {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .what-we-do-page-img img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .career-opertunities-inner {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }


    .product-specification-inner h3 {
        font-size: 26px;
    }

    .work-with-img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }


}


@media (max-width: 1300px) {
    .main-banner h2 {
        font-size: 35px;
        line-height: 40px;
    }
}


@media (max-width: 1030px) {
    .main-banner h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .main-banner .main-btn {
        margin-top: 20px;
    }

    .hme-about-section {
        padding: 50px 0;
    }

    .hme-about-left {
        padding-right: 30px;
    }

    .hme-about-left-content img {
        margin-top: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .hme-about-right img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .what-we-do-img img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .what-we-do-section {
        padding: 10px 0 50px;
    }

    .what-we-do-content {
        padding-left: 30px;
    }

    .hme-service-section {
        padding: 50px 0;
    }

    .service-inner-section {
        padding: 50px 0;
    }

    .hme-service-title {
        padding-right: 150px;
    }

    .hme-sustainability-section {
        padding: 50px 0 40px;
    }

    .hme-sustainability-content {
        padding-right: 30px;
    }

    .hme-sustainability-images ul li {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .globe-main-section {
        padding: 20px 0 45px;
    }

    .career-left-content {
        padding-right: 35px;
    }

    .career-right-img img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .who-we-are-first {
        padding: 45px 0;
    }

    .our-values-section {
        padding: 50px 0;
    }

    .our-value-title {
        width: 40%;
    }

    .our-value-title-content {
        width: 60%;
    }

    .values-carousel {
        margin-top: 25px;
    }

    .hme-ser-icon {
        margin-bottom: 10px;
    }

    .success-story-wrap {
        padding: 50px 0 20px;
    }

    .success-story-content {
        padding-left: 30px;
        padding-top: 0px;
    }

    .time-line-wrap {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .our-vision-section {
        padding: 50px 0;
    }

    .our-vision-section ul li {
        width: 100%;
    }

    .our-vision-section .hme-service-box {
        padding: 22px 20px 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .our-vision-section ul {
        row-gap: 15px;
    }

    .globe-contact-section {
        padding-top: 50px;
    }

    .globe-title-main {
        width: 45%;
    }

    .globe-title-content {
        width: 55%;
    }

    .get-in-touch-container {
        min-height: 350px;
        object-fit: cover;
    }

    .get-in-touch-content {
        width: 50%;
        padding: 20px;
        padding-right: 20px;
    }

    .product-detail-contact {
        padding: 30px 0;
    }

    .get-in-touch-content .main-btn {
        margin-top: 5px;
    }

    .footer-nav ul li a {
        font-size: 15px;
    }

    .footer-last ul li a {
        font-size: 16px;
        color: #6B6B6B;
        line-height: 25px;
    }

    .main-title-with-content {
        padding: 40px 0 0px;
    }

    .main-title-wrap {
        width: 50%;
        padding-right: 30px;
    }

    .main-title-content {
        width: 50%;
    }

    .main-title-wrap.low-width {
        width: 35%;
        padding-right: 30px;
    }

    .main-title-content.low-width {
        width: 65%;
    }

    .carrer-top-img {
        padding-bottom: 50px;
    }

    .sustainibility-top-section {
        padding: 50px 0;
    }

    .sustainibility-top-section ul li {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .sustainibility-top-section ul li h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .sustainibility-top-section ul {
        row-gap: 15px;
    }

    .career-focus-section {
        padding: 50px 0;
    }

    .career-focus-inner {
        margin-top: .0;
    }

    .career-focus-box {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .career-value-img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .career-value-main ul {
        row-gap: 15px;
    }

    .career-value-main ul li {
        width: 47%;
    }

    .career-opertunities-main {
        padding: 20px 0 30px;
    }

    .career-application-step {
        padding: 50px 0;
        margin-top: 15px;
    }

    .career-application-steps ul li {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .career-application-steps ul {
        row-gap: 20px;
    }

    .step-content h3 {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .career-qualification {
        padding: 50px 0;
    }

    .hiring-departmentsection {
        padding: 50px 0;
    }

    .hiring-department-list ul li {
        width: 48%;
    }

    .hiring-department-list ul {
        row-gap: 15px;
    }

    .what-we-do-content h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .carrer-top-img img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .career-detail-inner:nth-child(2n) .what-we-do-content {
        padding-left: 0;
        padding-right: 30px;
    }

    .footer {
        padding: 50px 0 30px;
    }

    .career-internship-first .container {
        padding: 50px 0;
    }


    .career-internship-second-section {
        padding: 60px 0;
    }

    .current-vacancies-section {
        padding: 50px 0 50px;
    }

    .vacancies-filter-search {
        margin-top: 20px;
    }

    .internship-vacancies-section {
        padding-bottom: 50px;
    }

    .vacancies-filter-category {
        margin-bottom: 10px;
    }

    .search-btn {
        height: 47px;
    }

    .vacancies-filter-category {
        margin-bottom: 0;
    }

    .vacancies-listing ul {
        margin-left: -1%;
        margin-right: -1%;
    }

    .vacancies-listing ul li {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }



    .vacancies-filter-search ul {
        justify-content: left;
        column-gap: 0;
        margin-left: -1%;
        margin-right: -1%;
    }

    .vacancies-filter-search ul li {
        list-style: none;
        position: relative;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .vacancies-filter-search ul li:last-child {
        width: 100%;
    }

    .search-main-conntain {
        padding-bottom: 60px;
    }

    .vacancies-filter-search .nice-select {
        height: 45px;
        line-height: 45px;
        width: 100%;
    }

    .nice-select:after {
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        content: '';
        display: block;
        height: 10px;
        margin-top: -6px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 10px;
    }

    .footer-logo {
        width: 100%;
    }

    .footer-nav {
        width: 100%;
        margin-top: 15px;
    }

    .footer-last {
        width: 100%;
    }

    .footer-last ul {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-last ul li {
        width: 50%;
    }

    .footer-last ul li a {
        line-height: 35px;
    }

    .footer-logo p {
        width: 100%;
        margin-top: 15px;
    }

    .footer-call {
        right: 0px;
        top: -72px;
    }

    .main-title {
        font-size: 26px;
        line-height: 30px;
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    .success-story-image img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .global-numbers ul li {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .global-presence-section {
        padding: 50px 0;
    }

    .what-we-do-page-img img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .product-detail-packaging ul li {
        width: 48%;
    }


    .product-desktop {
        display: none;
    }

    .product-mobile {
        display: block;
    }

    .main-product-image {
        width: auto;
    }

    .main-product-image {
        border: none;
    }

    .sonar-wave-main,
    .sonar-wave-main1,
    .sonar-wave-main2 {
        display: none;
    }

    .main-product-wrap {
        position: static;
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .main-product-image {
        flex-wrap: wrap;
    }

    .main-product-image {
        margin-top: 30px;
    }

    .product-mobile {
        margin-bottom: 30px;
    }

    .what-we-product-section {
        overflow: hidden;
    }

    .what-we-product-section {
        padding: 50px 0;
    }

    #search-menu .container input {
        font-size: 20px;
        padding: 10px 0;
        border-radius: 0 !important;
    }

    #search-menu .container button {
        font-size: 40px;
    }

    .product-intro-content {
        padding-top: 0px;
    }

    .main-product-image {
        left: 0px;
    }

    .main-product-image {
        width: auto;
        height: auto;
    }

    .owl-carousel.supply-chain-carousel .item::after {
        right: -23px;
    }

    .work-with-img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .hme-service-title .border-btn {
        top: 0;
    }

    .main-nav-footer {
        bottom: 50px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
        margin-top: 15px;
    }

    .main-product-image::after {
        display: none;
    }

    .career-focus-img img {
        height: 260px;
    }

    .no-product-class {
        font-size: 18px;
    }

}


@media (max-width: 768px) {
    .hme-about-left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 25px;
    }

    .hme-about-right {
        width: 100%;
    }

    .what-we-do-img {
        width: 100%;
    }

    .what-we-do-content {
        padding-left: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .what-we-do-section .flex-main {
        flex-direction: column-reverse;
    }

    .hme-sustainability-content {
        width: 100%;
        margin-bottom: 30px;
        padding-right: 0px;
    }

    .hme-sustainability-images {
        width: 100%;
    }

    .globe-title-main {
        width: 100%;
    }

    .globe-title-content {
        width: 100%;
    }

    .hme-career-section .flex-main {
        flex-direction: column-reverse;
    }

    .globe-title-content .border-btn {
        float: none;
    }

    .hme-service-title {
        padding-right: 0;
    }

    .owl-carousel.supply-chain-carousel .owl-nav button.owl-prev,
    .owl-carousel.service-home-carousel .owl-nav button.owl-prev {
        top: inherit !important;
        bottom: -70px;
        right: 0;
        left: -60px;
        margin: auto;

    }


    .owl-carousel.supply-chain-carousel .owl-nav button.owl-next,
    .owl-carousel.service-home-carousel .owl-nav button.owl-next {
        top: inherit !important;
        bottom: -70px;
        right: 0;
        left: 60px;
        margin: auto;

    }

    .hme-service-section {
        padding-bottom: 100px;
    }

    .career-left-content {
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .career-right-img {
        width: 100%;
    }

    .our-value-title {
        width: 100%;
    }

    .our-value-title-content {
        width: 100%;
    }

    .success-story-image {
        width: 100%;
        margin-bottom: 25px;
    }

    .success-story-content {
        padding-left: 0;
        padding-top: 0px;
        width: 100%;
    }

    .get-in-touch-content {
        width: 100%;
        padding: 0;
        padding-right: 0px;
        position: relative;
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .get-in-touch-content.half-width {
        width: 100%;
    }

    .get-in-touch-container {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .get-in-touch-container img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .get-in-touch-container h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .main-title-wrap {
        width: 100%;
        padding-right: 0;
    }

    .main-title-content {
        width: 100%;
    }

    .main-title-wrap.low-width {
        width: 100%;
        padding-right: 30px;
    }

    .main-title-content.low-width {
        width: 100%;
    }

    .main-title-content h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .main-title-with-content {
        padding: 40px 0 0px;
    }

    .global-numbers {
        width: 100%;
    }

    .global-text {
        padding-left: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .global-presence-inner.flex-main {
        flex-direction: column-reverse;
    }

    .global-number h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .global-numbers ul li {
        min-height: 175px;
    }

    .global-numbers ul {
        row-gap: 15px;
    }

    .hme-service-box {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }


    .supply-chain-carousel .owl-stage {
        margin-left: -30px;
    }

    .what-we-do-page-img {
        width: 100%;
    }

    .career-details-main-section .what-we-do-page-img {
        margin-top: 15px;
    }

    .career-details-main-section-repeat .what-we-do-page-img:not(:last-child) {
        margin-bottom: 30px;
    }

    .what-we-do-page-content {
        padding-left: 0;
        width: 100%;
    }

    .career-details-main-section-repeat .what-we-do-page-content {
        padding: 0;
    }

    .career-detail-inner:nth-child(2n) .what-we-do-page-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .news-slider-section {
        padding: 50px 0;
    }

    .related-news-main {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .career-opertunities-inner {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .related-carousel {
        margin-top: 10px;
    }

    .sustainibility-top-section ul li {
        width: 100%;
    }

    .career-focus .owl-stage {
        display: block;
    }

    .career-opertunities-content {
        width: 100%;
        padding: 50px 20px;
    }

    .career-opertunities-inner {
        width: 100%;
        min-height: auto;
    }

    .career-value-main {
        padding: 20px 0 30px;
    }

    .career-opertunities-content p {
        font-size: 17px;
        line-height: 26px;
    }

    .career-value-main ul li {
        width: 100%;
    }

    .career-value-main ul {
        margin-top: 0px;
    }

    .carrer-top-img {
        padding-bottom: 30px;
    }

    .career-value-content h4 {
        font-size: 24px;
    }

    .career-qualification .flex-main {
        flex-direction: column-reverse;
    }

    .hme-service-title .border-btn {
        position: static;
    }

    .main-title br {
        display: none;
    }

    .career-details-main-section .career-detail-inner {
        flex-direction: column-reverse;
    }

    .career-details-main-section .what-we-do-content {
        margin-bottom: 10px;
    }

    .career-internship-first .flex-main {
        flex-direction: column-reverse;
    }

    .get-in-touch-container {
        min-height: auto;
    }

    .career-internship-second-section {
        padding: 50px 0;
    }

    .vacancies-filter-wrap {
        margin-top: 0;
    }

    .vacancies-filter-search ul li {
        width: 100%;
    }

    .vacancies-listing ul li {
        width: 100%;
    }

    .contact-map-section {
        padding: 50px 0;
    }

    .map {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .contact-form-wrap {
        width: 100%;
        margin-bottom: 40px;
    }

    .contact-form-wrap.work-with {
        margin-bottom: 20px;
    }

    .contact-address {
        width: 100%;
        margin-left: auto;
    }

    .contact-address.work-with {
        width: 100%;
    }

    .contact-address-box label {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .contact-content p,
    .contact-content a {
        font-size: 15px;
    }

    .contact-content-section {
        padding: 50px 0 50px;
    }

    .contact-form-main ul li label {
        font-size: 15px;
    }

    .career-accordian-section {
        padding: 50px 0 60px;
    }

    .career-accordian-title h3 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .product-intro {
        padding: 10px 0 30px;
    }

    .product-indro-gallery {
        width: 100%;
        margin-bottom: 25px;
    }

    .product-gallery-img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .product-intro-content {
        width: 100%;
        padding-left: 0;
        padding-top: 0px;
    }

    .product-detail-nav ul li a {
        line-height: 50px;
        font-size: 15px;
    }

    .product-detail-nav ul li {
        list-style: none;
        margin-right: 20px;
    }

    .title-second {
        margin-bottom: 10px;
    }

    .product-detail-qualities {
        padding: 10px 0 50px;
    }

    .product-detail-qualities-list ul li {
        padding: 20px 15px;
        font-size: 16px;
        min-height: 80px;
        border-radius: 10px;
        width: 48%;
    }

    .product-detail-qualities-list ul {
        row-gap: 10px;
    }

    .product-detail-certificate {
        padding: 50px 0;
    }

    .certificate-img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .product-certificate h3 {
        font-size: 16px;
    }

    .product-detail-specification {
        padding: 50px 0;
    }

    .product-specification-inner {
        padding: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .product-specification-inner h3 {
        font-size: 22px;
    }

    .product-specification-inner ul li {
        width: 50%;

    }

    .product-specification-inner ul li:nth-child(2) {
        width: 50%;
        padding-right: 0px;
    }

    .product-specification-inner ul li {
        font-size: 14px;
    }

    .product-specification-inner ul {
        padding: 10px 0;
    }

    .product-detail-packaging ul li {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .product-detail-packaging ul {
        margin-top: 15px;
        row-gap: 10px;
    }

    .product-detail-packaging {
        padding: 50px 0;
    }

    .main-news-wrap ul li {
        width: 48%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .news-content p {
        font-size: 13px;
        line-height: 18px;
    }

    .news-content {
        width: 100%;
        position: absolute;
        bottom: 10px;
        left: 0px;
        padding: 0 10px;
    }

    .news-main-content span {
        font-size: 10px;
        line-height: 20px;
        top: 10px;
        left: 10px;
    }

    .news-content label {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .news-content .btn-white-arrow {
        display: inline-block;
        padding-right: 20px;
        font-size: 13px;
        line-height: 22px;
    }

    .main-news-wrap .container {
        padding: 40px 0 50px;
    }

    .news-details-breadcrumb {
        padding: 20px 0;
    }

    .news-detail-content {
        padding: 40px 0 50px;
    }

    .news-detail-content-inner h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .news-detail-content-inner p {
        margin-bottom: 10px;
    }

    .news-detail-content-inner img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .share-post-section ul li a {
        font-size: 16px;
    }

    .share-post-section ul li {
        width: 45px;
        height: 45px;
    }

    .share-post-section {
        width: 100%;
        padding-top: 20px;
        margin-top: 35px;
    }

    .share-post-section ul {
        margin-top: 10px;
    }

    .related-news-section {
        padding: 20px 0 50px;
    }

    .login-main-section {
        padding: 50px 0;
    }

    .login-wrap h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .login-wrap h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .main-nav-wrap ul li a {
        font-size: 19px;
        line-height: 25px;
    }

    .main-nav-wrap ul li {
        margin: 15px 0;
    }

    .main-nav-footer .container {
        padding-top: 18px;
    }

    .main-nav-footer {
        bottom: 50px;
    }

    .nav-footer ul {
        column-gap: 15px;
        justify-content: center;
    }

    .nav-footer ul li a {
        font-size: 12px;
        line-height: 20px;
    }

    .nav-footer-social {
        margin-top: 10px;
    }

    .nav-footer-social label {
        font-size: 15px;
    }

    .nav-footer-social {
        margin: auto;
    }

    .nav-footer-social ul {
        column-gap: 14px;
    }

    .nav-footer-social ul li a {
        font-size: 16px;
        line-height: 22px;
    }

    .hme-sustainability-images ul li {
        width: 31.3%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .hiring-department-list ul li h3 {
        font-size: 16px;
    }

    .news-detail-title p {
        font-size: 16px;
    }

    .certificate-img img {
        width: 70% !important;
    }

    .certificate-img {
        min-height: 140px;
    }

    .product-gallery .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }

    .product-gallery .owl-dots {
        bottom: 20px;
    }


    .owl-carousel.supply-chain-carousel .item::after {
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .globe-title-content {
        top: 0px;
    }


    .search-main-conntain {
        padding-bottom: 40px;
    }

    .form-btn {
        width: 115px;
    }

    .search-feild {
        width: calc(100% - 125px);
    }

    #search_result_product_div {
        margin-top: 40px;
    }

    .ui-autocomplete {
        max-width: 450px;
    }

    #product_details_div h2 {
        font-size: 30px;
        line-height: 30px;
        color: #E53721;
        margin-bottom: 20px;
    }

    #search-result-count-div {
        margin-top: 40px;
    }


}


@media (max-width: 599px) {
    .supply-chain-carousel .owl-stage {
        margin-left: -30px;
    }

    .footer-nav ul li a {
        line-height: 30px;
    }

    .related-carousel .owl-stage {
        margin-left: -50px;
    }


    .values-carousel .owl-stage {
        margin-left: -40px;
    }




}

@media (max-width: 430px) {
    .news-content p {
        font-size: 11px;
        line-height: 15px;
    }

    .news-content label {
        font-size: 10px;
        line-height: 15px;
        margin-bottom: 3px;
    }

    .news-content .btn-white-arrow {
        display: inline-block;
        padding-right: 20px;
        font-size: 10px;
        line-height: 20px;
    }


    .ui-autocomplete {
        max-width: 400px;
    }


}

@media (max-width: 400px) {

    .ui-autocomplete {
        max-width: 350px;
    }
}