@media screen and (max-width: 1430px) {
  .flax-lab-location-detail {
    max-width: 299px;
  }
}

@media screen and (max-width: 1399px) {
  .korea {
    top: 118px;
    right: 93px;
  }

  .mexico {
    top: 180px;
    left: 200px;
  }

  .colombia {
    bottom: 150px;
    left: 300px;
  }

  .peru {
    bottom: 110px;
    left: 300px;
  }

  .peraguay {
    bottom: 75px;
    left: 330px;
  }

  .brazil {
    bottom: 118px;
    left: 366px;
  }

  .australia {
    bottom: 65px;
    right: 0px;
  }

  .indonesia {
    bottom: 165px;
    right: 55px;
  }

  .vietnam {
    bottom: 194px;
    right: 139px;
  }

  .japan {
    top: 115px;
    right: 55px;
  }

  .s-korea {
    top: 95px;
    right: 52px;
  }

  .bangladesh {
    bottom: 240px;
    right: 180px;
  }

  .china {
    bottom: 300px;
    right: 200px;
  }

  .russia {
    top: 55px;
    right: 215px;
  }

  .pakistan {
    top: 130px;
    right: 295px;
  }

  .kenya {
    bottom: 160px;
    right: 420px;
  }

  .nigeria {
    top: 218px;
    right: 446px;
  }

  .iraq {
    top: 165px;
    right: 410px;
  }

  .iran {
    top: 135px;
    right: 420px;
  }

  .palestaine {
    top: 115px;
    right: 400px;
  }

  .egypt {
    top: 146px;
    left: 680px;
  }

  .syira {
    top: 110px;
    left: 703px;
  }

  .lebanon {
    top: 85px;
    right: 440px;
  }

  .greece {
    top: 80px;
    left: 660px;
  }

  .turkey {
    top: 60px;
    left: 700px;
  }

  .spain {
    top: 65px;
    left: 620px;
  }

  .romania {
    top: 30px;
    left: 660px;
  }

  .counter-section-inner {
    gap: 67px !important;
  }

  .counter-section-inner .counter-box:after {
    right: -37px !important;
  }

  .navbar-nav li a {
    font-size: 16px;
  }

  .navbar-brand {
    width: 219px;
  }

  .navbar-brand img {
    width: 100%;
  }

  .footer-flax {
    gap: 9px;
  }

  .counter-box i {
    font-size: 51px !important;
  }

  .counter,
  span.plus {
    font-size: 33px;
  }
}

@media screen and (max-width: 1299px) {
  .footer-flax {
    gap: 9px;

    flex-flow: row wrap;

    row-gap: 32px;
  }

  .footer .footer-flax .footer-outer:first-child {
    width: 100%;

    max-width: 42%;
  }

  .footer .footer-flax .footer-outer {
    width: 18%;
  }

  footer .container-fluid {
    max-width: 1113px;
  }

  .flax-lab-location-detail {
    max-width: 47%;
  }

  .flax-lab-location-detail iframe {
    width: 100%;

    border-radius: 10px;

    height: 231px !important;
  }
}

@media screen and (max-width: 1199px) {


  .menu-item-has-children a {
    padding-right: 33px !important;
  }
  
   #static-menu .menu-item-has-children > a::after {
        content: " ";
        color: rgb(18, 18, 18);
        right: 15px !important;
        rotate: 362deg !important;
        top: 12px !important;
        width: 8px !important;
        height: 8px !important;
    }

  .iran {
    top: 89px;
    right: 285px;
  }
  .world-map i {
    font-size: 25px;
  }
  .turkey {
    top: 64px;
    left: 550px;
  }
  .syira {
    top: 87px;
    left: 553px;
  }

  .korea {
    top: 95px;
    right: 62px;
  }

  .header .top-bar-header a {
    color: white;

    font-size: 15px;
  }

  #static-menu .menu-item-has-children > a::after {
    content: " ";

    color: rgb(18, 18, 18);

    right: 18px !important;

    rotate: 362deg !important;

    /*top: 15px !important;*/

    width: 8px !important;

    height: 8px !important;
  }

  .indonesia {
    bottom: 126px;

    right: 37px;
  }

  .syria {
    top: 72px;

    left: 501px;
  }

  .greece {
    top: 58px;

    left: 473px;
  }

  .palestaine {
    top: 92px;

    right: 309px;
  }

  .spain {
    top: 56px;

    left: 447px;
  }

  .lebanon {
    top: 55px;

    right: 317px;
  }

  .nigeria {
    top: 173px;

    right: 362px;
  }

  .brazil {
    bottom: 97px;

    left: 301px;
  }

  .iraq {
    top: 107px;
    right: 302px;
  }

  .peru {
    bottom: 88px;

    left: 225px;
  }

  .china {
    bottom: 245px;

    right: 166px;
  }

  .kenya {
    bottom: 125px;

    right: 316px;
  }

  .colombia {
    bottom: 140px;

    left: 235px;
  }

  .pakistan {
    top: 90px;

    right: 218px;
  }

  .bangladesh {
    bottom: 195px;

    right: 134px;
  }

  .russia {
    top: 28px;

    right: 190px;
  }

  .peraguay {
    bottom: 70px;

    left: 269px;
  }

  .romania {
    top: 25px;

    left: 488px;
  }

  .mexico {
    top: 139px;
    left: 148px;
  }

  .syria {
    top: 78px;

    left: 521px;
  }

  .egypt {
    top: 121px;

    left: 527px;
  }

  .vietnam {
    bottom: 164px;

    right: 105px;
  }

  .s-korea {
    bottom: 221px;

    right: 6px;
  }

  .japan {
    top: 74px;

    right: 41px;
  }

  .australia {
    bottom: 62px;

    right: 0px;
  }

  .inner-detail-img .image-slider,
  .inner-detail-img .owl-stage,
  .inner-detail-img .owl-item,
  .inner-detail-img .owl-stage-outer {
    height: 637px;
  }

  .inner-detail-img {
    order: 2;

    margin: 0 auto;
  }

  .infrastructure-details .owl-nav.disabled + .owl-dots {
    margin-bottom: 0px !important;
  }

  .inner-detail-img {
    flex: 1 1 50%;

    max-width: 100%;
  }

  .cell-2 {
    width: 31% !important;
  }

  .event-gallery-div {
    gap: 25px;
  }

  .product-section .product-inner-section {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 27px;
  }

  .infrastructure-details .inner-details-sec {
    flex-direction: column;
  }

  .inner-detail-info {
    width: 100%;

    order: 1;
  }

  .infrastructure-details img {
    border-radius: 15px;
  }

  .inner-detail-img {
    order: 2;

    margin: 0 auto;

    width: 100% !important;

    padding: 49px;

    padding-top: 0px !important;

    border-radius: 15px;

    overflow: hidden;
  }

  .contact-page-section h2 {
    margin-bottom: 28px;

    font-size: 37px;
  }

  .career-form-inner-div {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 18px;
  }

  /* .about-section {

        height: 405px;

    } */

  .about-section h1 {
    padding-left: 0px !important;
  }

  .about-detail-info {
    width: 100% !important;
  }

  .marketing-sec li a {
    word-break: break-all;

    white-space: normal;
  }

  .footer .footer-flax .footer-outer:first-child {
    width: 41%;
  }

  .footer-flax h3 {
    font-size: 24px !important;
  }

  .email-link {
    display: inline-flex;

    align-items: center;

    text-decoration: none;

    color: inherit;

    /* Optional: inherits the color from parent */

    word-break: break-word;
  }

  .email-text {
    display: inline-block;

    word-break: break-word;

    margin-left: 8px;

    /* Optional: adds spacing between icon and email */
  }

  .counter-section-inner {
    flex-flow: row wrap;

    max-width: 803px;

    gap: 78px;

    row-gap: 14px !important;

    margin: 0 auto;
  }

  .counter-section-inner .counter-box:after {
    height: 61px;
  }

  .counter-box {
    padding: 5px;
  }

  .navbar-brand {
    width: 204px;
  }

  .navbar-nav li a {
    font-size: 14px;
  }

  .header-content div {
    font-size: 14px;

    justify-content: end;
  }

  .hero-section h1 {
    font-size: 60px;
  }

  h1 {
    font-size: 60px;
  }



   .footer .footer-flax .footer-outer{
        width: auto;
    }
}

@media screen and (max-width: 1024px) {

  .about-section{
    min-height: 350px;
  }

}

@media screen and (max-width: 1252px) {
  .footer-flax h3 {
    font-size: 23px;
  }
}

@media screen and (max-width: 991px) {
 .about-section{
    min-height: 300px;
  }

  .flax-lab-location-detail {
    max-width: 44%;
  }

  .mexico {
    top: 140px;
    left: 90px;
  }

  .colombia {
    top: 190px;
    left: 140px;
  }

  .peru {
    top: 220px;
    left: 150px;
  }

  .peraguay {
    top: 240px;
    left: 160px;
  }

  .brazil {
    top: 200px;
    left: 200px;
  }

  .australia {
    top: 270px;
    left: 610px;
  }

  .indonesia {
    top: 230px;
    left: 570px;
  }

  .vietnam {
    top: 190px;
    left: 590px;
  }

  .japan {
    top: 120px;
    left: 630px;
  }

  .s-korea {
    top: 105px;
    left: 610px;
  }

  .bangladesh {
    top: 175px;
    left: 530px;
  }

  .china {
    top: 145px;
    left: 550px;
  }

  .russia {
    top: 45px;
    left: 500px;
  }

  .pakistan {
    top: 125px;
    left: 480px;
  }

  .kenya {
    top: 210px;
    left: 420px;
  }

  .nigeria {
    top: 180px;
    left: 370px;
  }

  .iraq {
    top: 125px;
    left: 440px;
  }

  .iran {
    top: 110px;
    left: 450px;
  }

  .palestaine {
    top: 115px;
    left: 430px;
  }

  .egypt {
    top: 135px;
    left: 410px;
  }

  .syria {
    top: 110px;
    left: 420px;
  }

  .lebanon {
    top: 100px;
    left: 425px;
  }

  .greece {
    top: 95px;
    left: 400px;
  }

  .turkey {
    top: 80px;
    left: 420px;
  }

  .spain {
    top: 100px;
    left: 350px;
  }

  .romania {
    top: 70px;
    left: 380px;
  }

  .header .top-bar-header {
    flex-direction: column;
  }

  .table-cell-6 .table-header .cell-4 {
    width: 46% !important;
  }

  .table-header .cell-4 {
    width: 42% !important;
  }

  .table-cell-6 .dmf-checks {
    justify-content: center !important;

    gap: 86px !important;
  }

  .dmf-checks {
    display: flex;

    justify-content: flex-end !important;

    gap: 130px !important;
  }

  .main-api-table-div .table-header {
    min-height: 80px;
  }

  .table-header div {
    font-size: 15px;
  }

  .table-cell-6 .table-header div {
    padding: 4px 9px;
  }

  .table-cell-6 .table-header .cell-4 {
    padding: 4px 0px !important;
  }

  .table-cell-6 .cell-3 {
    width: 26%;
  }

  .cell-4 {
    width: 41%;
  }

  .main-api-table-div .cell-1 {
    padding-left: 0px !important;
  }

  .table-row {
    padding: 0px 19px;
  }

  .main-api-table-div {
    width: 100%;
  }

  .flax-lab-location-detail a br {
    display: none !important;
  }

  .event-gallery-div a {
    width: 47.5%;
  }

  .event-exhibition .event-gallery-div div {
    width: 47.5%;
  }

  .product-inner-section .product-cards {
    padding: 31px;

    border-radius: 15px;

    display: flex;

    gap: 23px;

    width: 48%;

    padding: 23px;
  }

  .product-inner-section .product-cards {
    padding: 23px;
  }

  .contact-page-section .contact-inner {
    box-shadow: none !important;

    gap: 45px;
  }

  .contact-page-section .contact-inner {
    border-radius: 15px;

    overflow: hidden;

    display: flex;

    flex-direction: column;
  }

  .contact-page-section .flax-contact {
    width: 100%;

    border-radius: 15px !important;
  }

  .contact-page-section .flax-details {
    width: 100%;

    border-radius: 15px !important;
  }

  .opening-position-div .opening-position-card {
    padding: 30px;

    width: 47%;
  }

  .career-form-inner-div {
    align-items: center;

    gap: 13px;
  }

  .ourTeamCard .ourTeamInner:nth-child(1) {
    width: 58%;
  }

  .ourTeamCard {
    align-items: start;
  }

  .footer-flax {
    gap: 67px;

    flex-flow: row wrap;
  }

  .footer-flax {
    gap: 8px !important;
  }

  .footer .footer-flax .footer-outer {
    width: fit-content;

    padding: 0px 0 !important;
  }

  .footer-flax {
    gap: 77px !important;
  }

  .footer-flax {
    flex-flow: row wrap;

    row-gap: 30px !important;

    justify-content: start;
  }

  .footer .footer-flax .footer-outer:first-child {
    width: 100%;

    border-right: 0px solid #3b65bc;
  }

  .flax-lab-add-map-location .flax-lab-location-cards {
    gap: 13px;

    width: 42%;
  }

  .flax-lab-add-map-location {
    background-color: #3b65bc;

    display: flex;

    gap: 31px;

    justify-content: center;

    padding: 60px;

    border-radius: 15px;
  }

  .core-value-card h3 {
    color: black !important;

    font-weight: normal !important;

    font-size: 26px;
  }

  h3 {
    font-size: 26px;
  }

  .welcome-txt {
    width: 100%;

    margin-bottom: 15px;
  }

  .card-section {
    gap: 30px;
  }

  .core-value-inner .core-value-card .core-value-img i {
    color: white;

    font-size: 27px;
  }

  .core-value .about-detail-info {
    width: 100% !important;
  }

  .core-value-inner .core-value-card .core-value-img {
    width: 80px;

    height: 80px;
  }

  .core-value-inner {
    margin: 0 auto;

    justify-content: center;

    gap: 44px;

    width: 85%;
  }

  .card {
    width: 100%;
  }

  .counter-section-inner {
    flex-flow: row wrap;

    max-width: 665px;

    gap: 37px;
  }

  .counter-box {
    flex: 1;

    /*max-width: 262px;*/
  }

  .core-row {
    display: block;
  }

  .core-single {
    display: block;

    margin-bottom: 15px;
  }

  .core-border {
    border: none;
  }

  .border-left,
  .border-right,
  .border-topside {
    border: none;
  }

  .our-client ul li {
    display: block;
  }

  .our-client ul li div {
    margin: 0 auto;

    width: 86%;

    height: 90px;

    padding: 9px;
  }

  .our-client ul li div img {
    width: 100%;

    height: 100%;

    object-fit: contain;
  }

  .our-client ul li div img {
    width: 100%;
  }






  .product-list-cards .product-lists .product-card{
           width: 45%;
    }
}

@media screen and (max-width: 991px) {
	.counter-box img {
    width: 74px;
}
  .career-form-inner-div .career-form-group {
    width: 49%;

    display: flex;

    gap: 0px;

    flex-direction: column;
  }

  .career-form-group label {
    font-size: 16px;
  }

  .mexico {
    top: 42%;
    left: 17%;
  }

  .colombia {
    top: 53%;
    left: 25%;
  }

  .peru {
    top: 61%;
    left: 26%;
  }

  .peraguay {
    top: 70%;
    left: 26%;
  } /* Correct spelling to .paraguay */

  .brazil {
    top: 56%;
    left: 31%;
  }

  .syira {
    top: 21%;
    left: 59.5%;
  }

  .nigeria {
    top: 54%;
    left: 53%;
  }

  .kenya {
    top: 53%;
    left: 56%;
  }

  .spain {
    top: 15%;
    left: 49%;
  }

  .greece {
    top: 17%;
    left: 52%;
  }

  .romania {
    top: 13%;
    left: 54%;
  }

  .turkey {
    top: 19%;
    left: 55%;
  }

  .lebanon {
    top: 19%;
    left: 57%;
  }

  .palestaine {
    top: 24%;
    left: 57.5%;
  } /* Consider renaming to .palestine */

  .iraq {
    top: 25%;
    left: 61%;
  }

  .iran {
    top: 27%;
    left: 64%;
  }

  .egypt {
    top: 32%;
    left: 56%;
  }

  .syria {
    top: 39%;
    left: 49%;
  }

  .pakistan {
    top: 29%;
    left: 67%;
  }

  .india {
    top: 52%;
    left: 63%;
  } /* Not present, but could be added */

  .bangladesh {
    top: 34%;
    left: 73%;
  }

  .china {
    top: 30%;
    left: 74%;
  }

  .vietnam {
    top: 43%;
    left: 79%;
  }

  .indonesia {
    top: 56%;
    left: 82%;
  }

  .japan {
    top: 28%;
    left: 88%;
  }
  .korea {
    top: 30%;
    right: 4%;
  }

  .s-korea {
    top: 32%;
    left: 80%;
  }

  .australia {
    top: 74%;
    left: 89%;
  }

  .russia {
    top: 6%;
    left: 67%;
  }

  .world-map i {
    color: blue;

    font-size: 17px;
  }

  .our-client ul {
    display: flex;

    flex-wrap: wrap;

    gap: 16px;

    row-gap: 24px;
  }

  .counter-section {
    padding: 25px 0px !important;
  }

  .counter-section-inner {
    gap: 52px !important;

    row-gap: 14px !important;
  }

  .counter-box p {
    margin-bottom: 0px !important;

    white-space: nowrap !important;
  }

  .counter-section-inner .counter-box:after {
    right: -25px !important;
  }

  .section-padding {
    padding: 55px 0px;
  }

  .section-margin {
    margin: 55px 0px;
  }

  .card {
    width: 47%;
  }

  .facilities-details {
    width: 100%;
  }

  .about-txt {
    width: 100%;
  }

  .flax-lab_header-toggle-btn {
    display: block !important;
  }

  .hero-content {
    padding: 72px 0;

    width: 100%;
  }

  .welcome-img {
    width: 100%;
  }

  .Welcome-section {
    gap: 33px;
  }
}

@media screen and (max-width: 830px) {
  .about-section h1 {
    font-size: 60px;
  }

  .core-value-inner {
    margin: 0 auto;

    justify-content: center;

    gap: 22px;

    width: 70%;
  }

  .core-value-inner .core-value-card .core-value-img {
    width: 70px;

    height: 70px;
  }

  .core-value-inner .core-value-card {
    gap: 15px;
  }

  .core-value-inner .core-value-card .core-value-img i {
    color: white;

    font-size: 22px;
  }

  .core-value-inner .core-value-card .core-value-img {
    width: 59px;

    height: 58px;
  }

  .core-value-card h3 {
    font-size: 23px;
  }
}

@media screen and (max-width: 767px) {

	.counter-box img {
    width: 60px;
}
  #location-name-div {
    display: block;
    margin-top: 15px;
  }
  #location-name-div p {
    text-align: center;
    margin: 0;
    font-size: 26px;
    text-transform: capitalize;
    color: #0089a9;
    font-weight: 600;
  }

  .mexico {
    top: 40%;
    left: 18%;
  }

  .colombia {
    top: 51%;
    left: 25.5%;
  }

  .peru {
    top: 62.5%;
    left: 27.3%;
  }

  .peraguay {
    top: 57%;
    left: 24.5%;
  }

  .brazil {
    top: 54%;
    left: 31%;
  }

  .nigeria {
    top: 50%;
    left: 53%;
  }

  .kenya {
    top: 53.2%;
    left: 56%;
  }

  .spain {
    top: 14.5%;
    left: 47.8%;
  }

  .greece {
    top: 15%;
    left: 51.5%;
  }

  .romania {
    top: 6%;
    left: 53.5%;
  }

  .turkey {
    top: 14.5%;
    left: 54.8%;
  }

  .world-map span {
    visibility: hidden;
  }

  .lebanon {
    top: 9.5%;
    left: 58%;
  }

  .palestine {
    top: 36.5%;
    left: 42.5%;
  }

  .iraq {
    top: 30%;
    left: 61%;
  }

  .iran {
    top: 23%;
    left: 62.5%;
  }

  .egypt {
    top: 31.5%;
    left: 54.5%;
  }

  .syria {
    top: 32.5%;
    left: 40.5%;
  }

  .pakistan {
    top: 26%;
    left: 65.5%;
  }

  .bangladesh {
    top: 30%;
    left: 73%;
  }
  .palestaine {
    top: 18%;
    left: 57.5%;
  }

  .china {
    top: 21%;
    left: 75%;
  }

  .vietnam {
    top: 40%;
    left: 78%;
  }

  .indonesia {
    top: 51%;
    left: 81%;
  }

  .japan {
    top: 23.5%;
    left: 87%;
  }

  .russia {
    top: 4.5%;
    left: 70%;
  }

  .australia {
    top: 67%;
    left: 88%;
  }

  .korea {
    top: 26%;
    right: -2%;
  }

  .footer-flax {
    gap: 49px !important;
  }

  .intermediate-table .cell-1 {
    width: 6px;
  }

  .header .top-bar-header a {
    font-size: 16px;
  }

  .inner-detail-img .image-slider,
  .inner-detail-img .owl-stage,
  .inner-detail-img .owl-item,
  .inner-detail-img .owl-stage-outer {
    height: 434px;
  }

  .our-client ul {
    display: flex;

    flex-wrap: wrap;

    gap: 12px !important;
  }

  .our-client ul li div {
    margin: 0 auto;

    width: 87%;

    height: 75px;

    padding: 9px;
  }

  .counter-section {
    padding: 18px 0px !important;
  }

  .counter-box:after {
    display: none !important;
  }

  .counter-box i {
    font-size: 38px !important;
  }

  .inner-info {
    text-align: start;

    display: flex;

    gap: 22px;

    align-items: center;
  }

  .counter-box {
    flex: 1;

    gap: 27px;

    max-width: 100% !important;
  }

  .counter-section-inner {
    gap: 44px;

    max-width: 516px;

    flex-direction: column !important;
  }

  .counter-box {
    flex: 1;

    width: 100%;

    justify-content: start;
  }

  .table-apis-title h2 {
    font-size: 33px !important;
  }

  .table-cell-2 .cell-2 {
    width: 293px !important;
  }

  .cell-1 {
    width: 59px;

    padding: 0;
  }

  .table-cell-2 .cell-3 {
    padding: 12px 0px !important;

    width: 34% !important;
  }

  .api-table-wrapper {
    max-width: 600px !important;

    overflow-x: auto;

    margin: 0 auto;
  }

  .main-api-table-div {
    min-width: 600px !important;
  }

  .table-cell-6 .cell-4 {
    width: 182px !important;
  }

  .table-cell-6 .main-api-table-div {
    min-width: 774px !important;
  }

  .table-cell-6 .api-table-wrapper {
    max-width: 890px !important;
  }

  .table-cell-6 .dmf-checks {
    justify-content: center !important;

    gap: 65px !important;
  }

  .dmf-checks {
    display: flex;

    justify-content: center;

    gap: 76px !important;
  }

  /* Sticky Title */

  .table-apis-title {
    position: sticky;

    top: 0;

    background: white;

    z-index: 10;

    padding: 1rem 0;
  }

  .table-header .cell-4 {
    width: 220px !important;
  }

  .cell-2 {
    width: 189px !important;

    padding: 20px 10px !important;
  }

  .cell-3 {
    padding: 12px 0px !important;

    width: 140px !important;
  }

  .cell-4 {
    width: 140px !important;
  }

  .table-cell-6 .table-header .cell-4 {
    width: 213px !important;
  }

  .about-section-para {
    width: 100% !important;
  }

  .product-inner-section .product-cards {
    width: 100%;
  }

  .product-inner-section .product-cards {
    padding: 14px !important;
  }

  .product-info {
    min-height: auto !important;

    display: flex;

    flex-direction: column;

    gap: 32px;
  }

  .inner-detail-info {
    padding: 28px;
  }

  .inner-detail-img {
    padding: 26px;
  }

  .contact-page-section .flax-contact {
    padding: 28px;
  }

  .contact-page-section .flax-details {
    padding: 28px;
  }

  .career-form-inner-div {
    align-items: center;

    gap: 10px;

    row-gap: 15px !important;
  }

  .opening-position-card h3 {
    font-size: 21px;
  }

  .our-vision-mission-inner .cards img {
    width: 14% !important;
  }

  .ourTeamCard .ourTeamInner:nth-child(1) {
    width: 100%;
  }

  .ourTeamCard .ourTeamInner:nth-child(2) {
    width: 100%;
  }

  .ourTeamCard {
    width: 100%;

    display: flex;

    flex-direction: column;
  }

  .our-vision-mission-section-outer .our-vision-mission-inner {
    display: flex;

    gap: 32px;

    flex-direction: column;
  }

  .our-vision-mission-section-outer .our-vision-mission-inner .cards {
    width: 100%;
  }

  .footer .footer-flax .footer-outer {
    margin-right: auto;
  }

  .footer .footer-flax .footer-outer {
    padding: 0px 0 !important;
  }

  .footer .footer-flax .footer-outer:first-child {
    width: 100% !important;
  }

  .footer .footer-flax .footer-outer:first-child {
    border-right: 0px solid #3b65bc;
  }

  .flax-lab-add-map-location .flax-lab-location-cards {
    gap: 13px;

    width: 90%;

    margin: 0 auto;
  }

  .flax-lab-add-map-location {
    background-color: #3b65bc;

    display: flex;

    flex-direction: column;
  }

  .card {
    padding: 16px;
  }

  .card:after {
    width: 189px;

    height: 103px;
  }

  .hero-section h1 {
    font-size: 51px;
  }

  h1 {
    font-size: 51px;
  }

  .hero-content ul li {
    font-size: 16px;

    margin-bottom: 8px;

    letter-spacing: 1px;

    line-height: 19px;
  }

  .hero-section li::marker {
    color: #ffffff !important;

    font-size: 24px !important;
  }

  .counter-section-inner {
    flex-flow: row wrap;
  }

  .counter-box {
    flex: 1;

    /*max-width: 317px;*/

    justify-content: start !important;
  }

  .counter-section-inner {
    flex-flow: row wrap;
  }

  .core-value-inner {
    margin: 0 auto;

    justify-content: center;

    gap: 43px;

    row-gap: 20px !important;

    width: 96%;

    flex-flow: row wrap;
  }



   .product-card .product-content{
        padding: 25px 15px;
    }
}

@media screen and (max-width: 768px) {
  /* .about-section {

        height: 357px;

    } */

  .about-section h1 {
    font-size: 48px;
  }

  .member-txt {
    text-align: center;
  }

  .our-client ul li div img {
    width: 100%;
  }




    .product-list-cards .product-lists .product-card{
           width: 47%;
    }

    .banner-title p{
        width: 70%;
    }
}

@media screen and (max-width: 670px) {
  .footer .footer-flax .footer-outer:first-child {
    width: 100%;

    max-width: 100%;
  }

  .flax-lab-location-detail {
    max-width: 100%;
  }

  .footer-flax {
    gap: 28px !important;
  }

  .footer-flax h3 {
    margin-bottom: 11px;
  }





     .product-list-cards .product-lists .product-card{
           width: 100%;
    }

    .banner-title p{
        width: 100%;
    }

    .product-card .product-content{
      bottom: 0px;
    
    }

    .product-card .product-content span{
       opacity: 1;
    }
}

@media screen and (max-width: 575px) {
 .about-section{
    min-height: 250px;
  }


  #location-name-div p {
    font-size: 21px;
  }
  #location-name-div {
    margin-top: 10px;
  }

  .world-map i {
    color: blue;

    font-size: 10px;
  }

  .cpyright-inner p {
    text-align: center;
  }
  .hero-section .hero-banner-flax {
    display: flex;

    align-items: start;

    flex-direction: column !important;
  }

  .hero-section .container .logo-image {
    width: 130px !important;

    padding-top: 0px !important;

    margin-left: 0px !important;
  }

  .hero-content {
    padding-bottom: 19px !important;
  }

  footer .footer-outer ul {
    margin-bottom: 0px !important;
  }

  .our-client ul li {
    list-style: none;

    padding: 0px 0 !important;
  }

  .cell-2 {
    font-size: 14px !important;
  }

  .cell-4 {
    width: 150px !important;
  }

  .dmf-checks {
    gap: 73px !important;
  }

  .table-row {
    padding: 0px 17px;
  }
  .table-header div,
  .cell-3,
  .cell-1 {
    font-size: 14px !important;
  }

  .cell-2 {
    padding: 15px 10px !important;
  }

  .table-apis-title h2 {
    font-size: 30px !important;
  }

  .cpyright-inner {
    display: flex;

    flex-direction: column;

    gap: 10px;
  }

  .event-gallery-div a {
    width: 100%;
  }

  .event-exhibition .event-gallery-div div {
    width: 100%;
  }

  .about-section h1 {
    font-size: 43px !important;
  }

  .our-client ul li {
    list-style: none;

    padding: 30px 0;

    width: 25%;
  }

  .our-client ul li:last-child {
    border-right: none !important;
  }

  .our-client ul li:nth-child(4n) {
    border-right: none;
  }

  .inner-detail-info {
    padding: 21px;
  }

  .inner-detail-img {
    padding: 21px;
  }

  .contact-page-section .contact-inner-field {
    font-size: 16px;
  }

  .contact-details-inner a {
    font-size: 16px !important;
  }

  .career-form-inner-div .career-form-group {
    width: 100%;
  }

  .contact-page-section .flax-details {
    padding: 18px;
  }

  .opening-position-div .opening-position-card {
    padding: 22px;

    width: 100%;
  }

  .opening-position-div {
    gap: 15px;
  }

  .career-form-inner-div {
    align-items: center;

    gap: 11px;
  }

  .counter-box {
    flex: 1;

    max-width: 50% !important;
  }

  .counter-section-inner {
    gap: 44px;

    max-width: 100%;
  }

  h2 {
    font-size: 36px !important;
  }

  .hero-section h1 {
    font-size: 42px;
  }

  .header-content {
    color: white;
  }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: 12px;
  }

  p {
    font-size: 17px;
  }

  .section-padding {
    padding: 56px 0px;
  }

  .section-margin {
    margin: 56px 0px;
  }



    .service-gallery-slider-div .owl-next{
            right: -13px !important;
    }

    .service-gallery-slider-div .owl-prev{
            left: -13px !important;
    }
}

@media screen and (max-width: 550px) {
  .contact-page-section .flax-contact {
    padding: 15px;
  }

  .contact-page-section .contact-inner-field input {
    height: 38px;
  }

  .card {
    width: 100%;
  }

  .card:after {
    width: 286px;

    height: 156px;
  }

  .counter-box:after {
    display: none !important;
  }

  .counter-box i {
    font-size: 38px !important;
  }

  .counter-box {
    flex: 1;

    gap: 27px;

    max-width: 100% !important;
  }

  .counter-section-inner {
    gap: 44px;

    max-width: 100%;

    flex-direction: column;
  }

  .counter-box {
    flex: 1;

    width: 100%;

    justify-content: start;
  }
}

@media screen and (max-width: 450px) {
  .header-content {
    gap: 4px !important;
  }

  .inner-detail-img .image-slider,
  .inner-detail-img .owl-stage,
  .inner-detail-img .owl-item,
  .inner-detail-img .owl-stage-outer {
    height: 260px;
  }
}

@media screen and (max-width: 480px) {
  .header-content {
    flex-direction: column;

    gap: 4px;
  }
}

@media screen and (max-width: 450px) {
  .egypt {
    top: 25.5%;
    left: 54.5%;
  }
  .pakistan {
    top: 20%;
    left: 65.5%;
  }
  .world-map i {
    font-size: 9px;
  }
  .syira {
    top: 13%;
    left: 60.5%;
  }
  .iraq {
    top: 25%;
    left: 61%;
  }
  .iran {
    top: 17%;
    left: 62.5%;
  }
  .colombia {
    top: 45%;
    left: 26.5%;
  }
  .korea {
    top: 17%;
    right: -41px;
  }
  .spain {
    top: 6.5%;
    left: 47.8%;
  }
  .greece {
    top: 6%;
    left: 50.5%;
  }
  .peraguay {
    top: 57%;
    left: 26.5%;
  }
  .peru {
    top: 64.5%;
    left: 29.3%;
  }

  .kenya {
    top: 50.2%;
    left: 56%;
  }
  .mexico {
    top: 33%;
    left: 18%;
  }
  .nigeria {
    top: 44%;
    left: 53%;
  }
}
@media screen and (max-width: 425px) {

	.counter-box img {
    width: 58px;
}
  .career-form-inner-div .career-form-group {
    width: 100%;

    display: flex;

    flex-direction: column;
  }

  h3 {
    font-size: 22px !important;
  }

  .hero-section .container .logo-image {
    width: 118px !important;

    margin-left: auto;
  }

  .hero-section .container .logo-image {
    padding: 65px 0px !important;

    padding-top: 0px !important;
  }

  .header .top-bar-header a {
    font-size: 15px;
  }

  .inner-info {
    gap: 9px !important;
  }

  .table-row {
    border-radius: 9px !important;

    padding: 0px 17px !important;
  }

  .cell-2 {
    padding: 13px 10px !important;
  }

  .table-apis-title h2 {
    font-size: 26px !important;
  }

  .footer-flax ul {
    margin-bottom: 0px !important;
  }

  .cpyright-inner {
    padding: 11px 0px;
  }

  .cpyright-inner a {
    font-size: 12px !important;
  }

  .cpyright-inner p {
    font-size: 12px !important;

    line-height: 16px;
  }

  .footer .footer-flax .footer-outer {
    width: 100%;
  }

  footer a,
  footer p,
  footer li {
    font-size: 16px !important;
  }

  .page-not-found h1 {
    font-size: 69px;
  }

  .about-section h1 {
    font-size: 33px !important;
  }

  .our-client ul li:nth-child(3n) {
    border-right: none !important;
  }

  .our-client ul li {
    list-style: none;

    padding: 0px 0 !important;

    width: 46%;
  }

  .about-section h1 {
    font-size: 50px;
  }

  /* .about-section {

        height: 286px;

    } */

  .core-value-inner .core-value-card {
    gap: 15px;

    width: 40%;
  }

  .core-value-card h3 {
    font-size: 20px;
  }

  .counter,
  span.plus {
    font-size: 30px;
  }

  .card:after {
    width: 204px;

    height: 108px;
  }

  .flax-lab_side-menu {
    width: 100%;
  }

  h2 {
    font-size: 31px !important;
  }

  p {
    font-size: 16px;

    line-height: inherit;
  }

  .Welcome-section {
    gap: 28px;
  }

  .custom-btn {
    padding: 9px 27px;
  }
}

@media screen and (max-width: 412px) {
  /* .owl-theme .owl-nav.disabled+.owl-dots {

        margin-bottom: 10px !important;

    } */
}

@media screen and (max-width: 375px) {
  .hero-section h1 {
    font-size: 34px;
  }

  .owl-theme .owl-dots .owl-dot span {
    width: 8px;

    height: 8px;

    margin: 4px 4px;
  }

  .hero-content ul li {
    font-size: 15px;

    margin-bottom: 5px;
  }

      .contact-page-section .call-details-call-icon a{
        font-size: 14px ;
    }
}