/*Table of content*/
/*Desktop Media*/
/*Desktop height media*/
/*1024-iPad Landscape, iPad Pro Portrait*/
/*992-Tablet*/
/*980-Tablet*/
/*960-Tablet*/
/*854-Nokia N9 Landscape*/
/*823-Pixel 2 XL Landscape*/
/*812-iPhone X Landscape*/
/*800-Kindle Fire HDX, Nexux 10*/
/*768-iPad Portrait*/
/*736-iPhone 6/7/8 Plus Landscape*/
/*731-Pixel 2 Landscape*/
/*667-iPhone 6/7/8 Landscape*/
/*640-Galaxy Note 3 Landscape*/
/*604-Smartphone*/
/*600-Blackberry PlayBook, Nexus 7*/
/*586-iPhone 5/SE Landscape*/
/*533-Nokia Lumia 520 Landscape*/
/*480-Nokia N9*/
/*414-iPhone 6/7/8 Plus*/
/*412-Nexus 6*/
/*411-Pixel 2XL*/
/*384-LG Optimus L70, Nexus 4*/
/*375-iPhone 6/7/8 Plus, iPhone X*/
/*360-Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia*/
/*320-iPhone 5/SE, iPhone 4, Nokia Lumia 520*/


@media only screen and (min-width:1921px){
   
}   
@media only screen and (max-width:1680px){
    .stickyleftimg .susleftimgcol{top: 55px;}
    .logoitems img{max-height: 60px;}
}
@media only screen and (max-width:1600px){

}
@media only screen and (min-width:1440px) and (max-width:1599px){
    .text-120, .text-120 h1, .text-120 h2, .text-120 h3{font-size: 100px;}
    .text-80, .text-80 h1, .text-80 h2, .text-80 h3 {font-size: 60px;}
    h1, h2{font-size: 40px;}
    h4{font-size: 20px;}
    .newstitle{width: 65%;}
    .newsthumb {margin-right: 20px;max-width: 130px;border-radius: 15px;}
    .minusleftimg {margin-left: -112px;}
    .leftcontetnbox {padding-left: 112px;}
    .horizontawrapper{padding-left: 112px;padding-right: 110px;}
    .horizontalcontent{min-width: 390px;}
    .svganimaion {height: 130px;}
    .footerproimg{width: 400px;right: 50px;}
    .sustaibilitytext {padding-right: calc(((100% - 1296px) - 24px) / 2);}
    .teamrowfull {padding-left: calc(((100% - 1296px) - 24px) / 2); }
    .aboutbanner{padding: 130px 0px 50px}
    .bannercaption{padding-bottom: 120px;}
    .excellencerow  .minusleftimg { margin-left: -90px;}
    .packagingsolutions .indcolumn{width: 340px;}
    .horizontawrapper .indcolumn .captiontitle{padding: 30px;}
    .horizontawrapper .indcolumn .captiontitle h2 {font-size: 30px; }
    .prodevcol{padding: 30px;}
    .titleimg img{height: 24px;}
}
@media only screen and (max-width:1440px){
    body{font-size: 16px;line-height: 26px;}
    h1, h2{font-size: 34px;}
    h3{font-size: 22px;}
    h4{font-size: 19px;}
    .btn-circle{width: 65px;height: 65px;}
    .border-radius-20, .blogdetail p img, .teamslider .borderboxcol { border-radius: 15px; }
    .text-80, .text-80 h1, .text-80 h2, .text-80 h3 {font-size: 54px;}
    .text-30, .text-30 h1, .text-30 h2, .text-30 h3 {font-size: 22px;line-height: 28px;}
    .text-50, .text-50 h1, .text-50 h2, .text-50 h3 {font-size: 34px;}
    .text-120, .text-120 h1, .text-120 h2, .text-120 h3 {font-size: 78px;}
    .text-36, .text-36 h1, .text-36 h2, .text-36 h3{font-size: 28px;}
    .mb-100{margin-bottom: 60px;}
    .mb-250{margin-bottom: 100px;}
    .mb-150{margin-bottom: 100px;}
    .mb-50{margin-bottom: 30px}
    .mb-70, .mb-80{margin-bottom: 30px;}
    .leftcontetnbox { padding-left: 71px;}
    .horizontawrapper{padding-left: 71px;padding-right: 50px;}
    .horizontalcontent{min-width:410px;}
    .iconanim{margin-bottom: 20px;}
    .titlecol{margin-bottom: 20px;}
    .prodevcol{padding: 30px;}
    .productleftimg{padding: 100px 0px;}
    .casestudyrow{padding: 100px 0px;}
/*    .casestudycol{min-width: 400px;}*/
    .trenddeveloprow{padding: 60px 0px;}
    .minusleftimg {margin-left: -72px;}
    .logoslider .slick-slide {padding: 75px 50px;}
    .excellencerow h2, .countercolumn {margin-bottom: 30px;}
    .iconitemslist{margin-top: 20px;}
    .iconcol  img{height: 48px;}
    .iconcol span{font-size: 17px;}
    .datecol{width: 33.33%;}
    .newstitle h4{font-size: 20px;line-height: 26px;}
    .newsthumb{border-radius: 10px;max-width: 120px;margin-right: 15px;}
    .bloghomerow{padding: 100px 0px;}
    .calltoaction{padding: 50px 0px;}
    .footerproimg {right: 50px;width: 28%;}
    .footerlogo {margin-bottom: 50px; }
    .footermain{padding: 100px 0px 60px;}
    .footermenu h5{margin-bottom: 20px;}
    .footerlink ul li{margin-bottom: 5px;}
    .pagesectiontop, .toppageoffset{padding-top: 130px}
    .infodetail a{font-size: 20px;}
    .infocol{margin-right: 30px;}
    .infocol i{margin-right: 10px;}
    .addresscol address br{ display: none; }
    .addresscol address { margin-bottom: 30px; }
    .contactinfobg{padding: 100px 0px;}
    .textcontact h3{font-size: 26px;}
/*    .blogtitlecontent {width: 75%;}*/
    .blogcontentlist .blogtitlecontent { width: 85%; }
    .blogcolbox {margin-bottom: 60px;}
    .blogcolbox h4{font-size: 20px;}
    .productleftimg, .whyworkchoose{padding: 100px 0px;}
    .postitem .borderboxcol{padding: 30px;}
    .leftcontentrightimg,
    .teamrowfull {padding-left: calc(((100% - 1296px) - 24px) / 2); }
    .sustaibilitytext {padding-right: calc(((100% - 1296px) - 24px) / 2);}
    .matimg{max-width: 180px;margin-right: 15px;}
    .matetitle h4{font-size: 18px;}
    .nav-link{margin-right: 50px;}
    .solutionrow .row [class*="col-"]{font-size: 16px;line-height: 24px;}
/*    .ourleadershiprow, .researchdevrow{padding: 100px 0px;}*/
    .researchdevrow{padding: 60px 0px;}
    .sustaibilityrow{padding-bottom: 60px;}
    .susleftimgcol {width: 50%;}
    .susrighttext{width: 50%;padding-left: 50px;}
    .approactext {margin-top: 10px;}
    .approactext h3{margin-bottom: 20px;font-size: 24px;}
    .approactext h4{margin-bottom: 10px;font-size: 20px;}
    .certicol{padding: 20px;}
    /* .teamslider{margin-right: -250px;} */
    .teamslider .borderboxcol{padding: 40px 30px 0px;}
    .teamslider .text-50 h3{font-size: 36px;margin-bottom: 10px;}
    .teamslider h4{font-size: 20px;margin-bottom: 10px;}
    .teamimgcol img {height: 310px;}
    .teamcontent {width: 60%;}
    .svganimaion {height: 180px;}
    .productleftimg video{display: inline-block;vertical-align: top}
    .aboutbanner{padding: 70px 0px;}
    .aboutbanner .container img{max-width:450px;width: 100%;}
    .logo a img{width: 200px}
    .sticky .logo a img {width: 160px;}
    .navmenu > ul > li{padding: 20px;}
    .bannercaption{padding-bottom: 130px;}
    .aboutcanpactab h2 span img{width: 210px;margin-top: -3px;}
    .hovertabimg{top: 4px}
    .awardscertirow  .mt-50{margin-top: 30px;}
    .leftcontentrightimg .text-30 {line-height: 36px;}
    .foodgrothrow{padding: 60px 0px 35px;}
    .submarketsrow.mb-200, .finishestabrow.mb-200{margin-bottom: 100px;}
    .packaginapprow{padding: 60px 0px;}
    .leftsticky{padding-bottom: 50px}
    .solutionrow.mb-250{margin-bottom: 70px;}
    .nav-link{font-size: 22px;padding-bottom: 25px}
    .foodcontentpink i, .foodcolpink i {margin-bottom: 35px;}
    .btnblogcircle{margin-top: 5px}
    .stickyleftimg .susleftimgcol{top: 55px;}
    .stickyleftimg .susrighttext{padding-left: 100px;}
    .herotitlerow{margin-bottom: 50px;}
    .stickyhrwrapper{top: 25vh}
    .righticoncol .row [class*="col-"] {margin-bottom: 30px;}
    .bloglistright{margin-bottom: 20px;}
    .yeartext{font-size: 20px;margin-top: 5px;width: 50%;}
    .yearcol .text-120{line-height: 1;}
    .timelineflex{margin-bottom: 50px;}
    .iconhalfcol i{margin-right: 50px;}
    .approactext .borderbottom {margin-bottom: 20px; padding-bottom: 20px;}
    .casestudyscroll {padding-bottom: 60px;}
    .productleftimg .text-30{font-size: 24px;}
    .clientlogoslider, .clientlogoscroll{padding-bottom: 50px;}
    .clientlogoslider .slick-slide img{padding:0px 30px;}
    .packagingsolutions .indcolumn{width: 300px;}
    .captiontitle{padding: 30px;}
    .horizontawrapper .indcolumn .captiontitle h2{font-size: 30px;}
    .gloablemaptimerow .yeartext{font-size: 16px;line-height: 24px;margin-top: 2px;padding-left: 0px;}
    .gloablemaptimerow .yeartext ul li::before{top: 5px;}
    .gloablemaptimerow .row [class*="col-"]:first-child{position: sticky;top: 80px;}
    .marketalltab .nav-link{margin: 0px 25px;font-size: 36px;}
    .excellencerow  .minusleftimg {margin-left: -50px;}
    .marketwetabrow.mb-100{margin-bottom: 30px;}
    .marketalltab .nav-link{font-size: 24px;padding-bottom: 15px;}
    .marketalltab{margin-bottom: 30px;}
    .logoitems img{max-height: 60px;}
    .titleimg img{height: 24px;}
    .gloablemaptimerow .yearcol{min-width: 70px;}
}
@media only screen and (min-width:1550px){
    .container{max-width: 1536px;}
}


@media only screen and (max-width:1366px){
    .text-30, .text-30 h1, .text-30 h2, .text-30 h3 {font-size: 20px;}
    .leftcontentrightimg .text-30 {line-height: 32px;}
    .leftcontetnbox {padding-left: 117px;}
    .horizontawrapper{padding-left: 117px;padding-right: 112px;}
    .minusleftimg {margin-left: -122px;}
    .excellencerow  .minusleftimg {margin-left: -100px;}
    .leftcontentrightimg, .teamrowfull {padding-left: calc(((100% - 1120px) - 24px) / 2); }
    .sustaibilitytext {padding-right: calc(((100% - 1120px) - 24px) / 2);}
    .stickyleftimg .susrighttext{width: 56%;}
    .stickyleftimg .susleftimgcol{width: 44%;}
    .footerlink{width: 37%;}
    .footermenu .footerlink:last-child{width: 25%;}
    .socialcol, .copyright{width: 37%}
    .stickyleftimg .approactext .borderbottom {margin-bottom: 30px; padding-bottom: 30px;}
    .stickyleftimg .susleftimgcol {top: 75px;}
    .casestudyhrwrapper{padding-left: calc(((100% - 1120px) - 24px) / 2);}
    .teamslider .text-50 h3{font-size: 30px;}
}

@media only screen and (max-width:1280px){
    .text-80, .text-80 h1, .text-80 h2, .text-80 h3 {font-size: 48px;}
     .horizontawrapper{padding-left: 77px;padding-right: 60px;}
     .stickyleftimg .susleftimgcol{top: 100px;}
     .stickyleftimg .approactext .borderbottom{margin-bottom: 40px;padding-bottom: 40px;}
     .leftcontetnbox{padding-left: 81px;}
     .stickyleftimg .susleftimgcol {top: 55px;}
     .excellencerow  .minusleftimg { margin-left: -50px;}

}

@media only screen and (max-width:1200px){
    body{font-size: 16px;line-height: 26px;}
    h1, h2{font-size: 34px;}
    h3{font-size: 22px;}
    h4{font-size: 20px;}
/*    p{margin-bottom: 10px;}*/
    .text-80, .text-80 h1, .text-80 h2, .text-80 h3 {font-size: 34px;}
    .text-50, .text-50 h1, .text-50 h2, .text-50 h3{font-size: 26px;}
    .text-30, .text-30 h1, .text-30 h2, .text-30 h3{font-size: 18px;}
    .text-120, .text-120 h1, .text-120 h2, .text-120 h3{font-size: 78px;}
    .mb-200{margin-bottom: 70px;}
    .mainheader{padding: 10px 0px;}
    /*.innerheader {background-color: #fff;}*/
    .sticky .logo, .logo{padding: 0px;}
    .sticky .logo a img, .logo a img{width: 150px;}
    .mb-250 { margin-bottom: 70px;}
    .border-radius-20, .blogdetail p img, .teamslider .borderboxcol{border-radius: 10px;}
   a.menu-toggle{display: inline-flex;margin-left:20px ;}
   .mainheader.sticky .icnline, .innerheader .icnline{background-color: #555;}
   .navmenu.slide{right: 0px;}
   .MenuClose{display: inline-flex;}
   .sub-menu-arrow{display: inline-block;}
   .navmenu{position: fixed;width: 350px;background-color: #fff;height: 100%;overflow: auto;top: 0px;right: -100%;z-index: 20;padding: 50px 30px;transition: all 0.8s ease;}
   .navmenu > ul > li > a, .sticky .navmenu > ul > li > a{color: #555;font-size: 24px;}
   .mainheader.sticky .navmenu > ul > li,.navmenu > ul > li{padding: 0px;width: 100%;margin-bottom: 20px;}
   .navmenu > ul > li.menu-item-has-children::before{display: none;}
   .navmenu > ul > li:hover ul,.navmenu > ul > li ul{display: none;}
   .navmenu > ul > li ul{position: relative;top: 0px;background-color: transparent;box-shadow: none;padding: 15px 0px 0px;}
   .navmenu > ul > li > ul > li{padding: 0px;padding-left: 20px; margin-bottom: 15px;border: none;line-height: 1;position: relative;}
   .navmenu > ul > li > ul > li::before{background-color: #C1232C;border-radius: 100%;width: 6px;height: 6px;position: absolute;left: 0px;top: 5px;content: '';}
   .navmenu > ul > li > ul > li:last-child{margin-bottom: 0px;}
   .navmenu > ul > li.menu-item-has-children{margin-right: 0px;}
   .navmenu > ul > li > a:hover{color: #555;} 
   .navmenu > ul li.current-menu-item > a, 
   .navmenu > ul li.current-menu-ancestor > a{color: #C1232C;}
   .navmenu > ul > li > a::before{display: none;}
   .lastmenu{display: block;}
   .mainheader .btn-theme-white{display: none;}
   .btn-theme-white{padding: 10px 15px;font-size: 16px;}
   .stickywrapsection{height: inherit;position: relative;padding: 100px 0px 50px;}
   .leftcontetnbox {padding:0px 42px;display: block;}
   .rightcoldiv{display: none;}
   .leftcoldiv{width: 100%;}
   .titlecontent{opacity: 1;position: relative;}
   .topherosection .h-spacer{display: none;}
   .sliderbox{display: flex;align-items: center;}
   .toprightimg{display: block;}
   .topcontentleft{width: 45%;}
   .toprightimg{width: 55%;}
   .textColorChagnes{color: #333;}
   .stickyhrwrapper{top: 0px;position: static;}
   .stickymainwrapper .h-spacer{display: none;}
   .stickyhrwrapper .mb-100{margin-bottom: 30px;}
   .horizontawrapper{flex-wrap: wrap;padding: 0px 32px;display: flex;justify-content: center;}
   .svganimaion {height: 150px;}
   .iconanim, .titlecol{margin-bottom: 10px;}
   .horizontalcontent{min-width: initial;width: 33.33%;padding: 0px 12px;margin-bottom: 24px;margin-right: 0px;}
   .prodevcol{border-radius: 10px;}
   .trenddeveloprow{padding-bottom: 50px;}
   .captiontitle::before{height: 100%;}
   .productleftimg{padding: 100px 0px;}
   .captiontitle{padding:20px;top: auto;position: relative;}
   .captiontitle h2{font-size: 30px;transform: none;margin-bottom: 10px;}
   .captiontitle span, .captiontitle p{display: inline-flex;}
   .captiontitle::before{display: none;}
   .indcolumn a{background-color: #C1232C;min-height: 100%;}
   .logoslider .slick-slide {padding: 50px 30px;}
   .packagingsolutions .mb-70{margin-bottom: 30px;}
   .casestudymain .mb-80{margin-bottom: 10px;}
   .casestudyhrwrapper{position: static;display: block;}
   .casestudymain .h-spacer{display: none;}
   .casestudyhrwrapper {padding-left: calc(((100% - 936px) - 24px) / 2);}
   .casestudyscroll .slick-dots{bottom: -15px;text-align: left;padding-left: 42px;}
   .caselogo{top: 30px;}
   .casestudytitle{padding:20px;}
   .casestudyrow{padding: 100px 0px;}
   .caselogo img{max-width: 150px;}
   .iconitemslist{margin-top: 0px;}
   .newstitle {width: 60%;padding-right: 40px;}
   .newseventcol ul li a{align-items: flex-start;}
   .newseventcol ul li{padding-bottom: 30px;margin-bottom: 30px;}
   .bloghomerow h2 { margin-bottom: 30px;}
   .bloghomerow{padding: 100px 0px;}
   .blgotitle a{padding-right: 45px;}
   .datecol{min-width: 100px;}
   .calltoaction {padding: 50px 0px;}
   .footermain {padding: 50px 0px;}
   .footerproimg{max-width: 250px;right: 0px;}
   .footerlink, .socialcol, .copyright, .footermenu .footerlink:last-child{padding-right: 12px;}
   .footerlogo {margin-bottom: 30px;}
   .newstitle h4{font-size: 18px;}
   .btn-circle-white{width: 30px;height: 30px;background-size: 14px;}
   .countercolumn  .text-50{font-size: 30px;}
   .pagesectiontop, .toppageoffset{padding-top: 120px}
   .infocol {margin-right: 15px;}
   .infocol i img{height: 24px;}
   .infodetail a {font-size: 18px;}
   .textcontact h3 {font-size: 24px;}
   .textcontact{margin-bottom: 30px;padding-bottom: 30px;}
   .contactinfobg{background-attachment: scroll;height: 65vh;}
   .btnblogcircle {margin-top: 8px;}
/*   .blogtitlecontent { width: 77%;}*/
   .blogcolbox {margin-bottom: 50px;}
/*   .blogcontentlist .blogtitlecontent {width: 68%;padding: 0px 10px;}*/
   .stickyblog .mb-50{margin-bottom: 30px;}
   .blogdetailrow .mb-50, .otherblogdetail .mb-50,  .trendingbloglist .mb-50{margin-bottom: 30px;}
   .blogdetailnav{margin-top: 30px;}
   .btn-circle-outline{width: 30px;height: 30px;background-size: 14px;}
   .offcanvas-body{padding:60px 50px 50px;}
   .offcanvas .closebtn {right: 50px;top: 20px;}
   .postitem .borderboxcol {padding: 25px;}
   .postcontent h5{font-size: 16px;}
   .careescatogory .mb-50, .filters-button-group, .careerstoprow .mb-50, .whyworkchoose .mb-50{margin-bottom: 30px;}
   .productleftimg, .whyworkchoose{padding: 100px 0px;}
   .filters-button-group{display: flex;justify-content: flex-start;overflow-x: auto;}
   .packaginapprow{padding: 100px 0px;}
   .packageslider .captiontitle{position: absolute;padding-top: 50px;}
   .packageslider .captiontitle::before{display: block;}
   .packaginapprow .mb-50{margin-bottom: 30px;}
   .leftcontentrightimg .text-30{line-height: 30px;}
   .leftcontentrightimg, .teamrowfull {padding-left: calc(((100% - 940px) - 24px) / 2); }
   .sustaibilitytext, .teamrowfull {padding-right: calc(((100% - 940px) - 24px) / 2);}
   .foodgrothrow {padding: 60px 0px 30px;}
   .foodcontentpink i, .foodcolpink i { margin-bottom: 30px;}
   .matimg {max-width: 150px;}
   .materialsrow .mb-50, .foodgrothrow .mb-100, .industryother .mb-50{margin-bottom: 30px;}
   .finishestabrow .mb-40{margin-bottom: 20px;}
   .righticoncol img{max-width: 70px;}
   .otherindslider .captiontitle{background-color: #C1232C;}
   .otherindslider span{position: relative;opacity: 1;left: 0px;top: 0px;transform: none;margin-top: 15px;}
   .nav-link{font-size: 20px;padding-bottom: 20px;}
   .nav-pills{margin-bottom: 30px;}
   .righticoncol .row [class*="col-"]{margin-bottom: 30px;}
   .tab-content .row .mb-50{margin-bottom: 30px;}
   .trandingcasestudy {padding: 50px 0px;}
   .solutionrow .mb-50{margin-bottom: 30px;}
   .aboutbanner {padding: 100px 0px 70px;}
   .bannercaption{padding-bottom: 100px;}
   .aboutcanpactab h2 span img {width: 180px;margin-top: -5px}
   .tabcontentcaption{padding: 50px;}
   .teamrowfull .mb-50, .sustaibilityrow .mb-50, .researchdevrow .mb-50, .awardscertirow .mb-50{margin-bottom: 30px;}
/*   .ourleadershiprow, .researchdevrow {padding: 100px 0px;}*/
   .researchdevrow {padding: 50px 0px;}
   .susleftimgcol img{border-radius:0px 10px 10px 0px;}
   .awardscertirow .mt-50{margin-top: 30px;}
   .leftsticky { padding-bottom: 30px;}
   .submarketsrow.mb-200, .finishestabrow.mb-200 { margin-bottom: 40px;}
   .cartitleimg .titleimg img{height: 24px;}
   .titleimg { margin: 0px 10px;}
   .stickyleftimg .susleftimgcol{display: none;}
   .stickyleftimg .susrighttext{width: 100%;padding-left: 12px;}
   .stickyleftimg .susleftimgcol {top: 150px;}
   .stickyleftimg .approactext .borderbottom {margin-bottom: 40px;padding-bottom: 40px;} 
   /*.sustaibilityrow {padding-bottom: 70px;}*/
   .stickyleftimg {padding-left: calc(((100% - 940px) - 24px) / 2);}
   .stickyleftimg .approactext{margin: 10px 0px 0px;}
   .sustainitems{display: grid;gap:0px 24px; grid-template-columns: 1fr 1fr;}
   .textRighteco{opacity: 1;}
   .mobileimg{display: inline-block;}
   .sustainitems .mobileimg{margin-bottom: 15px;}
   .stickyleftimg .approactext .borderbottom {margin-bottom: 30px;padding-bottom: 25px;}
   .foodgrothrow .mb-50{margin-bottom: 30px;}
   .solutionrow.mb-250 {margin-bottom: 40px;}
   .herotitlerow {margin-bottom: 30px;}
   .topfullwidvideorow .mobileimg{display: none;}
   .materialsrow.mb-250{margin-bottom: 40px}
   .bloglistright {margin-bottom: 0px;}
   .yeartext{width: 70%;padding-left: 20px;}
   .timelineflex { margin-bottom: 30px; }
   .timelinenav span{padding: 20px 0px;}
   .timelinenav .slick-arrow{bottom: -35px;}
   .iconhalfcol i{margin-right: 30px;}
   .nav-link:hover .hovertabimg{opacity: 0}
   .nav-link:hover .tabimg{opacity: 1}
   .nav-link:hover span{color: #333333}
   .teamslider{padding-bottom: 0px;}
   .teamslider h4 {font-size: 16px;}
   .susrighttext{padding-left: 25px;}
   .indcolumn a:hover .captiontitle span, .indcolumn a:hover .captiontitle p, .indcolumn a:hover .captiontitle h2{animation: none;}
   .casestudycol a:hover .casestudytitle, .casestudycol a:hover .caselogo, .casestudycol .btn-circle{opacity: 1}
   .productleftimg .text-30{font-size: 20px;}
   .btn-circle {width: 55px; height: 55px; background-size: 24px;}
   .clientlogoslider .slick-slide img {padding: 0px 20px;}
   .industrypackslider {display: block;width: 100%;}
   .packagingsolutions .industrypackslider .indcolumn{margin-bottom: 10px;margin-right: 0px;padding: 0px 12px;}
   .industrypackslider .indcolumn a:hover .captiontitle{background-color: transparent;}
   .industrypackslider .indcolumn .captiontitle{top: 0px;position: absolute;background-color: transparent;}
   .industrypackslider .indcolumn .captiontitle::before{display: block;opacity: 1 !important;height: 60%;bottom: auto;}
   .industrypackslider .slick-dots{bottom: -15px;}
   .industrypackslider .slick-dots li{margin: 0px 3px;}
   .trenddeveloprow .mb-50 { margin-bottom: 20px;}
   .excellencerow  .minusleftimg { margin-left: -20px;}
    .teamimgcol img{height: initial;}
    .teamslider .borderboxcol {padding: 40px 40px 0px;}
    .stickytoprow{position: relative;top: 0px;display: inline-block;vertical-align: top;}
    .centerwrapper{position: absolute;top: 50%;transform: translateY(-50%);left: 0px;}
}

/*Desktop Media Ends*/

/*Desktop height media Starts*/
@media (min-width:1900px) and (max-width:1920px) and (max-height:1080px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:1024px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:960px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:800px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:768px){
}
/*Desktop height media Ends*/

/*iPad Landscape, iPad Pro Portrait start*/
@media only screen and (max-width:1024px){
   
}
/*iPad Landscape, iPad Pro Portrait end*/

/*Tablet start*/
@media only screen and (max-width:992px){
    h1, h2 {font-size: 28px;}
    .text-120, .text-120 h1, .text-120 h2, .text-120 h3 { font-size: 58px;}
    .text-50, .text-50 h1, .text-50 h2, .text-50 h3 {font-size: 22px;}
   .topcontentleft .text-30{font-size: 16px;}
   .titlecontent .text-80{letter-spacing: 0px;font-size: 26px;}
   .aboutcanpactab h2 span img{margin-top: -4px}
   .horizontawrapper{padding: 0px 22px;}
   .horizontalcontent{width:50%;}
   .minusleftimg {margin-left: -35px;}
   .footerproimg{display: none;}
   .btn-circle-white-outline{width: 60px;height: 60px;background-size: 24px;}
   .newsthumb{max-width: 100px;}
   .blgotitle{flex-wrap: wrap;}
   .datecol{width: 100%;min-width: inherit;margin: 0px 0px 10px;}
   .infocol{margin-bottom: 15px;width: 100%;margin-right:0px;}
   .textcontact h3 {font-size: 20px;letter-spacing: 0px;}
   .infocol i{min-width: 30px;margin-right: 20px;text-align: center;}
   .blogcontentlist .datecol{width: 100%;max-width: 100%;margin-bottom: 10px;}
/*   .blogcontentlist .blogtitlecontent{width: 85%;}*/
   .blogcolbox{margin-bottom: 30px;}
   .catagorylist ul li{padding: 10px 0px;}
   .catagorylist{margin-bottom: 90px;}
   .leftsticky{position: relative;top: 0px;margin-bottom: 20px;padding-bottom: 0px}
   .righticoncol .row [class*="col-"]{margin-bottom: 30px;}
   /* .foodgrothrow{padding: 100px 0px;} */
   .leftcontentrightimg{padding-left: calc(((100% - 700px) - 24px) / 2);}
   .nav-link { margin-right: 20px;font-size: 18px;}
   .tab-content .row{justify-content: center;}
   .titleimg{margin: 0px 10px 15px;}
   /*.cartitleimg .titleimg:nth-child(1) img{max-width: 120px;}
   .cartitleimg .titleimg:nth-child(2) img{max-width: 170px;}
   .cartitleimg .titleimg:nth-child(3) img{max-width: 180px;}*/
   .teamrowfull{padding-left: calc(((100% - 700px) - 24px) / 2);padding-right: calc(((100% - 700px) - 24px) / 2);}
   .sustaibilitytext{padding-left: calc(((100% - 700px) - 24px) / 2);padding-right: calc(((100% - 700px) - 24px) / 2);align-items: flex-start;overflow: visible;position: relative;}
   .teamslider{margin-right: 0px;padding-bottom: 10px;}
   .teamslider .slick-dots{bottom: -20px;}
   .susleftimgcol img{border-radius: 10px;}
   .susleftimgcol{position: sticky;top: 150px;}
   .btnblogcircle {margin-top: 0px;}
   .timelineflex{flex-wrap: wrap;}
   .yeartext{width: 100%;padding: 10px 0px 0px;font-size: 18px;}
   .timelineflex {margin-bottom: 20px;}
   .iconhalfcol i{max-width: 60px;}
   .desktopvideo{display: none;}
   .ipadvideo{display: inline-block;}
   .casestudyhrwrapper {padding-left: calc(((100% - 700px) - 24px) / 2);}
   .packagingsolutions .row{justify-content: center;}
   .aboutbanner .container img{max-width: 350px;}
   .clientlogoslider .slick-slide img {padding: 0px 10px;}
   .teamcontent {width: 55%;}

}
@media only screen and (max-width:991px){
    
}
@media screen and (min-width:581px) and (max-width:767px){
}
/*Tablet end*/

/*Tablet start*/
@media only screen and (max-width:980px){
}

/*Tablet end*/

/*Tablet start*/
@media only screen and (max-width:960px){
}

/*Tablet end*/

/*Nokia N9 Landscape start*/
@media only screen and (max-width:854px){
 
}

/*Nokia N9 Landscape end*/

/*Pixel 2 XL Landscape start*/
@media only screen and (max-width:823px){
}

/*Pixel 2 XL Landscape end*/

/*iPhone X Landscape start*/
@media only screen and (max-width:812px){
}

/*iPhone X Landscape end*/

/*Kindle Fire HDX, Nexux 10 start*/
@media only screen and (max-width:800px){
}

/*Kindle Fire HDX, Nexux 10 end*/

/*iPad Portrait start*/
@media only screen and (max-width:768px){
}
@media only screen and (max-width:767px){
    .navmenu{width: 100%;}
    .container{padding: 0px 20px;}
    .btn-theme-white, .btn-outline, .btn-theme { padding: 8px 15px;font-size: 14px; }
    h1, h2, h3, h4, h5, h6{letter-spacing: 0px;}
    h1, h2 {font-size: 24px;margin-bottom: 15px;}
    .text-120, .text-120 h1, .text-120 h2, .text-120 h3 {font-size: 30px;}
    .text-36, .text-36 h1, .text-36 h2, .text-36 h3 {font-size: 22px;}
    .text-30, .text-30 h1, .text-30 h2, .text-30 h3 { font-size: 18px;line-height: 26px;}
    .mb-250{margin-bottom: 50px;}
    .mb-150{margin-bottom: 50px;}
    .mb-200{margin-bottom: 50px;}
    .mb-100 { margin-bottom: 50px;}
    .sticky .logo a img, .logo a img {width: 120px;}
    .sliderbox{flex-wrap: wrap;}
    .stickywrapsection{padding: 50px 0px;}
    .topcontentleft, .toprightimg{width: 100%;}
    .topcontentleft .text-30 p:last-child{margin-bottom: 0px;}
    .topcontentleft .mb-20{margin-bottom: 15px;}
    .toprightimg{order: 1;margin-bottom: 10px;}
    .topcontentleft{order: 2;}
    .leftcontetnbox{padding: 0px 20px;text-align: center;}
    .productleftimg, .whyworkchoose{padding: 50px 0px;}
    .productleftimg .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .productleftimg .text-50{font-size: 20px;line-height: 24px;}
    .horizontalcontent{width: 100%;padding: 0px;}
    .horizontawrapper{padding: 0px 20px;}
    .stickyhrwrapper .mb-100 {margin-bottom: 25px;}
    .titlecol span{font-size: 26px;}
    .trenddeveloprow{padding-bottom: 45px;}
    .casestudyrow{padding: 50px 0px;}
    .casestudyscroll{padding: 0px 0px 5px;margin: 0px -5px;}
    .casestudycol{padding: 0px 5px;}
    .casestudyscroll .slick-dots{padding-left: 5px;}
    .minusleftimg {margin-left: -20px;}
    .casestudymain .mb-80{margin-bottom: 0px;}
    .excellencerow h2{margin-bottom: 20px;}
    .countercolumn  .text-50 {font-size: 20px;}
    /* .countercolumn{width: 100%;}
    .countercolflex .countercolumn:nth-child(even), .countercolflex .countercolumn:nth-child(odd){padding: 0px;} */
    .row .indcolumn:last-child{margin-bottom: 0px;}
    .iconcol{width: 100%;margin-bottom: 20px;padding: 0px;}
     .iconitemslist .iconcol:last-child{margin-bottom: 0px;}
    .packagingsolutions .mb-70{margin-bottom: 20px;}
    .videoblockelement .row [class*="col-"]:first-child, .excellencerow .row [class*="col-"]:first-child{margin-bottom: 15px;}
    .newstitle{width: 100%;}
    .newsthumb{width: 150px;margin-bottom: 15px;max-width: inherit;}
    .newseventcol ul li{padding-bottom: 20px;margin-bottom: 20px;}
    .bloghomerow{padding: 50px 0px;}
    .bloghomepage [class*="col-"]:first-child{margin-bottom: 40px;}
    .blogthumb{margin-bottom: 20px;}
    .bloghomerow h2{margin-bottom: 20px;}
/*    .footermain{padding: 50px 0px 30px;}*/
    .footerlink, .socialcol, .copyright, .footermenu .footerlink:last-child{width: 100%;}
    .footerlink,.footermenu{margin-bottom: 20px;}
    .socialcol{margin-bottom: 10px;}
    .footermenu h5{margin-bottom: 10px;}
    .calltoaction{padding: 20px 0px;}
    .btn-circle-white-outline { width: 40px; height: 40px; background-size: 18px;margin-top: 5px;}
    .captiontitle span{width: 34px;height: 34px}
    .pagesectiontop .mb-50{margin-bottom: 20px;}
    .pagenotfound{max-width: 200px}
    .pagesectiontop p br{display: none;}
    .textcontact {margin-bottom: 20px; padding-bottom: 20px;}
    .infocol i img { height: 20px; }
    .infocol i{min-width: 20px;}
    .contactinforow .mb-100{margin-bottom: 20px;}
    .contactinforow h1 br{display: none;}
    .inforowcont [class*="col-"]:first-child{margin-bottom: 20px;}
    .contactinfobg{height: initial;padding: 50px 0px;}
    .toppageoffset{padding-top: 90px;}
    .stickyblog .datecol{width: 100%;margin-bottom: 15px;margin-top: 0px;}
    .blogtitlecontent {width: 87%;}
    .blogcolbox { margin-bottom: 30px; }
    .paginav{padding-top: 30px;}
    .blogthmubimg{margin-bottom: 15px;}
    .btnblogcircle{margin-top: 5px;}
    .stickyblog .mb-50 { margin-bottom: 20px; }
    .blogdetailrow .mb-100, .blogdetailrow .mb-50, .otherblogdetail .mb-50, .trendingbloglist .mb-50{margin-bottom: 20px;}
    .blogdetail h2 {font-size: 24px;}
    .blogdetail h3{font-size: 20px;}
    .blogdetail h4, .blogdetail h5{font-size: 18px;}
    .otherblogrow [class*="col-"]:first-child{margin-bottom: 30px;}
    .trendingbloglist [class*="col-"]:last-child{margin-bottom: 0px;}
    .catagorylist{margin-bottom: 50px;position: relative;top: 0px;}
    .catagorylist ul{display: flex;overflow-x: auto;}
    .catagorylist ul li{white-space: nowrap;margin-right: 15px;}
    .bloglistright {margin-bottom: 30px;}
    .offcanvas-body {padding: 60px 25px 50px;}
    .offcanvas .closebtn { right: 20px; top: 20px; }
    .designation, .offcanvas-body h3 { margin-bottom: 20px; }
    .careescatogory .mb-50, .filters-button-group, .careerstoprow .mb-50, .whyworkchoose .mb-50 {margin-bottom: 20px;}
    .whyworkrow .borderbottom{margin-bottom:20px;padding-bottom: 20px;text-align: center;}
    .whyworkrow .borderbottom .row [class*="col-"]:nth-child(2){margin-bottom: 15px;}
    .grid  [class*="col-"]:last-child{margin-bottom: 0px;} 
    .leftcontentrightimg{padding-right:20px;padding-left: 20px;}
    .leftcontentrightimg [class*="col-"]{padding: 0px;}
    .leftcontentrightimg [class*="col-"]:first-child{margin-bottom: 20px;}
    .leftcontentrightimg [class*="col-"] img{border-radius: 10px;}
    .foodgrothrow, .packaginapprow{padding: 50px 0px;}
    .finishestabrow.mb-200{margin-bottom: 40px;}
    .matimg {max-width: 120px;}
    .materialsrow .mb-50, .foodgrothrow .mb-100, .industryother .mb-50 { margin-bottom: 20px; }
    .nav-pills{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;height: 38px;}
    .nav-link{padding-bottom: 10px;}
    .matetitle h4 {font-size: 18px;}
    .righticoncol .row [class*="col-"]:last-child{margin-bottom: 0px;}
    .casestudyitemrow .mb-100{margin-bottom: 30px;}
    .whyworkrow .borderbottom h4{margin-bottom: 20px;}
    .careerstoprow .mb-20{margin-bottom: 10px;}
    .titleimg{margin: 0px 5px 10px;}
    .solutionrow .mb-50 { margin-bottom: 20px; }
    .solutionrow.mb-250{margin-bottom: 20px;}
    .aboutcanpactab .nav-item{width: initial;}
    .aboutcanpactab .nav-pills{white-space: initial;height: inherit;}
    .aboutcanpactab .nav-link{padding-bottom: 10px;display: inline-block;}
    .tabcontentcaption {padding: 20px;}
    .tabdetailimg{height: 300px;}
    .tabdetailimg img{height: 100%;object-fit: cover;}
    .aboutcanpactab .nav-link span{display: block;margin: 0px 0px  5px;}
    .aboutcanpactab h2 span img { width: 170px;margin-top: -3px;}
    .aboutbanner .container img{max-width: 100%;}
    .bannercaption{padding-bottom: 60px;}
    .aboutbanner{padding: 50px 0px 180px;}
    .teamslider .borderboxcol{justify-content: space-between;padding: 25px 25px 0px;min-height: 100%;flex-direction: column;align-items: center;}
    .teamcontent{width: 100%;margin-bottom: 20px}
    /*.teamimgcol { width: 70%;}*/
    .teamslider h4{margin-bottom: 10px;}
/*    .ourleadershiprow, .researchdevrow{padding: 50px 0px;}*/
    .researchdevrow {padding: 50px 0px;}
    .teamrowfull .mb-50, .sustaibilityrow .mb-50, .researchdevrow .mb-50, .awardscertirow .mb-50{margin-bottom: 20px;}
    .leftimgrightcontent [class*="col-"]:first-child, .researchdevrow .row [class*="col-"]:last-child{margin-bottom: 20px;}
    .researchdevrow .row{flex-direction: column-reverse;}
    .susleftimgcol{position: relative;top: 0px;width: 100%;margin-bottom: 20px;}
    .susrighttext{width: 100%;padding: 0px;}
    .sustaibilitytext{padding: 0px 20px;}
    .sustaibilityrow{padding-bottom: 50px;}
    .hovertabimg { top: 6px;}
    .teamslider .text-50 h3 {font-size: 24px;}
    .researchdevrow h2 br{display: none;}
    .cartitleimg .titleimg img {height: 18px;}
   .footermain {padding: 50px 0px 50px;}
   .stickyleftimg .susrighttext{padding: 0px;}
   .sustainitems{grid-template-columns: 1fr;}
   .stickyleftimg .approactext .borderbottom:last-child{margin-bottom: 20px;}
   .stickytoprow{padding: 80px 0px 70px;}
   .stickytoprow .text-80{font-size: 28px;}
   .herotitlerow {margin-bottom: 30px;}
   .stickytoprow video{vertical-align: top;}
   .centerwrapper{padding: 0px 20px;}

    /* .fullscreenvideo{height: 450px;} */
   .fullscreenvideo video{object-fit: cover;height: 100%;}
   .topfullwidvideorow .mobileimg{display: inline-block;}
   .teamcontent p{margin-bottom: 0px}
   .slick-arrow{width: 34px;height: 34px;}
   .slick-arrow::before{background-size: 14px;width: 14px;height: 12px;}
   .timelinenav .slick-arrow { bottom: 0px;}
   .timelinenav{padding-bottom: 30px;}
   /*.timelinenav .slick-prev{left: 40%;margin-left: -5px;}
   .timelinenav .slick-next{right: 40%;margin-right: -5px;}*/
   .yeartext{margin-top: 0px;}
   .imgfoodcontent [class*="col-"]:first-child{ margin-bottom: 30px;} 
   .iconfoodrow [class*="col-"]:last-child{ margin-bottom: 0px;}
   .iconhalfcol i {max-width: 50px;}
   .imgfoodcontent { margin-bottom: 20px;}
   .ipadvideo{display: none;}
   .casestudyhrwrapper{padding: 0px}
   .casestudycol a:hover .casestudytitle, 
   .casestudycol a:hover .caselogo{opacity: 1}
   .newseventcol ul li{padding-bottom: 20px;margin-bottom: 20px;}
    .industrypackslider {padding: 0px 15px;}
   .packagingsolutions  .industrypackslider .indcolumn {padding: 0px 5px;}
   .gloablemaptimerow .row [class*="col-"]:first-child{position: relative;top: 0px;margin-bottom: 20px;}
   .gloablemaptimerow .yeartext{margin-top: 0px;}
   .gloablemaptimerow .timelineflex{padding-bottom:15px;margin-bottom: 15px;}
   .aboutcanpactab .mb-50{margin-bottom: 25px;}
   .iconcol i{width: 50px;}
   .excellencerow .minusleftimg{margin-left: 0px;}
   .marketalltab{height: 35px;}
   .marketalltab .nav-link{font-size: 18px;margin:0px 10px;}
}

/*iPad Portrait end*/

/*iPhone 6/7/8 Plus Landscape start*/
@media only screen and (max-width:736px){

}

/*iPhone 6/7/8 Plus Landscape end*/

/*Pixel 2 Landscape start*/
@media only screen and (max-width:731px){
}

/*Pixel 2 Landscape end*/

/*iPhone 6/7/8 Landscape start*/
@media only screen and (max-width:667px){
}

/*iPhone 6/7/8 Landscape end*/

/*Galaxy Note 3 Landscape start*/
@media only screen and (max-width:640px){
}

/*Galaxy Note 3 Landscape end*/

/*Smartphone start*/
@media only screen and (max-width:604px){
}

/*Smartphone end*/

/*Blackberry PlayBook, Nexus 7 start*/
@media only screen and (max-width:600px){
}
@media only screen and (max-width:580px){
 

}

/*Blackberry PlayBook, Nexus 7 end*/
@media only screen and (max-width:575px){
}

/*iPhone 5/SE Landscape start*/
@media only screen and (max-width:568px){
}

/*iPhone 5/SE Landscape end*/

/*Nokia Lumia 520 Landscape start*/
@media only screen and (max-width:533px){
}

/*Nokia Lumia 520 Landscape end*/

/*Nokia N9 start*/
@media only screen and (max-width:480px){
}

/*Nokia N9 end*/

/*iPhone 6/7/8 Plus start*/
@media only screen and (max-width:414px){
 
  
}

/*iPhone 6/7/8 Plus end*/

/*Nexus 6 start*/
@media only screen and (max-width:412px){
   
}

/*Nexus 6 end*/

/*Pixel 2XL start*/
@media only screen and (max-width:411px){
    .cardcol.cardActive {flex: 1;height: 210px;}
}

/*Pixel 2XL end*/

/*LG Optimus L70, Nexus 4 start*/
@media only screen and (max-width:390px){

}

/*LG Optimus L70, Nexus 4 end*/

/*iPhone 6/7/8 Plus, iPhone X start*/
@media only screen and (max-width:375px){
   .text-80, .text-80 h1, .text-80 h2, .text-80 h3 {font-size: 30px;}
}

/*iPhone 6/7/8 Plus, iPhone X end*/

/*Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia start*/
@media only screen and (max-width:360px){
    .teamslider h4{min-height: 40px;}
 
}

/*Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia end*/

/*iPhone 5/SE, iPhone 4, Nokia Lumia 520 start*/
@media only screen and (max-width:320px){
}
/*iPhone 5/SE,iPhone 4,Nokia Lumia 520 end*/