@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;}

}

@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;}


}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.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: 12px;}
footer .footermid .footerlinkwrp .flinks .tit{font-size: 16px;}
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{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: 64px;}
.shades .swatch.active {transform: scale(1.6) translateY(-10px);height: 120px;width: 90px;}
.shades .label {font-size: 11px;}
.shades .label small {font-size: 10px;}
 .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: 200px;}
.contactdata .locwrp .locbx .address{height: auto;font-size: 14px;}
}


/* @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: 14px;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: 12px;}
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{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: 64px;}
.shades .swatch.active {transform: scale(1.5) translateY(-7px);height: 120px;width: 90px;}
.shades .label {font-size: 11px;}
.shades .label small {font-size: 10px;}
.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: 200px;}
.contactdata .locwrp .locbx .address{height: auto;    font-size: 14px;}

}

 
 
/* 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;}

.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;}
.sustainability .suswrp .susbx .icon img { width: 80px;}
.sustainability .suswhitebx .susbx .icon img {width: 70px;}
footer .footermid .footerlinkwrp .flinks {width: 190px;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: 9px;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: 15px;bottom: -20px;position: relative;}
.aboutdata .abouttit, .innerdata .inrtit, .leadershipwrp .inrtit, .manufactdata .manufacttit{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: 60px;}
.shades .swatch.active {transform: scale(1.6) translateY(-10px);height: 120px;width: 90px;}
.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;}

}

/* 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 {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: center;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 .excellenceimg img{height: 800px; object-fit: cover;}
 .excellence .container .exewrp .exebx { font-size: 17px;}
 .excellence .container .exewrp .exebx img {width: 75px;}
 footer .footermid .footerlinkwrp .flinks {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{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 {gap: 16px;}
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: 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{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: 30px;line-height: 35px;}
.sub-ttle {padding: 0;}
.footeruplink .linkwrp .linkwrplink {font-size: 16px;width: 45% !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: 30%; padding: 0;height: auto; margin: 0 auto;}
.customers .customerswrp .customerbx1{width: 48%;}
.shades .palette {justify-content: start;height: 220px;}
.shades .swatch.active {transform: scale(1.6) translateY(-7px);height: 116px;width: 89px;}
.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: 12px;}
.shades .label small {font-size: 10px;}
.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;}
.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;}

}

@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){ 
    .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 {padding: 40px 0;}
    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: 14px;}
    .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;}
  
    

}