/* Inner banner: offset is set dynamically in inner.js from header height */
.inner-bnr .bnrimg {
  visibility: visible;
}

.inner-bnr .bnrimg img {
  padding-top: 0 !important;
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .foilspe .pharma-tabs .slider-thumbnail {
    right: -180px;
  }

  .foilspe .foilimg img {
    height: 400px;
  }

  .ourproducts .tab .sectab .secimg {
    height: 170px;
  }

  .ourproducts .tab .proddata .common-cta {
    font-size: 16px;
  }

  .topmenu .whatsicon {
    right: 56px;
  }

  .locwrp .anim {
    display: block;
  }
}

@media (min-width: 1600px) and (max-width: 1919px) {

  .container-1360-wrp {
    max-width: 1360px;
  }

  .container-1260-wrp {
    max-width: 1260px;
  }

  .common-ttle {
    font-size: 46px;
  }

  .common-desc {
    font-size: 20px;
  }

  .common-cta,
  .downloadcta {
    font-size: 16px;
  }

  .applications .appbx {
    height: 380px;
  }

  .foilspe .pharma-tabs .slider-thumbnail {
    right: -180px;
  }

  .csraim .container-1360-wrp .csraimbx .txt {
    font-size: 21px;
  }

  .real-impact .info {
    padding: 40px 65px;
  }

  .initiatives .inipadd {
    padding: 40px;
  }


}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .topmenu .whatsicon {
    right: 53px;
  }

  .container {
    max-width: 1130px;
  }

  .container-1360-wrp {
    width: 1000px;
    padding: 0px 15px;
  }

  .container-1260-wrp {
    max-width: 960px;
    padding: 0px 15px;
  }

  .common-ttle {
    font-size: 30px;
  }

  .common-desc {
    font-size: 18px;
  }

  .common-cta,
  .downloadcta {
    font-size: 12px;
    height: 35px;
    padding: 0 25px;
  }

  .infonum h2 {
    font-size: 26px;
  }

  .common-cta2 {
    font-size: 14px;
    padding: 0px 30px;
    height: 36px;
  }

  .banner .swiper .container-1360-wrp .swiper-text {
    left: 16.5%;
  }

  p {
    font-size: var(--fs14);
  }

  .ourproducts .tab .proddata .subtit {
    font-size: 16px;
  }

  /* footer .footermid .footerlinkwrp .flinks { width: 235px; } */
  .infonum p {
    font-size: 13px;
  }

  .excellence .container .exewrp .exebx .txt {
    padding-right: 40px;
    font-size: 16px;
  }

  .news .newscardmain .hcard {
    height: 165px;
  }

  .news .newscardmain .newsdatasub {
    padding-top: 0;
  }

  .ourproducts .tab .tab .tab__item {
    font-size: 18px;
    margin: 0 20px;
    letter-spacing: -0.1px;
  }

  .ourproducts .tab .proddata .imgcard {
    height: 100px;
  }

  .csr .csrwrp .csrcard .csrdetails h2 {
    font-size: 24px;
    letter-spacing: 0.5px;
    padding: 0;
  }

  .ourproducts .tab__item {
    font-size: 16px;
    padding: 12px 45px;
  }

  .ourproducts .tab__list {
    margin-bottom: 16px;
    margin-top: 20px;
  }

  .excellence .container {
    width: 1000px;
  }

  .news .newsdata .tit {
    line-height: 1.2;
    font-size: 14px;
    padding-right: 30px;
  }

  .news .newscardmain .newsdatasub .tit {
    font-size: 18px;
  }

  footer .footermid .footerlinkwrp .flinks .ftr-link,
  footer .footerbot .foottext,
  footer .footerbot .footersubmenu ul li {
    font-size: 11px;
  }

  footer .footermid .footerlinkwrp .flinks .tit {
    font-size: 15px;
  }

  footer .footertop .footersocial a i {
    font-size: 24px;
  }

  .csr .csrwrp .csrcard {
    height: 300px;
  }

  .ourproducts .tab .proddata .title {
    font-size: 26px;
  }

  .ourproducts .tab .proddata .common-cta {
    font-size: 12px;
  }

  .ourproducts .tab .proddata ul li {
    font-size: 12px;
    padding: 5px 16px;
  }

  .ourproducts .tab .proddata .imgcard .name {
    padding: 10px;
    font-size: 18px;
  }

  .ourproducts .tab .proddata ul {
    margin-top: 10px;
  }

  .ourproducts .tab .proddata .logowrp .tablogo {
    min-height: 55px;
  }

  .excellence .container .exewrp .exebx {
    font-size: 18px;
  }

  .aboutdata .overview-numb-wrp .infonumbcard h2 {
    font-size: 28px;
  }

  .aboutdata .overview-numb-wrp .infonumbcard p {
    font-size: 14px;
  }

  .corevalue .corewrp .corebx {
    padding: 15px;
  }

  .aboutdata .abouttit,
  .innerdata .inrtit,
  .leadershipwrp .inrtit,
  .manufactdata .manufacttit,
  .faqwrapper .inrtit {
    font-size: 24px;
  }

  .aboutdata p,
  .innerdata p,
  .leadershipwrp p,
  .manufactdata p,
  .automation p,
  .quality p,
  .shades p,
  .oursolutions p {
    font-size: 15px;
  }

  .corevalue .corewrp .corebx h2 {
    font-size: var(--fs18);
    margin-bottom: 5px;
  }

  .corevalue .corewrp .corebx p {
    font-size: 14px;
    margin-bottom: 2px;
  }

  .corevalue .corewrp .corebx img {
    width: 40px;
    min-height: 55px;
  }

  .aboutdata .overview-numb-wrp {
    margin-top: 0px;
  }

  .legacy .legacytxt p {
    font-size: var(--fs14);
  }

  .legacyimg {
    height: 500px !important;
  }

  .legacytxt {
    left: 60px !important;
    top: 20px !important;
  }

  .locations .accordion {
    margin-top: 30px;
  }

  .innerdata .policywrp {
    gap: 50px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .infobot .icon {
    width: 40px;
    height: 40px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .infobot .viewbtn {
    font-size: var(--fs18);
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name {
    font-size: 16px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name span {
    font-size: 14px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .viewbtn {
    font-size: 14px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo {
    height: 100px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfoiso {
    height: 60px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfootr {
    height: 85px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .view-icon img {
    width: 40px;
  }

  .sustainability .suswrp .susbx .icon img {
    width: 70px;
  }

  .sustainability .suswrp .susbx {
    padding: 0 5px;
  }

  .sustainability .suswhitebx .susbx .icon img {
    width: 50px;
  }

  .sustainability .suswhitebx {
    margin-top: 30px;
    padding: 20px;
  }

  .sustainability .suswhitebx .susbx:nth-child(1),
  .sustainability .suswhitebx .susbx:nth-child(2) {
    width: 30%;
  }

  .sustainability .suswhitebx .susbx {
    width: 35%;
    padding: 0 25px;
  }

  .sustainability .suswhitebx .susbx .details .subtit {
    font-size: 16px;
  }

  .sustainability .suswhitebx .susbx .details ul li {
    font-weight: 300;
    font-size: 15px;
  }

  .sustainability .suswrp {
    margin-top: 30px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails {
    padding: 30px 37px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .tit {
    font-size: 24px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .txt {
    font-size: 14px;
  }

  .journey .timeline-swiper {
    height: 450px;
  }

  .journey .year-list {
    height: 370px;
  }

  .journey .year {
    font-size: 30px;
  }

  .shades .swatch {
    width: 58px;
  }

  .shades .swatch.active {
    transform: scale(1.6) translateY(-10px);
    height: 120px;
    width: 80px;
  }

  .shades .label {
    font-size: 9px;
  }

  .shades .label small {
    font-size: 8px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx {
    width: 18%;
    padding: 0 10px;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx .tit {
    font-size: 20px;
  }

  .oems .oemswrp .oembx h2 {
    font-size: 18px;
  }

  .oems .oemswrp .oembx p {
    font-size: 12px;
  }

  .oems .oemswrp .oembx img {
    height: 45px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx p {
    font-size: 12px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx .tit {
    font-size: 12px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx .icon {
    width: 60px;
  }

  .qualitycontrol .qualitbrandywrp {
    gap: 10px;
    margin: 12px 0;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx:not(:nth-child(5)):not(:last-child)::after {
    top: 20px;
  }

  .brandwrp .branddetailwrp .brandbx .brandmain .detailsub {
    min-height: 210px;
  }

  .specifications .specificationswrp,
  .prodappliations .specificationswrp {
    margin-top: 15px;
    font-size: 14px;
  }

  .specifications .specificationswrp .specificationsinfo .detail,
  .prodappliations .specificationswrp .specificationsinfo .detail {
    gap: 7px 50px;
    font-size: 13px;
  }

  .pipeadvantages .advbx .info {
    font-size: 14px;
  }

  .advantages .advantageswrp .advantagebx .detail .tit {
    font-size: 18px;
  }

  .newswrp .newsbx {
    height: 420px;
  }

  .leadershipwrp .namewrp .namebx {
    padding: 35px 30px;
    width: 22%;
  }

  .leadershipwrp .namewrp .namebx .name {
    font-size: 22px;
  }

  .leadershipwrp .namewrp .namebx .name .designation {
    font-size: 12px;
  }

  .manufactdata .manudatawrp .manulinks .txt {
    font-size: 16px;
  }

  .brd {
    margin-bottom: 16px;
  }

  .csr .common-ttle {
    font-size: 28px;
  }

  .ttle {
    font-size: 15px;
  }

  footer .footermid .footerlinkwrp .flinks {
    width: 170px;
  }

  .contactdata .locwrp .locbx .address {
    height: auto;
    font-size: 14px;
  }

  footer .footermid .footerlinkwrp .flinks {
    width: 170px;
  }

  footer .footermid .footerlinkwrp .flinks:nth-child(3) {
    width: 100px;
  }

  .contactdata .locwrp .locbx .address {
    height: auto;
    font-size: 14px;
  }

  footer .footermid .footerlinkwrp .flinks:nth-child(4) {
    width: 194px;
  }

  .faqwrapper .custom-accordion .accordion-button {
    font-size: 20px;
  }

  .faqwrapper .custom-accordion .accordion-button span {
    font-size: 24px;
  }

  .initiatives .info .title {
    font-size: 20px;
  }

  .initiatives .info {
    padding: 40px 60px;
  }

  .csrpopbxinfo {
    font-size: 12px;
    line-height: 17px;
  }

  .csraim .container-1360-wrp .csraimbx .txt {
    font-size: 21px;
  }

  .real-impact .info .detailwrp .location,
  .real-impact .info .detailwrp .name {
    font-size: 16px;
  }

  .real-impact .info .detailwrp .name span,
  .real-impact .info .detailwrp .location span {
    font-size: 14px;
  }

  .real-impact .info {
    padding: 40px;
  }

  .real-impact .info p {
    font-size: 14px;
  }

  .real-impact .info .title {
    font-size: 22px;
  }
}


/* @media (min-width: 1300px) {
    .container-1360-wrp {
        width: 1000px;
        padding: 0px 15px;
    }
} */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .container-1360-wrp {
    width: 1000px;
    padding: 0px 15px;
  }

  .container-1260-wrp {
    max-width: 960px;
    padding: 0px 15px;
  }

  .common-ttle {
    font-size: 30px;
    line-height: 40px;
  }

  .common-desc {
    font-size: 18px;
    margin: 5px 0;
  }

  .common-cta,
  .downloadcta {
    font-size: 12px;
    padding: 0 30px;
    height: 36px;
  }

  .sub-ttle {
    padding: 5px 0;
  }

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

  .brd {
    margin-bottom: 14px;
  }

  p {
    font-size: var(--fs14);
    margin-bottom: 10px;
  }

  .csr .common-ttle {
    font-size: 28px;
  }

  .ourproducts .tab .proddata .title {
    font-size: var(--fs26);
    margin-bottom: 5px;
  }

  .ourproducts .tab__item {
    padding: 13px 30px;
    font-size: 16px;
  }

  .ourproducts .tab__list {
    margin-bottom: 12px;
    margin-top: 15px;
  }

  .ourproducts .tab .proddata .subtit {
    font-size: var(--fs18);
    margin-bottom: 6px;
  }

  .ourproducts .tab .tab .tab__item {
    font-size: 16px;
    margin: 5px 20px;
  }

  .ourproducts .tab .proddata ul li {
    font-size: 12px;
    padding: 6px 16px;
  }

  .ourproducts .tab .proddata .imgcard .name {
    padding: 7px 10px;
    font-size: 16px;
  }

  .ourproducts .tab .proddata ul {
    margin-top: 8px;
  }

  .ourproducts .tab .proddata .logowrp .tablogo {
    min-height: auto;
  }

  .excellence .container .exewrp .exebx .txt {
    padding-right: 30px;
  }

  .excellence .container .exewrp .exebx {
    font-size: var(--fs18);
  }

  .banner .swiper .container-1360-wrp .swiper-text {
    left: 17.5%;
  }

  .common-cta2 {
    font-size: 12px;
    padding: 0px 30px;
    height: 34px;
  }

  footer .footermid .footerlinkwrp .flinks {
    width: 200px;
    padding: 0 5px;
  }

  .news .newscardmain .hcard {
    height: 170px;
  }

  .news .newscardmain .newsdatasub {
    padding-top: 0;
  }

  .ourproducts .tab .proddata .imgcard {
    height: 100px;
  }

  .csr .csrwrp .csrcard .csrdetails h2 {
    font-size: 26px;
  }

  .infonum p {
    font-size: 12px;
  }

  .csr .csrwrp .csrcard {
    height: 300px;
  }

  .news .newsdata {
    padding-bottom: 10px;
    font-size: 14px;
  }

  .excellence .container {
    width: 1000px;
  }

  .news .newsdata .tit {
    line-height: 1.2;
    font-size: 14px;
    padding-right: 40px;
  }

  .news .newscardmain .newsdatasub .tit {
    font-size: 22px;
  }

  footer .footermid .footerlinkwrp .flinks .ftr-link,
  footer .footerbot .foottext,
  footer .footerbot .footersubmenu ul li {
    font-size: 10px;
  }

  footer .footermid .footerlinkwrp .flinks .tit {
    font-size: 15px;
  }

  footer .footertop .footersocial a i {
    font-size: 24px;
  }

  .ourproducts .tab__content {
    padding: 0 5px 5px 5px;
  }

  .aboutdata .overview-numb-wrp .infonumbcard h2 {
    font-size: 26px;
  }

  .aboutdata .abouttit,
  .innerdata .inrtit,
  .leadershipwrp .inrtit,
  .manufactdata .manufacttit,
  .faqwrapper .inrtit {
    font-size: 24px;
  }

  .aboutdata p,
  .innerdata p,
  .leadershipwrp p,
  .manufactdata p,
  .automation p,
  .quality p,
  .shades p,
  .oursolutions p {
    font-size: 15px;
  }

  .corevalue .corewrp .corebx h2 {
    font-size: var(--fs18);
    margin-bottom: 5px;
  }

  .corevalue .corewrp .corebx p {
    font-size: 14px;
    margin-bottom: 2px;
  }

  .corevalue .corewrp .corebx img {
    width: 40px;
    min-height: 60px;
  }

  .aboutdata .overview-numb-wrp .infonumbcard h2 {
    font-size: 28px;
  }

  .aboutdata .overview-numb-wrp .infonumbcard p {
    font-size: 14px;
  }

  .corevalue .corewrp .corebx {
    padding: 15px;
  }

  .aboutdata .overview-numb-wrp {
    margin-top: 0px;
  }

  .legacy .legacytxt p {
    font-size: var(--fs14);
  }

  .legacyimg {
    height: 470px !important;
  }

  .legacytxt {
    left: 60px;
    top: 20px;
  }

  .locations .accordion {
    margin-top: 30px;
  }

  .innerdata .policywrp {
    gap: 40px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .infobot .icon {
    width: 40px;
    height: 40px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .infobot .viewbtn {
    font-size: var(--fs18);
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name {
    font-size: 16px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name span {
    font-size: 14px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .viewbtn {
    font-size: 14px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo {
    height: 100px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfootr {
    height: 90px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfoiso {
    height: 60px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .view-icon img {
    width: 40px;
  }

  .sustainability .suswrp .susbx .icon img {
    width: 70px;
  }

  .sustainability .suswhitebx .susbx .icon img {
    width: 55px;
  }

  .sustainability .suswhitebx {
    margin-top: 20px;
    padding: 20px;
  }

  .sustainability .suswhitebx .susbx:nth-child(1),
  .sustainability .suswhitebx .susbx:nth-child(2) {
    width: 30%;
  }

  .sustainability .suswhitebx .susbx {
    width: 38%;
    padding: 0 35px;
  }

  .sustainability .suswhitebx .susbx .details .subtit {
    font-size: 16px;
  }

  .sustainability .suswhitebx .susbx .details ul li {
    font-weight: 300;
    font-size: 13px;
  }

  .sustainability .suswrp .susbx {
    padding: 0 40px;
  }

  .sustainability .suswrp {
    margin-top: 40px;
  }

  .sustainability .txt {
    font-size: 15px;
    margin-top: 5px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails {
    padding: 16px 24px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .tit {
    font-size: 20px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .txt {
    font-size: 14px;
  }

  .manufactdata .manudatawrp .manulinks .txt {
    font-size: 15px;
    /* width:210px */
  }

  .manufactdata .manudatawrp .manulinks .icon {
    width: 55px;
  }

  .facilities .facilitieswrp .facilitiesbx .pic img {
    height: 220px;
  }

  .automation .partnershipwrp .logowrp .logoimg {
    padding: 25px 18px;
  }

  .journey .timeline-swiper {
    height: 450px;
  }

  .journey .year-list {
    height: 370px;
  }

  .journey .year {
    font-size: 30px;
  }

  .oems .oemswrp .oembx h2 {
    font-size: 18px;
  }

  .oems .oemswrp .oembx img {
    height: 45px;
  }

  .oems .oemswrp .oembx p {
    font-size: 12px;
  }

  .oems .pic {
    height: 170px;
    width: 100%;
    object-fit: cover;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx .icon {
    width: 50px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx .tit {
    font-size: 13px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx p {
    font-size: 12px;
  }

  .shades .swatch {
    width: 58px;
  }

  .shades .swatch.active {
    transform: scale(1.5) translateY(-7px);
    height: 120px;
    width: 80px;
  }

  .shades .label {
    font-size: 10px;
  }

  .shades .label small {
    font-size: 9px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx {
    width: 18%;
    padding: 0 4px;
  }

  .qualitycontrol .qualitbrandywrp {
    gap: 10px;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx .tit {
    font-size: 20px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx:not(:nth-child(5)):not(:last-child)::after {
    top: 20px;
  }

  .brandwrp .branddetailwrp .brandbx .brandmain .detailsub {
    min-height: 200px;
  }

  .specifications .specificationswrp .specificationsinfo .detail,
  .prodappliations .specificationswrp .specificationsinfo .detail {
    font-size: 12px;
    gap: 10px 30px;
  }

  .specifications .specificationswrp,
  .prodappliations .specificationswrp {
    margin-top: 20px;
  }

  .pipeadvantages .advbx .info {
    font-size: 14px;
  }

  .pipeadvantages .advbx .custom-accordion .accordion-button,
  .specifications .specificationswrp .specificationsinfo .title,
  .prodappliations .specificationswrp .specificationsinfo .title {
    font-size: 16px;
  }

  .advantages .advantageswrp .advantagebx .detail .tit {
    font-size: 18px;
  }

  .newswrp .newsbx {
    height: 420px;
  }

  .ourproducts .tab .proddata .common-cta {
    font-size: 12px;
    padding: 0 20px;
  }

  .leadershipwrp .namewrp .namebx {
    padding: 35px 30px;
    width: 22%;
  }

  .leadershipwrp .namewrp .namebx .name {
    font-size: 22px;
  }

  .leadershipwrp .namewrp .namebx .name .designation {
    font-size: 12px;
  }

  .ttle {
    font-size: 16px;
  }

  footer .footermid .footerlinkwrp .flinks {
    width: 170px;
  }

  footer .footermid .footerlinkwrp .flinks:nth-child(3) {
    width: 100px;
  }

  .contactdata .locwrp .locbx .address {
    height: auto;
    font-size: 14px;
  }

  footer .footermid .footerlinkwrp .flinks:nth-child(4) {
    width: 194px;
  }

  .faqwrapper .custom-accordion .accordion-button {
    font-size: 20px;
  }

  .faqwrapper .custom-accordion .accordion-button span {
    font-size: 24px;
  }

  .initiatives .info .title {
    font-size: 20px;
  }

  .initiatives .info {
    padding: 40px 60px;
  }

  .csrpopbxinfo {
    font-size: 12px;
    line-height: 17px;
  }

  .real-impact .info .detailwrp .name {
    font-size: 18px;
  }

  .csraim .container-1360-wrp .csraimbx .txt {
    font-size: 21px;
  }

  .real-impact .info {
    padding: 40px 65px;
  }

  .initiatives .inipadd {
    padding: 40px;
  }

  .real-impact .info .detailwrp .location,
  .real-impact .info .detailwrp .name {
    font-size: 16px;
  }

  .real-impact .info .detailwrp .name span,
  .real-impact .info .detailwrp .location span {
    font-size: 14px;
  }

  .real-impact .info {
    padding: 40px;
  }

  .real-impact .info p {
    font-size: 14px;
  }

  .real-impact .info .title {
    font-size: 22px;
  }
}



/* ipad air */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
  p {
    font-size: 12px;
  }

  .ourproducts .tab .proddata .imgcard {
    height: 100px !important;
  }

  .ourproducts .tab .proddata ul li {
    font-size: 9px;
    padding: 5px 13px;
  }

}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .row {
    margin: 0px;
  }

  .ourproducts .tab .proddata .imgcard {
    height: 70px;
  }

  .ourproducts .tab .proddata ul li {
    font-size: 9px;
    padding: 5px 13px;
  }

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

  .common-ttle {
    font-size: var(--fs30) !important;
    line-height: 1.2 !important;
  }

  .sub-ttle {
    padding: 0;
  }

  p {
    font-size: var(--fs14);
    line-height: 1.2;
  }

  .certificate img {
    margin-left: 17px;
  }

  .ourproducts .tab__item {
    font-size: 20px;
  }

  .ourproducts .tab .proddata {
    padding: 22px 20px 12px 20px;
  }

  .sustainability .suswrp .susbx .icon img {
    width: 80px;
  }

  .sustainability .suswhitebx .susbx .icon img {
    width: 70px;
  }

  footer .footermid .footerlinkwrp .flinks {
    width: 230px;
    padding-right: 18px;
  }

  footer .footerbot .footersubmenu ul li,
  footer .footerbot .foottext {
    font-size: 10px;
  }

  .excellence .container .exewrp .exebx {
    font-size: 16px;
    padding-bottom: 20px;
    margin-top: 15px;
  }

  .excellence .container .exewrp .exebx img {
    width: 60px;
  }

  .excellence .container .exewrp .exebx .txt {
    padding-right: 0;
    font-size: 13px;
  }

  .common-cta,
  .common-cta2 {
    font-size: 12px;
    padding: 0px 30px;
    height: 34px;
  }

  .ourproducts .tab .proddata .common-cta {
    font-size: 11px !important;
    padding: 2px 6px;
  }

  .ourproducts .tab .sectab .secimg {
    height: 90px;
  }

  .ourproducts .tab .sectab .secimg .details {
    font-size: 13px;
  }

  .downloadcta {
    font-size: 12px;
    padding: 0px 18px;
    height: 34px;
  }

  .ourproducts .tab .proddata ul li {
    font-size: 8px;
    padding: 3px 15px;
  }

  .ourproducts .tab .proddata .logowrp .tablogo {
    min-height: 60px;
  }

  .news .newscardmain .hcard {
    height: auto;
  }

  .ourproducts .tab .proddata ul {
    margin-top: 10px;
  }

  .csr .csrwrp .csrcard {
    height: 230px;
  }

  .news .newscardmain .newsdatasub .tit {
    font-size: 22px;
  }

  .news .newsdata .tit {
    font-size: 16px;
    padding-right: 15px;
  }

  .news .newsdata {
    padding-bottom: 3px;
  }

  .ourproducts .tab .proddata .title {
    font-size: 26px;
    margin-bottom: 8px;
  }

  footer .footertop .footersocial {
    gap: 35px;
  }

  .news .newscardmain .newsdatasub {
    padding-top: 0;
  }

  .infonum h2 {
    font-size: 30px;
  }

  .infonum p {
    font-size: 16px;
  }

  .ttle {
    font-size: 14px;
  }

  .banner .swiper .container-1360-wrp .swiper-text {
    left: 19%
  }

  footer .footerbot .footersubmenu ul {
    gap: 10px;
  }

  .news .newscardmain .newsdata {
    margin-top: 50px;
  }

  .csr .csrwrp .csrcard .csrdetails h2 {
    font-size: 22px;
  }

  .csr .csrwrp .csrcard .csrdetails h2 span {
    font-size: 16px;
  }

  .ourproducts .tab .proddata .imgcard .name {
    align-items: flex-start;
    font-size: 13px;
    bottom: -20px;
    position: relative;
  }

  .aboutdata .abouttit,
  .innerdata .inrtit,
  .leadershipwrp .inrtit,
  .manufactdata .manufacttit,
  .faqwrapper .inrtit {
    font-size: 24px;
    padding-right: 0;
  }

  .aboutdata p,
  .innerdata p,
  .leadershipwrp p,
  .manufactdata p,
  .automation p,
  .quality p,
  .shades p,
  .oursolutions p {
    font-size: 14px;
  }

  .aboutdata .overview-numb-wrp {
    margin-top: 0;
  }

  .aboutdata .overview-numb-wrp .infonumbcard h2 {
    font-size: 34px;
  }

  .corevalue .corewrp .corebx h2 {
    font-size: 15px;
  }

  .corevalue .corewrp .corebx p {
    font-size: 14px;
  }

  .legacy .legacytxt p {
    font-size: 14px;
  }

  .legacy .legacyimg {
    height: 500px;
  }

  .footeruplink .linkwrp .linkwrplink {
    font-size: 17px;
  }

  .inner-bnr .bnrtxt {
    width: 100%;
    left: 10px;
    bottom: 30px;
  }

  .sustainability .suswrp .susbx {
    padding: 0 35px;
  }

  .sustainability .suswhitebx .suswwrp {
    width: 100%;
  }

  .sustainability .suswhitebx .susbx:nth-child(1),
  .sustainability .suswhitebx .susbx:nth-child(2) {
    width: auto;
  }

  .quality .qualitywrp .qualitybx .qualitydetails {
    padding: 20px 25px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .tit {
    font-size: 24px;
  }

  .sustainability .suswhitebx .susbx {
    padding: 0 25px;
  }

  .innerdata .certitab {
    padding: 0 17px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name span {
    padding: 5px 0;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name {
    font-size: 18px;
  }

  .journey .journeybx .tit {
    font-size: 14px;
  }

  .journey .year {
    font-size: 24px;
  }

  .journey .year-list {
    height: 300px;
  }

  .journey .timeline-swiper {
    height: 280px;
  }

  .shades .palette {
    justify-content: start;
  }

  .shades .swatch.active {
    width: 140px;
  }

  .shades .label {
    font-size: 11px;
  }

  .shades .label small {
    font-size: 10px;
  }

  .qualitycontrol .qualitbrandywrp {
    gap: 0
  }

  .shades .swatch {
    width: 57px;
  }

  .shades .swatch.active {
    transform: scale(1.6) translateY(-10px);
    height: 120px;
    width: 68px;
  }

  .customers .customerswrp .customerbx {
    width: 30%;
  }

  .customers .customerswrp {
    display: flex;
    flex-wrap: wrap;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx {
    width: 18%;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx .icon {
    width: 65px;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx .tit {
    font-size: 18px;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx {
    padding: 0 8px;
  }

  .advantages .advantageswrp .advantagebx .icon img {
    width: 46px;
    height: 46px;
  }

  .prodappliations .specificationswrp,
  .specifications .specificationswrp {
    gap: 10px;
  }

  .products-range .prodrangewrp .prodrangebx {
    height: 215px;
  }

  .products-range .product-pills .nav-link {
    font-size: 12px;
    padding: 8px;
  }

  .specifications .pilltab {
    right: 0;
  }

  .foilspe .foilmain .foilwrp,
  .foilspe .foilmain {
    margin-right: 10px;
  }

  .foilspe .foilmain .foilwrp {
    gap: 10px;
  }

  .foilspe .pilltab {
    right: 0;
  }

  .foilspe .spe-pills .nav-link {
    min-width: 100px;
    font-size: 11px;
  }

  .qualityexe .qualitygrybx .common-cta {
    font-size: 10px;
  }

  .foilspe .foilmain .foilwrp .foilinfo .detail .spebx span,
  .foilspe .foilmain .foilwrp .foilinfo .detail .spebx {
    font-size: 14px;
  }

  .foilspe .pharma-tabs .slider-thumbnail .swiper-slide {
    min-width: auto !important;
    margin: 0 3px;
    padding: 10px 18px
  }

  .contactdata .locwrp .locbx .tit {
    font-size: 15px;
  }

  .contactdata .locwrp .locbx .address,
  .contactdata .locwrp .locbx .connum span {
    font-size: 12px;
  }

  .contactdata .locwrp .locbx {
    padding: 20px;
  }

  .contactdata .map {
    height: 350px;
  }

  .newswrp .newsbx {
    height: 430px;
  }

  .newswrp .newsbx .info .tit {
    height: 180px;
  }

  .leadershipwrp .namewrp .namebx .name {
    font-size: 20px;
  }

  .leadershipwrp .namewrp .namebx .name .designation {
    font-size: 12px;
  }

  .leadershipwrp .namewrp .namebx {
    padding: 20px 15px;
  }

  .brandwrp .branddetailwrp .brandbx .brandmain .detailsub {
    min-height: 220px;
  }

  .shades .disclaimernote {
    padding: 0;
  }

  .csraim .container-1360-wrp .csraimbx {
    padding: 20px;
    width: 560px;
  }

  .csraim {
    height: 550px;
  }

  .initiatives .info {
    padding: 0 20px;
  }

  .real-impact .info {
    padding: 24px;
    gap: 10px;
  }

  .initiatives .info .title {
    font-size: 20px;
  }

  .initiatives .inipadd {
    padding: 30px;
  }

  .csraim .container-1360-wrp {
    left: 40%;
  }

  .csraim .container-1360-wrp .csraimbx .txt {
    font-size: 20px;
  }


}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
  .row {
    margin: 0px;
  }

  .common-ttle {
    font-size: var(--fs28);
    line-height: 35px;
    margin-bottom: 15px;
  }

  p {
    font-size: var(--fs16) !important;
    line-height: 1.4;
  }

  .common-desc {
    font-size: 18px;
    line-height: 26px;
    margin-top: 7px;
  }

  .breadcrumb .breadlink {
    padding-left: 10px;
  }

  .ourproducts .tab .proddata .title {
    font-size: var(--fs28);
  }

  .mob-pad {
    padding: 0;
  }

  .csr .common-ttle {
    font-size: 26px;
    line-height: 1.1;
  }

  .aboutus,
  .ourproducts,
  .csr,
  .news,
  .quality,
  .journey,
  .innerdata,
  .products-range,
  .faqwrapper,
  .initiatives {
    padding: 40px 0;
  }

  .aboutus .aboutleft {
    padding-right: 0;
  }

  .infonum h2 {
    font-size: 30px;
  }

  .infonum p {
    font-size: 14px;
  }

  .common-cta,
  .common-cta2 {
    font-size: 12px;
    padding: 0px 18px;
    height: 34px;
  }

  .downloadcta {
    font-size: 12px;
    padding: 0px 18px;
    height: 34px;
  }

  .ourproducts .tab__item {
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.1;
    border-left: none;
  }

  .ourproducts .tab .tab .tab__item {
    font-size: 18px;
    line-height: 22px;
  }

  .ourproducts .tab .proddata .tablogo {
    margin-bottom: 12px;
  }

  .csr .csrwrp .csrcard,
  .news .newscardmain .hcard {
    height: auto;
    object-fit: cover;
  }

  .csr .csrwrp .csrcard {
    height: auto;
    background: #040404;
    margin-bottom: 20px;
  }

  .csr .csrwrp .csrcard .csrdetails {
    display: block;
    padding: 20px;
  }

  .csr .csrwrp .csrcard .csrdetails h2 {
    margin-bottom: 15px;
    font-size: 24px;
  }

  footer .footertop .footersocial div {
    font-size: 16px;
    padding-right: 20px;
  }

  footer .footertop .footersocial a i {
    font-size: 22px;
  }

  footer .footertop .footersocial {
    gap: 0
  }

  footer .footerbot .foottext {
    text-align: left;
    margin-bottom: 4px;
    font-size: 12px;
  }

  footer .footerbot .footersubmenu ul {
    padding-left: 0;
    margin-bottom: 4px;
  }

  .news .newscard .newsdetails {
    margin-top: 18px;
  }

  .news .newscardmain .newsdatasub {
    padding: 0 10px 30px 10px;
  }

  .news .newscardmain .newsdata {
    margin-top: 0;
    padding: 12px;
  }

  .news .newscardmain .newsmaindetails {
    padding: 9px;
  }

  .news .newsdata {
    padding-bottom: 10px;
  }

  .news .newscard {
    padding: 20px 0 0 0;
  }

  .excellence .container .exewrp .exebx .txt {
    padding-right: 0;
    line-height: 1.2;
  }

  .excellence {
    position: relative;
    height: 800px;
    overflow: hidden;
  }

  .excellence .excellenceimg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .excellence .excellenceimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:left;
    display: block;
  }

  .excellence .excellenceimg::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.545);
    z-index: 1;
  }

  .excellence .container .exewrp .exebx {
    font-size: 17px;
  }

  .excellence .container .exewrp .exebx img {
    width: 75px;
  }

  footer .footermid .footerlinkwrp .flinks,
  footer .footermid .footerlinkwrp .flinks:nth-child(3),
  footer .footermid .footerlinkwrp .flinks:nth-child(4) {
    width: 100%;
  }

  .footer-links {
    max-height: 0;
    overflow: hidden;
    transition: 500ms max-height ease;
  }

  .footer-links.active {
    max-height: 350px;
    padding-bottom: 25px;
  }

  .footertit.active {
    background-image: url(../images/minus.svg);
  }

  .footertit {
    margin-bottom: 0px;
    background-image: url(../images/plus.svg);
    background-repeat: no-repeat;
    background-position: right 5px;
    background-size: 15px;
  }

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

  footer .footermid .footerlinkwrp .flinks .tit,
  footer .footermid .footerlinkwrp .flinks .tit a {
    color: #000;
  }

  footer .footermid .footerlinkwrp .flinks .ftr-link {
    line-height: 2.2;
  }

  footer .footermid .footerlinkwrp .flinks .tit {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    font-size: 16px;
    margin-bottom: 0;
  }

  footer .footerbot .footersubmenu ul {
    justify-content: flex-start;
  }

  footer .footerbot .footersubmenu ul li {
    font-size: 11px;
  }

  .csr .csrwrp .csrcard .csrcardimg {
    position: relative;
  }

  .news .newscardmain .newsdatasub .tit {
    padding-right: 0;
    font-size: 22px;
  }

  .ttle {
    font-size: 16px;
    margin-top: 10px;
  }

  .news .newsdata .tit {
    padding-right: 0;
  }

  .ourproducts .tab .proddata {
    padding: 25px 20px;
  }

  .ourproducts .tab .proddata ul {
    margin-top: 17px;
  }

  .ourproducts .tab .proddata ul li {
    margin-bottom: 8px;
    display: block;
  }

  .ourproducts .tab .proddata .imgcard {
    margin-top: 10px;
  }

  .banner .swiper .container-1360-wrp .swiper-text .common-cta2 {
    font-size: 11px;
    padding: 0px 16px;
    height: 30px;
  }

  .aboutdata .abouttit,
  .innerdata .inrtit,
  .leadershipwrp .inrtit,
  .manufactdata .manufacttit,
  .faqwrapper .inrtit {
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 20px;
    padding-right: 0;
  }

  .aboutdata p,
  .innerdata p,
  .leadershipwrp p,
  .manufactdata p,
  .automation p {
    font-size: 16px;
  }

  .leadershipwrp p {
    margin-top: 0;
  }

  .leadershipwrp {
    padding: 40px 0;
  }

  .aboutdata .overview-numb-wrp .infonumbcard {
    width: 50%;
    margin: 30px 0px 0px;
    padding: 0;
  }

  .aboutdata .overview-numb-wrp {
    align-items: start;
    margin-top: 0;
  }

  .aboutdata .overview-numb-wrp .infonumbcard.numbor {
    border-left: none;
    border-right: none;
  }

  .aboutdata,
  .corevalue,
  .legacy,
  .manufactdata,
  .facilities,
  .automation,
  .sustainability {
    padding: 40px 0;
  }

  .corevalue .corewrp .corebx {
    width: 48%;
    margin: 0;
  }

  .corevalue .corewrp {
    gap: 12px;
    margin-top: 6px;
  }

  .legacy .legacytxt {
    position: relative;
    left: 0;
  }

  .legacy .legacyimg {
    height: 330px;
  }

  .locations .accordion {
    margin-top: 10px;
  }

  .inner-bnr .bnrtxt {
    width: 100%;
    left: 10px;
    bottom: 30px;
  }

  .inner-bnr .bnrtxt .common-ttle {
    font-size: 26px;
    line-height: 30px;
  }

  .inner-bnr .bnrimg {
    width: 100%;
  }

  .inner-bnr .bnrimg img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
    padding-top: 0 !important;
    display: block;
  }

  .about-page .inner-bnr .bnrimg img,
  .contact-page .inner-bnr .bnrimg img,
  .certifications-page .inner-bnr .bnrimg img {
    height: 350px !important;
    max-height: 350px !important;
    object-fit: cover;
  }

  .sub-ttle {
    padding: 0;
  }

  .footeruplink .linkwrp .linkwrplink {
    font-size: 16px;
    width: 46% !important;
    height: auto;
    margin-bottom: 10px;
    line-height: 1.3;
  }

  .footeruplink .linkwrp .linkwrplink img {
    width: 18px;
    padding-left: 3px;
  }

  .footeruplink .linkwrp .linkwrplink:nth-child(2) {
    border-right: none;
  }

  .footeruplink .linkwrp {
    gap: 6px;
    margin-top: 12px;
  }

  .locations .custom-accordion .accordion-button {
    padding: 12px 0;
  }

  .timeline-wrap {
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
  }

  .journey .years {
    width: 100%;
    display: block;
  }

  .journey .year-list {
    display: flex;
    gap: 15px;
    padding: 10px 0 0 0;
    height: auto;
  }

  .journey .year {
    font-size: 16px;
    flex-shrink: 0;
  }

  .timeline-swiper {
    width: 100% !important;
    height: auto !important;
  }

  .journey .journeybx {
    height: auto;
  }

  .journey .timeline-wrap {
    gap: 30px;
    margin-top: 20px;
  }

  .nav-btn img {
    width: 22px !important;
    transform: rotate(271deg) !important;
  }

  .aboutdata .overview-numb-wrp .infonumbcard h2 {
    font-size: 30px;
  }

  .aboutdata .overview-numb-wrp .infonumbcard p {
    font-size: 14px;
  }

  .journey .btninfo {
    flex-direction: row;
    gap: 5px;
  }

  .corevalue .corewrp .corebx h2 {
    font-size: 18px;
  }

  .innerdata .policywrp {
    margin: 20px 0;
    padding: 0 15px;
    display: block;
  }

  .innerdata .policywrp .policybx,
  .innerdata .certitab .certiwrp .certibx .certidata {
    margin-bottom: 40px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .view-icon img {
    width: 35px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .infotop .name {
    font-size: var(--fs18);
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .infobot .icon {
    width: 40px;
    height: 40px;
  }

  .innerdata .certitab .certiwrp {
    margin: 20px 0;
    padding: 0 15px;
    display: block;
  }

  .innerdata .certitab {
    margin: 40px 0;
    padding: 0;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo {
    height: auto;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name,
  .innerdata .policywrp .policybx .poliydata .policyinfo .details .name {
    font-size: 16px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .name span {
    font-size: 14px;
    padding-bottom: 10px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo .details .viewbtn,
  .innerdata .policywrp .policybx .poliydata .policyinfo .details .viewbtn {
    font-size: 14px;
  }

  .innerdata .certitab .certiwrp .certibx .certidata .certiinfo,
  .innerdata .policywrp .policybx .poliydata .policyinfo {
    height: auto;
  }

  .facilities .facilitieswrp,
  .manufactdata .manudatawrp {
    display: block;
  }

  .facilities .facilitieswrp .facilitiesbx {
    margin-bottom: 20px;
  }

  .manufactdata .manudatawrp .manulinks {
    margin-bottom: 12px;
  }

  .manufactdata .manudatawrp .manulinks .txt {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
  }

  /* .automation .logomimgs {display: flex;gap: 0;margin-top: 0;} */
  /* .automation .partnershipwrp .logowrp .logomimgs {display: flex;} */
  .automation .partnershipwrp .logowrp {
    display: flex;
    flex-wrap: wrap;
  }

  /* .automation .partnershipwrp .logowrp {display: block;} */
  .automation .partnershipwrp {
    padding: 20px;
  }

  .automation .partnershipwrp .logowrp .logoimg {
    height: auto;
    margin-top: 0;
    width: 47%;
    padding: 0;
  }

  .swiper-pagination-bullet-active {
    background-color: #222;
  }

  .sustainability .suswrp .susbx {
    padding: 0 10px;
    width: 50%;
  }

  .sustainability .suswrp .susbx .icon img {
    width: 70px;
    margin-bottom: 15px;
  }

  .sustainability .suswrp .brr {
    border-right: none;
  }

  .sustainability .suswrp .susbx {
    padding: 0 8px !important;
  }

  .sustainability .suswrp .susbx p {
    font-size: 14px !important;
  }

  .sustainability .suswhitebx .susbx:nth-child(1),
  .sustainability .suswhitebx .susbx:nth-child(2),
  .sustainability .suswhitebx .susbx {
    width: 100%;
    display: flex;
    padding: 0;
  }

  .sustainability .suswhitebx .susbx .icon img {
    width: 60px;
  }

  .sustainability .suswhitebx .susbx .details {
    padding-left: 10px;
  }

  .sustainability .suswhitebx .suswwrp {
    width: 100%;
    display: block;
  }

  .sustainability .suswhitebx {
    padding: 20px;
    margin-top: 30px;
  }

  .sustainability .suswhitebx .brr {
    border-right: none;
    margin: 0 0 20px 0;
  }

  .sustainability .suswhitebx .susbx .details .subtit {
    font-size: 16px;
  }

  .sustainability .suswhitebx .tit {
    font-size: 20px;
  }

  .automation p,
  .quality p {
    margin-top: 10px;
  }

  .facilities .facilitieswrp .facilitiesbx .categories .tag-wrapper .tag {
    font-size: 12px;
  }

  .facilities .facilitieswrp .facilitiesbx .categories .tit {
    font-size: 13px;
  }

  .quality .qualitywrp {
    display: block;
  }

  .locations {
    padding: 0 0 40px 0;
  }

  .innerdata .certitab .certi-tabs .nav-link {
    padding: 8px 16px;
    font-size: 14px;
  }

  .legacy .legacytxt .legacyright {
    padding-right: 0;
  }

  .brandwrp,
  .advantages,
  .shades,
  .qualitybrand,
  .applications,
  .oursolutions,
  .oems,
  .qualitycontrol,
  .customers,
  .specifications,
  .prodappliations,
  .otherproducts,
  .pipeadvantages {
    padding: 40px 0;
  }

  .brandwrp .branddetailwrp .brandbx:nth-child(1),
  .brandwrp .branddetailwrp .brandbx:nth-child(2),
  .brandwrp .branddetailwrp .brandbx,
  .advantages .advantageswrp .advantagebx:nth-child(1),
  .advantages .advantageswrp .advantagebx:nth-child(2),
  .advantages .advantageswrp .advantagebx:nth-child(3),
  .advantages .advantageswrp .advantagebx,
  .oursolutions .oursolutionswrp .solbx,
  .advantages .advantageswrp .advantagebx:nth-child(2),
  .advantages .advantageswrp .advantagebx:nth-child(3) {
    width: 100%;
    margin-bottom: 20px;
  }

  .advantages .advantageswrp {
    display: block;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx {
    width: 50%;
    padding: 0 10px;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx .tit {
    font-size: 18px;
  }

  .qualitybrand .qualitbrandywrp {
    gap: 0;
  }

  .qualitybrand .qualitbrandywrp .qualitybrandbx:not(:nth-child(3)):not(:last-child)::after,
  .qualitycontrol .qualitbrandywrp .qualitybrandbx:not(:nth-child(5)):not(:last-child)::after {
    border-right: none;
  }

  .applications .appSwiper {
    overflow: auto;
    margin-top: 20px;
  }

  .oems p {
    padding-right: 0;
  }

  .oems .oemswrp {
    display: block;
  }

  .oems .oemswrp .oembx {
    margin-bottom: 20px;
    width: 100%;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx {
    width: 44%;
    padding: 0;
  }

  .customers .customerswrp {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 10px
  }

  .applications .arrows .appSwiper-prev,
  .applications .arrows .appSwiper-next {
    width: 30px;
    height: 30px;
  }

  .applications .arrows {
    gap: 6px;
  }

  .custom-pills .nav-link {
    width: 175px;
    height: 70px;
    padding: 13px;
  }

  .customers .customerswrp .customerbx {
    width: 31%;
    padding: 0;
    height: auto;
    /* margin: 0 auto; */
  }

  /* .customers .customerswrp .customerbx1{width: 48%;} */
  .shades .palette {
    justify-content: start;
    height: 220px;
    scroll-padding-inline: 50%;
  }

  .shades .swatch.active {
    transform: scale(1.6) translateY(-7px);
    height: 116px;
    width: 89px;
  }

  .palette::before,
  .palette::after {
    display: block;
  }

  .brandwrp .branddetailwrp .brandbx .brandmain .detailsub,
  .oursolutions .oursolutionswrp .solbx .solmain .detail .info .main {
    min-height: auto;
  }

  .brandwrp .branddetailwrp {
    gap: 0;
  }

  .shades .common-ttle span,
  .oursolutions .common-ttle span {
    margin-bottom: 20px;
  }

  .shades .note {
    font-size: 14px;
    padding-right: 0;
  }

  .oursolutions p {
    margin-top: 15px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx .icon {
    width: 50px;
  }

  .oems .tit {
    margin-top: 20px;
  }

  .shades .label {
    font-size: 10px;
  }

  .shades .label small {
    font-size: 9px;
  }

  .oursolutions .oursolutionswrp .solbx .solmain .detail .tit {
    margin-bottom: 0;
  }

  .brandwrp .branddetailwrp .brandbx .brandmain .brandlogo {
    min-height: auto;
  }

  .brandwrp .brandmainbx .brandmain {
    width: 100%;
    padding: 30px;
  }

  /* .specifications .specificationswrp {display: flex;flex-flow: column-reverse;} */
  .prodappliations .specificationswrp,
  .otherproducts .prodwrp {
    display: block;
  }

  .prodappliations .specificationswrp .specificationsimg,
  .otherproducts .prodwrp .prodbx {
    margin-bottom: 20px;
  }

  .otherproducts .prodwrp .prodbx .info .title {
    min-height: auto;
    margin-bottom: 10px;
  }

  .otherproducts .common-ttle {
    padding-bottom: 20px;
  }

  .pipeadvantages .advbx .custom-accordion .accordion-item:first-child .accordion-button {
    padding: 20px 0 0 0;
  }

  .pipeadvantages .advbx {
    margin-top: 20px;
  }

  .news .newscardmain .newsmaindetails {
    position: absolute;
    top: 0;
  }

  .products-range .product-pills .nav-link {
    font-size: 11px;
    padding: 8px 8px;
    letter-spacing: 0;
  }

  .products-range .prodrangewrp {
    display: block;
  }

  .products-range .prodrangewrp .prodrangebx {
    margin-bottom: 20px;
  }

  .specifications .pilltab {
    position: relative;
    left: 0;
  }

  .compdetails .specificationsinfo .detail {
    display: block;
    padding: 5px 25px;
  }

  .compdetails .specificationsinfo .detail .spebx {
    padding: 10px 0;
  }

  /* .foilspe .foilmain .foilwrp{display: block;} */
  .foilspe .foilmain .foilwrp .foilinfo,
  .foilspe .foilimg img {
    margin-bottom: 20px;
  }

  .foilspe .pilltab {
    position: relative;
    right: 0;
  }

  .foilspe .foilmain .foilwrp .foilinfo .detail,
  .foilspe .foilimg img {
    height: auto;
  }

  .foilspe .spe-pills .nav-link {
    margin-bottom: 10px;
    min-width: 143px;
    padding: 0 9px;
  }

  .foilspe,
  .pharma-other-tabs .spe-pills .nav-link {
    margin-bottom: 0;
    min-width: 93px;
    padding: 0 9px;
  }

  .foilspe .pharma-tabs .slider-thumbnail {
    position: relative;
  }

  .foilspe .pharma-tabs {
    position: relative;
    margin: 0;
    padding: 0;
    right: 0;
  }

  .foilspe .pharma-tabs .slider-thumbnail .swiper-slide {
    min-width: 96px;
    padding: 7px 10px;
    height: 35px;
    margin: 0 5px;
    letter-spacing: 0;
  }

  .qualityexe .qualitygrybx .spec-list .brx {
    padding: 0;
  }

  .qualityexe .qualitygrybx .spec-list .brx .spec-item:last-child {
    border-bottom: 1px solid #ddd;
  }

  .qualityexe .qualitygrybx .spec-list {
    display: block;
  }

  .specificationswrp {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    margin-top: 0 !important;
  }

  .specificationsimg {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .specificationsinfo {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .btndiv {
    grid-column: 1;
    grid-row: 3 !important;
  }

  .qualityexe {
    padding: 40px 0 0 0;
  }

  .qualityexe .qualitygrybx .common-cta {
    font-size: 9px;
    padding: 2px 9px;
  }

  .foilimg {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .foilinfo {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .foilspe .h400 {
    height: 420px;
  }

  .foilspe .foilmain .foilwrp {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    margin-top: 0 !important;
    gap: 0;
  }

  .foilspe .foilmain .foilwrp3,
  .newswrp {
    display: block;
  }

  .newswrp .newsbx {
    margin-bottom: 20px;
    height: auto;
  }

  .contactdata .map {
    height: 250px;
  }

  .contactdata .map {
    height: 300px;
  }

  .contactdata .locwrp {
    display: block;
  }

  .contactdata .locwrp .locbx {
    margin-bottom: 10px;
    padding: 20px;
  }

  .contactdata .locwrp .locbx .address {
    height: auto;
    font-size: 16px;
  }

  .contactdata .locwrp .locbx .connum {
    align-items: center;
    display: flex;
    gap:6px;
    font-weight: 400;
    font-size: 16px;

  }

  .contactdata .locwrp .locbx .connum a {
    color: var(--color2-dark);
    font-size: 16px;
    word-break: break-word;
  }

  .contactdata .maillhs {
    gap: 0;
  }

  .contactdata .mailrhs {
    margin-top: 30px;
  }

  .contactdata {
    padding: 40px 0;
  }

  .newswrp .newsbx .info .tit {
    height: auto;
    margin: 20px 0 10px 0;
  }

  .newswrp .newsbx .info {
    padding: 10px 0 20px 0;
  }

  .foilspe .pharma-other-tabs {
    padding: 0;
  }

  .leadershipwrp .namewrp .namebx {
    padding: 20px;
    width: 100%;
  }

  .leadershipwrp .namewrp .namebx .name {
    font-size: 20px;
  }

  .leadershipwrp .namewrp {
    margin-top: 10px;
  }

  .formwrp {
    padding: 40px 0;
  }

  .formwrp .custom-pills .nav-link {
    height: auto;
  }

  .policy {
    padding: 80px 0 40px 0;
  }

  .oursolutions .oursolutionswrp .solbx .solmain .detail .info {
    height: auto;
  }

  .contactdata .mailrhs .maildetail .mail {
    display: block;
  }

  .investor .invwrp .namebx {
    width: 100%;
  }

  .investor {
    padding: 40px 0;
  }

  .investor .invwrp .namebx h3 {
    margin-bottom: 10px;
  }

  .contactdata .maillhs .whatsappbtn {
    margin-bottom: 15px
  }

  .ourproducts .tab .proddata .imgcard .name {
    padding: 10px !important;
  }

  .shades .disclaimernote {
    padding: 0;
  }

  .faqwrapper .custom-accordion .accordion-button {
    font-size: 18px;
  }

  .faqwrapper .custom-accordion .accordion-button span {
    font-size: 22px;
  }

  .faqwrapper .custom-accordion {
    margin-top: 25px;
  }

  .initiatives .info {
    padding: 20px;
  }

  .csrpartners .partnerwrp {
    grid-template-columns: repeat(3, 1fr);
  }

  .csraim .container-1360-wrp {
    position: relative;
    left: 0;
    bottom: 0;
    transform: translate(0, 0);
  }

  .csraim .container-1360-wrp .csraimbx {
    padding: 20px;
  }

  .csraim .container-1360-wrp .csraimbx .txt {
    font-size: 17px;
    line-height: 1.3;
  }

  .csraim .container-1360-wrp .csraimbx .title {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .csraim {
    background-position: right;
    height: 580px;
  }

  .initiatives .imgwrp .numinfo {
    width: 165px;
    font-size: 30px;
  }

  .innerdata .focustitle {
    font-size: 18px;
  }

  .innerdata .focuswrp .focusbx {
    width: 100%;
    padding: 15px 10px;
  }

  .innerdata .focuswrp .focusbx span {
    display: inline;
  }

  .innerdata .focuswrp .focusbx img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
  }

  .real-impact .info {
    padding: 20px;
    gap: 8px
  }

  .real-impact .info .detailwrp .name,
  .real-impact .info .detailwrp .location {
    font-size: 18px;
  }

  .csrpop .popimg {
    margin-bottom: 20px;
    height: auto;
  }

  .csrpopbxinfo .tit {
    font-size: 20px;
  }

  .initiatives .info .title {
    font-size: 20px;
  }

  .real-impact .info .detailwrp {
    flex-direction: column;
    gap: 6px;
  }

  .real-impact .info .title {
    font-size: 22px;
  }

  .real-impact .info .detailwrp .name span,
  .real-impact .info .detailwrp .location span {
    font-size: 16px;
  }

  .csrpop .modal-body {
    padding: 20px 0;
  }

  .csrpop .btn-close {
    right: 0;
    top: 0;
  }

  .csrpartners .partnertitle {
    margin-top: 30px;
  }

  .csrpop .modal-content {
    max-height: 90vh;
    overflow: hidden;
    border-radius: 12px;
  }

  .csrpop .modal-body {
    max-height: 90vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
    overflow-x: hidden;
  }

  .csrpop .csrpopbxinfo {
    height: 50vh;
    ;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 10px;
  }

  .csrpop .csrpopbxinfo .txt {
    padding-right: 10px;
  }

}

@media (max-width: 767px) {

  .menu__close {
    display: block;
  }

  .year-list {
    height: 120px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }

  .year {
    padding-right: 0;
  }

  .news .newscardmain .newsmainimg {
    position: relative;
  }

}

@media (max-width:768px) {
  .shades .disclaimernote {
    padding: 0;
  }

  .ourproducts .tab .proddata .logowrp .tablogo {
    min-height: auto;
    width: 48%;
  }

  .ourproducts .tab .tab .tab__item {
    font-size: 16px;
    margin: 0px 15px;
    line-height: 1.1;
  }

  .aboutus,
  .ourproducts,
  .csr,
  .news,
  .quality,
  .compdetails,
  .foilspe,
  .real-impact {
    padding: 40px 0;
  }

  .csrpartners {
    padding-bottom: 40px;
  }

  footer .footertop .footersocial a i {
    font-size: 24px;
  }

  .aboutus .aboutleft {
    padding-right: 0;
  }

  .csr .csrwrp .csrcard .csrdetails {
    padding: 20px;
  }

  .ourproducts .tab .proddata .imgcard .name {
    padding: 25px 3px;
  }

  .locations .accordion {
    margin-top: 20px;
  }

  .locations .custom-accordion .accordion-button {
    padding: 15px 0;
  }

  .legacy .legacytxt p {
    font-size: 12px;
  }

  .legacy .legacyimg {
    height: 400px;
  }

  .corevalue .corewrp .corebx {
    padding: 10px;
  }

  .inner-bnr .bnrtxt {
    width: 100%;
    left: 10px;
    bottom: 30px;
  }

  .sustainability .suswrp .susbx {
    padding: 0 2px;
  }

  .sustainability .suswhitebx .suswwrp {
    width: 100%;
  }

  .sustainability .suswhitebx .susbx:nth-child(1),
  .sustainability .suswhitebx .susbx:nth-child(2) {
    width: auto;
  }

  .quality .qualitywrp .qualitybx .qualitydetails {
    padding: 20px 18px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .tit {
    font-size: 22px;
  }

  .quality .qualitywrp .qualitybx .qualitydetails .txt {
    font-size: 16px;
  }

  .quality .qualitywrp .qualitybx {
    margin-bottom: 24px;
  }

  .sustainability .suswhitebx .susbx .details ul li {
    font-size: 14px;
  }

  .sustainability .suswrp {
    margin-top: 30px;
  }

  .innerdata .policywrp .policybx .poliydata .policyinfo .details .name {
    font-size: 18px;
  }

  .qualitycontrol .qualitbrandywrp .qualitybrandbx .icon {
    width: 50px;
  }



}