@media only screen and (min-width:1921px) {
    .hmb-top img, .hm-inquiry-img img { width: 100%; }
}
@media only screen and (min-width:1200px) {

    /*header-menu*/
    .navmenu > ul > li:hover > ul, .navmenu > ul > li > ul li:hover > ul { display: inline-block; }
    .navmenu > ul > li  ul { position: absolute; top: 90%; min-width: 220px; background-color: #fff; margin-left: 0px; display: none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
    .navmenu > ul > li > ul  li { position: relative; line-height: 1.1; padding: 0px 15px; }
    .navmenu > ul > li > ul  li a { position: relative; line-height: 1.1; padding: 10px 0px; display: block; border-bottom: 1px solid #DDDDDD; color: #222; }
    .navmenu > ul > li ul li ul { top: 0px; left: 100%; z-index: 1; }
    .navmenu > ul > li > ul  li  a:hover, .navmenu > ul > li  ul  li.current-menu-item > a { color: #DE1112; }
    .navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 10px; height: 10px; position: absolute; top: calc(50% + 2px); right: 0px; transform: translateY(-50%); }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 23px; }
    .navmenu > ul > li.menu-item-has-children > a:hover::before, .navmenu > ul > li.current-menu-item.menu-item-has-children > a::before, .navmenu>ul>li:hover>a:before, .navmenu > ul > li.current-menu-ancestor > a::before { background: url(../images/menu-arrow-active.svg) no-repeat center; }
    .navmenu > ul > li > ul li:last-child a { border-bottom: navajowhite; }
    .navmenu > ul > li:last-child >  a { border-radius: 30px; background: #DE1112; color: #fff; padding: 13px 31px; border: 1px solid transparent; }
    .navmenu > ul > li:last-child >  a:hover { background-color: transparent; color: #fff; border-color: #DE1112; }
    .navmenu > ul > li ul { border-radius: 5px; }

/*header-menu-end*/ }
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1680px) {
    .t130 { font-size: 80px; letter-spacing: -4px; }
    h1, h2, .th1, .th2 { font-size: 65px; letter-spacing: -2px; }
    h3, .th3 { font-size: 45px; letter-spacing: -1px; }
    h4, .th4 { font-size: 40px; letter-spacing: -1.2px; }
    h5, .th5 { font-size: 24px; letter-spacing: 0px; }
    .t36 { font-size: 28px; }
    .t30 { font-size: 24px; }
    .t24, .t24 a, .t24 span { font-size: 22px; }
    .hmb-bottom { margin-top: -148px; }
    .hms-boxtop { margin-bottom: 100px; }
    a.btn-theme.mt-50 { margin-top: 20px; }
    .mb-50 { margin-bottom: 40px; }
    .hm-inquiry-right { padding: 80px calc((100% - 1380px) / 2)  80px 80px; }
    .hmc-form { padding: 100px 80px; }
    .rightminus { margin-right: -75px; }
    .leftminus { margin-left: -75px; }
    .mb-150 { margin-bottom: 100px; }
    .pagenotfound-banner-content-inner { padding-left: 20px; }
    .careerpostrow h2 { margin-bottom: 40px }
    .other .vectortopright, .linktitle-row .vectortopright, .productstab-row .vectorbottomleft { width: 150px; }
    .bloglisting-wrap { margin-top: -50px; }
    .blog-item .date { margin-top: -63px; }
    .pagetopoffset { margin-top: 180px; }
    .singleblogtitle .date { margin-top: -92px; }
    .casestudy-single .singleblogtitle { margin-top: -55px; }
    .accordion-button-wrap .accordion-button-title {
    padding-left: 30px;
}
}
@media only screen and (max-width:1440px) {
    .bloglisting-wrap [class*="col-"]:nth-child(even) { transform: translateY(60px); }
    .bloglisting-wrap { margin-top: -50px; }
    .blog-item .date { margin-top: -62px; }
    .mb-250 { margin-bottom: 150px; }
    .hms-box { padding: 35px; }
    .plr100 { padding: 0px 50px; }
    .hm-inquiry-right { padding: 80px calc((100% - 1320px) / 2)  80px 80px; }
    .footerbrandvector img, .hm-solutions .vectortopleft img, .hm-legacy-middle .vectoParallax img { width: 85%; }
    footer.footermain { padding: 130px 0px 80px; }
    footer .row.mb-180 { margin-bottom: 100px; }
    .hmb-top img { height: 80vh; object-fit: cover; }
    .mb-100 { margin-bottom: 70px; }
    .rightminus { margin-right: -64px; }
    .leftminus { margin-left: -64px; }
    .footerlinkcol ul li + li { margin-top: 15px; }
    .hmc-form { bottom: -150px; }
    .abt-topsection .vectoParallax { width: 200px; }
    .abt-gslide-content { padding: 100px 95px 200px; }
    .abt-guiding-row .slick-next { right: 35%; }
    .abt-globle .abt-globle-img { margin-left: -160px; }
    .hms-box, .abt-op-box { padding: 30px; }
    .abt-innovation-wrap { padding: 100px 80px; }
    .pagetopoffset { margin-top: 150px; }
    .reachinfo { margin-bottom: 30px; }
    .obd-contactform { padding: 100px }
    .careerstoprow .vectorbottomleft { width: 150px; }
    .labelrow { padding: 0px 30px; margin-bottom: 20px }
    .accordion-button { font-size: 24px; padding: 20px 30px; }
    .accordion-button::after { right: 30px; top: 25px; }
    .accordion-body { padding: 30px; }
    .padding50, .obl-item { padding: 40px; }
    .paginav { padding-top: 130px; }
    .singlepostcontent h1 { font-size: 60px; }
    .singlepostcontent h2 { font-size: 45px; }
    .singlepostcontent h3 { font-size: 28px; }
    .casestudy-single .singleblogtitle { margin-top: -58px; }
    .other-product-slider-wrap { padding: 0px 30px; }
    .product-detail-row .pdr-productimg img {
    max-height: 600px;
}

.product-detail-row .pdr-productimg {
    margin-top: -480px;

}


}
@media only screen and (max-width:1366px) {
    .hmc-form { padding: 80px 80px; }
    .rightminus { margin-right: -117px; }
    .leftminus { margin-left: -117px; }
    .hm-solutions .vectortopleft img, .hm-legacy-middle .vectoParallax img { width: 80%; }
    .footerbrandvector img { width: 70%; }
    .navmenu > ul > li:last-child >  a { padding: 10px 25px; }
    .hm-inquiry-right { padding: 80px calc((100% - 1140px) / 2)  80px 80px; }
    .pagenotfound-banner-content-inner { padding-left: 0px; }
    .pagetopoffset { margin-top: 150px; }
    .abt-op-boxtop.mb-100 { margin-bottom: 40px; }
    .abt-globle .abt-globle-img { margin-left: -200px; }
    .abt-guiding-row .slick-next { right: 34.5%; }
    .linktitle-row .vectortopright { display: none; }
    .other-product-slider-wrap { padding: 0px 0px; }
    .product-detail-row .pdr-property-item { margin: 0px 12px 30px; }
    .ourbrandlistingrow .vectortopleft { width: 150px; }
}
@media only screen and (max-width:1280px) {
    .footerbrandvector img { width: 60%; }
    .hm-inquiry-right { padding: 70px calc((100% - 1140px) / 2)  70px 70px; }
    .btn-theme { padding: 16px 24px; }
    .hm-inquiry-content.mb-50 { margin-bottom: 20px; }
    .rightminus { margin-right: -74px; }
    .leftminus { margin-left: -74px; }
    .abt-gslide-content { padding: 80px 90px 150px; }
    .abt-guiding-row .slick-arrow { bottom: 70px; }
    .abt-guiding-row .slick-next { right: 34%; }
    .other-product-slider-wrap { padding: 0px 30px; }
}
@media only screen and (max-width:1199px) {

    /*header-menu*/
    .navarrow { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
    .navarrow::before { content: ''; width: 12px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-normal.svg) no-repeat; background-position: left center; left: 0px; background-size: 12px; }
    .navarup::before { transform: rotate(180deg); }
    .navbartoggle, .closebtn { display: inline-flex; line-height: 1; }
    .black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50; position: fixed; overflow: auto; height: 100%; width: 50%; background: #333333; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; -webkit-box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); flex-wrap: wrap; align-items: flex-start; flex-direction: column; }
    .navmenu.slide { right: 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .icnline { background-color: #DE1112; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #DE1112; width: 100%; height: 2px; left: 0px; }
    .navicon::before { top: 0px; }
    .navicon::after { bottom: 0px; }
    .navmenu > ul { padding: 50px 15px 0px 30px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu>ul>li { margin: 0px 0px 20px; padding: 0px; }
    .navmenu>ul>li a { font-size: 24px; color: #fff; padding: 0px; }
    .navmenu > ul  li  ul { position: relative; margin-left: 0px; background-color: transparent; padding: 15px 0px 0px 30px; box-shadow: none; }
    .navmenu > ul > li  ul  li  a { font-size: 18px; color: #ffffff; }
    .navmenu > ul li ul li ul { padding: 20px 0px 20px 20px }
    .navmenu > ul li ul li ul li { position: relative; }
    .navmenu > ul li ul li { position: relative; margin: 8px 0px; }
    .navmenu>ul>li:last-child, .navmenu > ul li ul li:last-child { margin-bottom: 0px; }
    .navmenu > ul li ul li:first-child { margin-top: 0px; }
    header .logo { max-width: 150px; }
    .headerwrap.plr100 { padding: 20px 50px; }
    .navmenu > ul > li:last-child >  a { padding: 0px 0px; }
    .t130 { font-size: 60px; letter-spacing: -3px; }
    h1, h2, .th1, .th2 { font-size: 50px; letter-spacing: -1px; }
    h3, .th3 { font-size: 35px; letter-spacing: -1px; }
    h4, .th4 { font-size: 30px; letter-spacing: -1px; }
    h5, .th5 { font-size: 20px; }
    .t30 { font-size: 20px }
    .mb-100 { margin-bottom: 50px; }
    .hmb-bottom { margin-top: -109px; }
    .mb-250 { margin-bottom: 100px; }
    .mb-50 { margin-bottom: 30px; }
    .pagetopoffset { margin-top: 100px; }
    .hm-solutions .vectortopleft img, .hm-legacy-middle .vectoParallax img { width: 50%; }
    .hm-solutions .vectortopleft { display: none; }
    .hms-boxtop { margin-bottom: 50px; }
    .mb-150 { margin-bottom: 70px; }
    .hm-inquiry-right { padding: 40px; }
    .t36 { font-size: 26px; }
    .rightminus { margin-right: -113px; }
    .leftminus { margin-left: -113px; }
    .hmc-form { bottom: -100px; padding: 30px 40px; }
    .hml-logo img { width: 100px; }
    .casestudytitle  span { height: 40px; width: 40px; }
    .footerbrandvector img { width: 40%; }
    footer.footermain { padding: 100px 0px 50px; }
    .footermain .container { z-index: 1; position: relative; }
    footer .row.mb-180 { margin-bottom: 50px; }
    .hm-contactform { padding-bottom: 120px; }
    .hmb-top img { height: 82vh; }
    .casestudytitle span { margin-right: 10px; }
    .abt-impactrow .vectoParallax { display: none; }
    .abt-topsection .vectorbottomleft { bottom: 60px; width: 130px; }
    .hms-box, .abt-op-box { padding: 30px; }
    .abt-ourprecisionrow .row [class*="col-"] { margin-bottom: 24px; }
    .abt-ourprecisionrow.mb-250 { margin-bottom: 76px; }
    .abt-ourprecisionrow .vectorbottomright { display: none; }
    .abt-gslide-img { width: 60%; }
    .abt-gslide-content { width: 60%; }
    .abt-guiding-row .slick-arrow { bottom: 20px; }
    .abt-gslide-content { padding: 30px 30px 100px 30px; }
    .abt-guiding-row .slick-prev { left: 43%; }
    .abt-guiding-row .slick-next { right: 49%; }
    .abt-innovation-wrap { padding: 80px 80px; }
    .abt-topsection .vectorbottomleft, .hm-solutions .vectortopright { display: none; }
    .slick-arrow { height: 35px; width: 35px; }
    .abt-globle .abt-globle-img { margin-left: -120px; }
    .topheight { margin-top: 66px; }
    .contactfrmrow .hmc-form { padding: 50px 50px 50px 80px; margin-left: -80px; margin-top: 100px; }
    .contactfrmrow h1 { margin-bottom: 30px; }
    .contactfrmrow .vectorbottomleft { width: 130px; display: none; }
    .careerstoprow .vectorbottomleft, .other .vectortopright, .linktitle-row .vectortopright, .productstab-row .vectorbottomleft { display: none; }
    .careimgrow [class*="col-"]:first-child { margin-bottom: 30px; }
    .ourbondrow .row:last-child [class*="col-"] { margin-bottom: 24px; }
    .obd-contactform { padding: 70px; }
    .careerpostrow h2 { margin-bottom: 30px; }
    .ourbondrow.mb-250 { margin-bottom: 70px; }
    .careerstoprow, .careerscult { overflow: hidden; }
    .padding50, .obl-item { padding: 30px; }
    .bloglisting-wrap { margin-top: -40px; }
    .blog-item .date { margin-top: -51px; }
    .paginav { padding-top: 70px; }
    .blog-item .month { font-size: 18px; }
    .singleblogtitle .date { margin-top: -81px; }
    .singlepostcontent h1 { font-size: 54px; }
    .singlepostcontent h2 { font-size: 40px; }
    .month { font-size: 22px; }
    .casestudy-single .singleblogtitle { margin-top: -45px; }
    .abt-topsection .vectoParallax { display: none; }
    section.other-product-row { padding: 0px 0px 20px; }
    .product-detail-row  .pdr-banner-content { padding: 50px; max-width: 450px; }
    section.other-product-row  .slick-dots { bottom: -40px; }
    .product-detail-row .img-process::after, .img-process::before { width: 50px; right: -50px; }
    .product-detail-row .img-process::before { left: -50px; }
    .inner-banner-title  h1.mb-80 { margin-bottom: 40px; }
    .ourbrandlistingrow .vectortopleft { top: -210px; }
    .other-product-slider-wrap { padding: 0px 0px; }
    .navmenu  .closeBtn { display: flex; }
    .product-detail-row .pdr-productimg img {
    max-height: 500px;
}
.product-detail-row .pdr-productimg {
    margin-top: -400px;
}
/*header-menu-end*/ }
@media only screen and (max-width:1024px) {
    .rightminus { margin-right: -44px; }
    .leftminus { margin-left: -44px; }
    .accordion-button-wrap .accordion-button-title {
    padding-left: 20px;
}
}
@media only screen and (max-width:992px) {

    /*header-menu*/
    .navmenu { width: 60%; }
    .headerwrap.plr100 { padding: 20px 20px; }
    .plr100 { padding: 0px 20px; }
    .hmb-top img { height: auto; object-fit: cover; }

    /*.mb-100 { margin-bottom: 30px; }*/
    .hms-box { padding: 20px; }
    body { font-size: 16px; line-height: 22px; }
    .hms-boxbottom img { height: 20px; max-width: 120px; }
    .hms-boxtop { margin-bottom: 30px; }
    .mb-150 { margin-bottom: 50px; }
    .hm-inquiry-left { width: 100%; }
    .hm-legacy-middle .vectoParallax { display: none; }

    /*.rightminus { margin-right: -38px; }*/
    .hm-inquiry-right { padding: 30px; }
    .hmc-button { text-align: left; }
    .hmc-title { margin-bottom: 20px; }
    .casestudytitle h5 { margin-bottom: 0px; padding-right: 15px; }
    .hmc-form { position: static; margin-top: 50px; }
    .mb-50 { margin-bottom: 30px; }
    .hm-contactform { padding-bottom: 0px; }
    footer.footermain { padding: 60px 0px 60px; }
    textarea.form-control, textarea { height: 80px; }
    .form-group { margin-bottom: 20px; }
    .thankyoucol { padding: 100px 0px; }
    .rightminus { margin-right: 0px; }
    .leftminus { margin-left: 0px; }
    .leftradius { border-radius: 10px; }
    .rightradius { border-radius: 10px; }
    .hml-imgvideo { border-radius: 10px; }
    .vision { margin-bottom: 40px; }
    .abt-gslide-img { width: 100%; border-radius: 0px 10px 0px 0px; }
    .abt-gslide-content { border-radius: 10px 0px 0px 0px; }
    .abt-guiding-row .slick-next { right: 42%; }
    .abt-guiding-row .slick-next { right: 46%; }
    .abt-innovation-wrap { padding: 50px 50px; }
    .abt-innovation-wrap .abt-islide-img { padding: 20px 12px; }
    .contactfrmrow .hmc-form { padding: 50px 20px 50px 50px; }
    .contactfrmrow .vectorbottomleft { display: none; }
    .productstab-row.mb-250 { margin-bottom: 76px; }
    .singleblogtitle .date { padding-left: 40px; }
    .casestudy-single .singleblogtitle { margin-top: 20px; }
    .product-process { margin-bottom: 30px; }
    .ourbrandlistingrow .vectortopleft { display: none; }
    .ourbrandlistingrow  [class*="col-"] { margin-bottom: 20px; }
    .ourbrandlistingrow  [class*="col-"]:last-child { margin-bottom: 0px; }

/*header-menu-end*/ }
@media only screen and (max-width:767px) {
    .thankyoucol { padding: 0px 0px; }

    /*header-menu*/
    .navmenu { width: 100%; }
    header .logo { max-width: 100px; }
    .br15 { border-radius: 8px; }
    .t130 { font-size: 30px; letter-spacing: -1px; }
    .t36 { font-size: 20px; }
    .mb-250 { margin-bottom: 50px; }
    h1, h2, .th1, .th2 { font-size: 28px; letter-spacing: -1px; }
    h3, .th3 { font-size: 26px; letter-spacing: 0px; }
    h4, .th4 { font-size: 24px; letter-spacing: 0px; }
    .hm-solutions .row [class*="col-"] + [class*="col-"], .hmci-bottom .row [class*="col-"] + [class*="col-"] { margin-top: 20px }
    .casestudy-list [class*="col-"] + [class*="col-"] { margin-top: 30px }
    h2.mb-100, .t130.mb-100, h1.mb-100 { margin-bottom: 20px; }
    .btn-theme { padding: 12px 20px; font-size: 16px; }
    .hmb-bottom { margin-top: 20px; }
    .hm-inquiry-right { width: 100%; position: static; border-radius: 0px 0px 0px 0px; padding: 30px 20px; }
    .hml-imgvideo { border-radius: 8px; }
    .hml-logo { margin-bottom: 20px; }
    .hml-logo img { width: 80px; }
    .container-fluid, .container { padding: 0px 20px; }
    .hmb-bottom .container { padding: 0px; }
    .hm-inquiry-img { border-radius: 0px 0px 0px 0px; }
    .mb-30 { margin-bottom: 20px; }
    .casestudytitle  span { height: 30px; width: 30px; margin-right: 0px; }
    .casestudytitle span img { max-width: 10px; }
    .hmc-form { margin-top: 20px; }
    .hm-contactform .row { margin: 0px; }
    .hmc-left { padding: 0px; }
    .hmc-form { padding: 30px 20px; }
    .t24, .t24 a, .t24 span { font-size: 18px; }
    .socialicon { margin-bottom: 30px; }
    .contactinfo p { margin-bottom: 5px; }
    footer .row.mb-180 { margin-bottom: 30px; }
    .socialicon a + a { margin-left: 18px; }
    .hmc-form-inner .row > div { padding: 0px; }
    .rightminus { margin-right: 0px; }
    .pagenotfound-banner-content-inner h1.mb-10 { margin-bottom: 0px; }
    .pagetopoffset { margin-top: 80px; }
    .abt-op-boxtop img { width: 80px; }
    .abt-op-boxtop.mb-100 { margin-bottom: 20px; }
    .abt-gslide-content { position: static; width: 100%; }
    .abt-gslide-item-row { flex-wrap: wrap; }
    .abt-gslide-content { border-radius: 0px; }
    .abt-gslide-img { border-radius: 0px; }
    .abt-gslide-content { padding: 20px 20px 20px 20px; }
    .abt-guiding-row .slick-prev { left: 20px; }
    .abt-guiding-row .slick-next { right: unset; left: 65px; }
    .abt-guiding-row .slick-track { background: #de1112; padding-bottom: 80px; }
    .abt-globle .abt-globle-img { margin-left: 0px; margin-bottom: 30px; }
    .abt-globle-title.mb-50 { margin-bottom: 20px; }
    .abt-innovation-wrap { padding: 30px 20px; }
    .abt-innovation-wrap .abt-islide-item { margin: 0px 5px; }
    .abt-innovation-wrap .slick-list { margin: 0px -5px; }
    .abt-ourprecisionrow.mb-250 { margin-bottom: 34px; }
    .topheight { margin-top: 62px; }
    .contactfrmrow .hmc-form { padding: 30px 20px; margin-top: 30px; margin-left: 0px; border-radius: 10px; }
    .contactfrmrow .hmc-form::before { display: none; }
    .contactfrmrow h1 { margin-bottom: 20px; }
    .reachinfo i { max-width: 30px; margin-right: 20px; }
    .reachoutrow h2 br { display: none; }
    .positioncol, .locationcol, .typecol { width: 100%; margin-bottom: 5px }
    .typecol { margin-bottom: 0px; }
    .accordion-button { flex-wrap: wrap; font-size: 20px; padding: 20px; }
    .careerpostrow h2 { margin-bottom: 30px }
    .obd-contactform { padding: 25px; }
    .accordion-body { padding: 20px; }
    .obd-contactform .mb-50 { margin-bottom: 20px }
    .ourbondrow .row:last-child [class*="col-"]:last-child { margin-bottom: 0px; }
    .ourbondrow.mb-250 { margin-bottom: 50px }
    .productstab-row.mb-250 { margin-bottom: 40px; }
    .nav-tabs { flex-wrap: nowrap; overflow-x: auto; }
    .nav-tabs li { flex-shrink: 0 }
    .nav-tabs .nav-link { font-size: 18px; padding: 0px 5px 15px; margin: 0px 5px }
    .ourbrandlistingrow  .row [class*="col-"] { margin-bottom: 20px; }
    .ourbrandlistingrow  .row [class*="col-"]:last-child { margin-bottom: 0px; }
    .bloglisting-wrap { margin-top: 0px; }
    .blog-item .date, .singleblogtitle .date { font-size: 40px; }
    .blog-item .date { margin-top: -45px; }
    .blog-item .datecol { padding: 20px 20px 0px 20px; }
    .padding50, .obl-item { padding: 20px; }
    .bloglisting-wrap [class*="col-"]:nth-child(even) { transform: translateY(0px); }
    .paginav { padding-top: 20px; }
    .paginav a, .paginav span { width: 40px; height: 40px; line-height: 40px; }
    .singleblogtitle .date { margin-top: -45px; }
    .singleblogtitle .date { padding-left: 20px; }
    .singleblogtitle .datecol { padding-top: 20px; }
    .singlepostcontent h1 { font-size: 45px; }
    .singlepostcontent h2 { font-size: 35px; }
    .singlepostcontent img { border-radius: 8px; }
    .ohterblog  .row [class*="col-"]:first-child { margin-bottom: 20px; }
    .ib-bottom .container { padding: 0px; }
    .accordion-item { margin-bottom: 15px; }
    .product-detail-row  .pdr-banner-content { padding: 30px; max-width: 100%; }
    .product-detail-row .pdr-banner-img { height: 70vh; }
    .product-detail-row .pdr-productimg { margin-top: 50px;text-align: center; }


    .product-detail-row [class*="col-"]:last-child .product-process { margin-bottom: 0px; }
    section.other-product-row { padding: 0px 0px 10px; }
    section.other-product-row  .slick-dots { bottom: -30px; }
    .inner-banner-title  h1.mb-80 { margin-bottom: 20px; }
    .ourbondrow .mb-100 { margin-bottom: 30px; }
    .accordion-button-wrap .accordion-button-title {
    padding-left: 0px;
}
.accordion-button::after {
    right: 20px;
    top: 25px;
}
.product-detail-row  .accordion-button-wrap {
    flex-direction: column;

    align-items: flex-start;
}
.abtt-title.mb-100 {
    margin-bottom: 30px;
}
.reachinfo {
    margin-bottom: 20px;
}

.product-detail-row .img-process {
    width: 100px;
    height: 100px;

}
.pdr-banner-top.mb-100 {
    margin-bottom: 30px;
}
.product-detail-row .pdr-productimg img {
    max-height: 300px;
}
.pdr-productimg-wrap.mb-100 {
    margin-bottom: 30px;
}
.product-detail-row .pdr-bannericon-item img {
    max-height: 40px;
}

.pdr-bannericon-item:nth-child(n+5) {margin-top:0px }
.pdr-bannericon-item:nth-child(n+6) {margin-top:10px }
/*header-menu-end*/ }
@media only screen and (max-width:580px) { }
@media only screen and (max-width:375px) {
    .product-detail-row .pdr-bannericon-item {
        margin-right: 15px;
    }
}
.vc_row { margin: 0px !important }
.vc_column_container>.vc_column-inner { padding: 0px !important }

/* animation keyframe css */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }
strong { font-weight: 700; }
.lastmbnone:last-child { margin-bottom: 0px; }
@media (prefers-reduced-motion:no-preference) {
    :root { scroll-behavior: inherit; }
}