@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1680px) {
    .navmenu > ul > li > a { padding: 25px 30px; }
    .fs100 { font-size: 80px; letter-spacing: -2px; }
    h1, h2, .th1, .th2 { font-size: 55px; letter-spacing: -1.5px; }
    h3, .th3 { font-size: 45px; letter-spacing: -1px; }
    h4, .th4 { font-size: 30px; }
    h5, .th5 { font-size: 24px; letter-spacing: -0.2px; }
    .fs36 { font-size: 30px; line-height: 1.38; }
    .hmcf-content ul li:hover, .hmcf-content ul li.active { padding-left: 70px; }
    .hmcf-content ul li:after { top: 21px; height: 30px; width: 30px; }
    .hmcf-content ul li { padding: 15px 0px 15px 40px; }
    .hmcf-content ul li:hover::after, .hmcf-content ul li.active::after { transform: translateX(25px); }
    .solutionlist-box-img { margin-bottom: 100px; }
    .containerleft { padding-left: calc((100% - 1300px) / 2); }
    .prjimgitem:last-child { margin-right: 100px; }
    .prjimgitem-img { max-height: 450px; }
    .contactdetailstrong { font-size: 16px; font-weight: 500; }
    .cardcol > div { height: 500px; }
    .understanding-content { font-size: 100px; }
    .tabslidenav ul li { margin-bottom: 30px; }
    .plr-100 { padding-left: 80px; padding-right: 80px; }
    .abt-team  .slick-prev { top: 57%; }
    .testimonials-icon img { max-width: 35px; }
    .testimonials-icon { top: 35px; }
    .topofset { margin-top: 200px; }
    .prjimgitem:last-child { margin-right: 150px; }
    .cp-details-item { padding: 30px 20px; }
}
@media only screen and (max-width:1440px) {
    .testimonials-slider { margin: 0px 30px; }
    .solutionlist-box-img img { max-width: 100px; }
    .fs36 { font-size: 26px; }
    .hmcf-content ul li:after { top: 18px; }
    .hmcorn-item-title, .hmmake-item-title { padding: 0px 20px 20px; }
    .prjimgitem-img { max-height: 310px; }
    h1, h2, .th1, .th2 { font-size: 45px; }
    h4, .th4 { font-size: 26px; }
    .hm-videolist-slider { margin-left: 30px; }
    .plr-100 { padding-left: 50px; padding-right: 50px; }
    .pl-100 { padding-left: 50px; }
    .hmcpr-right { width: 50%; padding-left: 50px; padding-right: 50px; }
    .topabtbanner { width: 440px; height: 290px; }
    .solutionlist-box-img { margin-bottom: 50px; }
    .hmcorn-slider { margin: 0px 50px; }
    .solutionlist-box { padding: 30px; }
    .solutionlist  .rows { padding: 0px 50px; }
    .hm-videolist-row.topofset.resources-list.mb-250 { margin-bottom: 150px; }
    .hm-videolist-item.resources-item.mb-50 { margin-bottom: 20px; }
    .prjimgitem:last-child { margin-right: 80px; }
    .containerleft { padding-left: calc((100% - 1110px) / 2); }
    .plr-100 { padding-left: 66px; padding-right: 66px; }
}
@media only screen and (max-width:1366px) {
    .testimonials-slider { margin: 0px 0px; }
    .hm-videolist-slider { margin-left: 0px; }
    .hmcorn-slider { margin: 0px 0px; }
}
@media only screen and (max-width:1280px) {
    .testimonials-slider { margin: 0px 30px; }
    .hm-videolist-slider { margin-left: 30px; }
    .hmcorn-slider { margin: 0px 50px; }
}
@media only screen and (max-width:1199px) {
    .hmcorn-slider { margin: 0px 0px; }
}
@media only screen and (min-width:1200px) {
    .navmenu > ul > li:hover > ul, .navmenu > ul > li > ul li:hover > ul { display: inline-block; }
    .navmenu > ul > li ul { position: absolute; top: 100%; min-width: 300px; background-color: #fff; margin-left: 0; display: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); z-index: 1 }
    .navmenu > ul > li > ul li { position: relative; line-height: 1.1; padding: 0 15px; }
    .navmenu > ul > li > ul li a { position: relative; line-height: 1.1; padding: 10px 0; display: block; border-bottom: 1px solid #DDDDDD; color: #444; }
    .navmenu > ul > li ul li ul { top: 0; left: 100%; z-index: 1; }
    .navmenu > ul > li > ul li a:hover, .navmenu > ul > li ul li.current-menu-item > a { color: #FAA634; }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 55px; }
    .navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 12px; height: 12px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
    header.mainheader.sticky .navmenu > ul > li.menu-item-has-children:hover > a::before, .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, header.mainheader.innerheader .navmenu > ul > li.menu-item-has-children:hover > a::before, header.mainheader.innerheader .navmenu > ul > li.current-menu-ancestor.current-menu-parent
    a::before { background: url(../images/menu-arrow-black.svg) no-repeat center; }
    .navmenu > ul > li > ul li:last-child a { border-bottom: navajowhite; }
    .cardcol.cardActive { flex: 2; }
    .navmenu > ul > li.current-menu-item { background-color: #FAA634; }
    .navmenu > ul > li:hover { background-color: #FAA634; }
    .stickyHorizontalrow .h-spacer { height: 300vh; }
    .stickymainwrapper { width: 100%; display: inline-flex; position: relative; flex-wrap: wrap; }
    .stickyhrwrapper { position: sticky; top: 150px; align-items: flex-start; overflow: hidden; display: flex; }
    .imghorizontal { will-change: transform; position: relative; padding-left: 12px; flex-wrap: nowrap; width: max-content; flex-shrink: 0; }
    .stickyHorizontalrow { align-content: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; position: relative; width: 100%; }
    .prjimgitem { margin-right: 24px; display: inline-block; overflow: hidden; vertical-align: top; }
    .prjimgitem img { display: inline-block; object-fit: cover; }
    .prjimgitem { max-width: 488px; }
}
@media only screen and (max-width:1199px) {
    .submenu-arrow-icon { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
    .submenu-arrow-icon::before { content: ''; width: 13px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-mobile.svg) no-repeat; background-position: left center; left: 0; background-size: 13px; }
    .submenu-arrow-up::before { transform: rotate(180deg); }
    .black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0; height: 100%; width: 100%; top: 0; display: none; }
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50; padding: 70px 30px; position: fixed; overflow: auto; height: 100%; width: 400px; background: #2E9A73; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; 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: #fff; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #fff; width: 100%; height: 2px; left: 0; }
    .navicon::before { top: 0; }
    .navicon::after { bottom: 0; }
    .navmenu > ul { margin-right: 0; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu > ul > li { margin: 0 0 30px; }
    .navmenu > ul > li a { font-size: 30px; color: #fff; padding: 0; }
    .navmenu > ul li ul { position: relative; margin-left: 0; background-color: transparent; padding: 20px 0 0 30px; box-shadow: none; }
    .navmenu > ul > li ul li a { font-size: 18px; color: #ffffff; }
    .navmenu > ul li ul li ul { padding: 20px 0 20px 20px; }
    .navmenu > ul li ul li ul li { position: relative; }
    .navmenu > ul li ul li { position: relative; margin: 8px 0; }
    .navmenu > ul > li:last-child, .navmenu > ul li ul li:last-child { margin-bottom: 0; }
    .navmenu > ul li ul li:first-child { margin-top: 0; }
    .logo { position: static; display: flex; }
    .fs100 { font-size: 60px; letter-spacing: -1px; }
    .theme-btn { font-size: 15px; padding: 16px 17px; }
    .mb-200 { margin-bottom: 100px; }
    .mb-100 { margin-bottom: 50px; }
    .mb-150 { margin-bottom: 70px; }
    h1, h2, .th1, .th2 { font-size: 30px; }
    h3, .th3 { font-size: 35px; letter-spacing: -1px; }
    .fs36 { font-size: 18px; }
    .hmcf-content ul li { padding: 15px 0px 15px 40px; }
    .hmcf-content ul li:hover, .hmcf-content ul li.active { padding-left: 55px; }
    .hmcf-content ul li:hover::after, .hmcf-content ul li.active::after { transform: translateX(15px); }
    .hmcf-content ul li:after { top: 14px; }
    .ptb-200 { padding-top: 100px; padding-bottom: 100px; }
    h4, .th4 { font-size: 20px; }
    h5, .th5 { font-size: 18px; }
    .mb-50 { margin-bottom: 30px; }
    .hmhealth-wrap { flex-wrap: wrap; margin: 0px -12px; }
    .hmhealth-item-col { width: 100%; }
    .cardcol > div { height: 300px; min-width: auto; }
    .hmhealth-item-title { padding: 40px 15px 15px; display: flex; align-items: center; white-space: unset; }
    .testimonials-slider { margin: 0px 0px; }
    h1, h2, h3, h4, h4, h5, h6, .th1, .th2, .th3, .th4, .th5, .th6 { margin-bottom: 20px; }
    .testimonials-item-content { padding-bottom: 20px; margin-bottom: 20px; }
    .hm-videolist-slider { margin-left: 0px; }
    .ptb-150 { padding-top: 100px; padding-bottom: 100px; }
    .hmmake-item-img img { height: 300px }
    .logo a img, header.mainheader.sticky .logo a img { width: 100px; height: 80px; }
    .mt-50 { margin-top: 30px; }
    header.mainheader .container { display: flex; justify-content: space-between; align-items: center; }
    .mainheader { border: none; }
    .navmenu > ul > li { border: none; }
    .navmenu > ul > li > a:hover, .navmenu > ul > li.current-menu-item > a, .navmenu > ul > li:hover > a, .navmenu > ul > li > ul > li:hover > a, .current-menu-ancestor > a { color: #2E4E42; }
    .navmenu > ul > li:last-child { border-right: none; }
    body { font-size: 20px; line-height: 1.4; }
    .hm-videolist-row .hm-videolist-icon img { max-width: 30px; }
    .hm-videolist-row .hm-videolist-icon { position: absolute; bottom: 20px; right: 20px; }
    .footer-logo img { max-width: 150px; }
    .abouttitletop { padding: 140px 0px 0px; }
    .aboutherosection { height: auto; }
    .aboutbanner { position: static; height: auto; align-items: start; justify-content: flex-start; }
    .topabtbanner { width: auto; height: auto; margin: 0px 50px; }
    .abtcontentbanner { height: auto; position: static; padding: 50px 0px 100px; }
    .abouttitletop h1 br { display: none; }
    .solutionlist  .rows { padding: 0px 20px; }
    .hm-videolist-row.topofset.resources-list.mb-250 { margin-bottom: 100px; }
    .topofset { margin-top: 150px; }
    .containerleft { padding-left: calc((100% - 940px) / 2); }
    section.core-capabilities-sliderrow .core-capabilities-card { width: 58%; height: 390px; }
    section.core-capabilities-sliderrow .core-capabilities-slider-wrap { height: 400px; }
    .containerleft.stickyHorizontalrow { padding: 0px 50px; }
    .stickyhrwrapper.overflow-hidden { overflow: visible !important; }
    .stickyHorizontalrow .slick-slide { margin: 0px 12px; }
    .stickyHorizontalrow .slick-list.draggable { margin: 0px -12px; }
    .containerleft.stickyHorizontalrow { padding: 0px 40px; }
    .easytouse-item-title { padding: 30px; }
    .betterow-title { padding-right: 50px; }
    .theme-btn { font-size: 15px; padding: 12px 15px; }
    .cwe-row-btns, .hmvideo-btn { gap: 12px; }
    .tabslidenav ul { width: 100%; display: block; padding-left: 20px; }
    .tabslidenav ul li::before { background-color: #2E9A73; width: 80px; left: -100px; top: 50%; }
    .betterow .tabimgcontent { display: none; }
    .mobileimg { display: block; margin-bottom: 10px; }
    .betterow  ul li { width: 33.33%; flex-direction: column-reverse; display: flex; margin-bottom: 30px; }
    .betterow ul { display: flex; flex-wrap: wrap; justify-content: center; }
    .betterow-title { margin-bottom: 20px; }
    .understanding-content { font-size: 50px; }
    .effectivemain-item-icon { height: 50px; width: 50px; bottom: -20px; border: 3px solid #fff; display: flex; }
    .effectivemain-item-icon img { max-width: 15px; }
    .plr-100 { padding-left: 50px; padding-right: 50px; }
    .tabslidenav ul li:last-child { margin-bottom: 30px; }
    .tabslidenav ul li::before { display: none; }
    .hmhealth-titte h2 { margin-bottom: 0px; }
    .cp-details .col-md-6.col-xl-3 { margin-bottom: 24px; }
    .contactmap iframe { width: 100%; height: 400px; }
}
@media only screen and (max-width:992px) {
    .navmenu { width: 60%; }
    .topabtbanner { margin: 0px 40px; }
    .vismis-box-right { flex-direction: column-reverse; display: flex; padding-top: 50px; }
    .vismis-box-img.mb-30 { margin: 10px 0px 0px; }
    .solutionlist  .rows [class*="col-"]:first-child { position: static; top: 10%; margin: 0px 0px 24px; }
    .solutionlist  .rows [class*="col-"]:nth-child(2n + 3) { margin-left: 0px; }
    .betterow  ul li { width: 50%; }
    .science-performance-icon { display: none; }
    .contactsticky { position: static; }
    .cp-details.mb-200 { margin-bottom: 70px; }
}
@media only screen and (max-width:767px) {
    .fs100 { font-size: 30px; letter-spacing: -0.5px; }
    h1, h2, h3, h4, h4, h5, h6, .th1, .th2, .th3, .th4, .th5, .th6 { margin-bottom: 15px; }
    .theme-btn { font-size: 15px; padding: 12px 12px; }
    .hmvideobannerthumb { height: 520px; width: 100%; position: relative; }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }
    .mb-200 { margin-bottom: 50px; }
    .ptb-200 { padding-top: 50px; padding-bottom: 50px; }
    .hmcorn-item-img img { width: 100%; height: 350px; object-fit: cover; }
    .hmcorn-item-title br { display: none; }
    .leftclipmask { clip-path: inset(0 0 0 0); }
    .hmcpr-right { width: 100%; padding-left: 20px; padding-right: 20px; margin-bottom: 50px; }
    .hmcpr-left { width: 100%; margin-bottom: 50px; }
    .leftclipmask img, .rightclipmask img, .centerclipmask img { transform: scale(1); transform-origin: left; }
    h1, h2, .th1, .th2 { letter-spacing: -1px; }
    .navmenu { width: 100%; }
    .hmmake-item-img img { height: 350px }
    .cardcol { flex: unset; }
    .hmhealth-item-col  + .hmhealth-item-col { margin-top: 20px; }
    h3, .th3 { font-size: 24px; letter-spacing: -0.5px; }
    .pl-100 { padding-left: 20px; }
    .hmabout-left { width: 100%; padding-right: 20px; }
    .hmabout-right, .hmabout-title { width: 100%; }
    .hmabout-title { margin-left: 0px; }
    .mb-50 { margin-bottom: 20px; }
    .mb-100 { margin-bottom: 30px; }
    .hmabout-right { padding-right: 20px; margin-top: 20px; }
    .hm-videolist-right.text-end { text-align: left !important; }
    .ptb-150 { padding-top: 50px; padding-bottom: 50px; }
    .footer-logo { margin-bottom: 30px; }
    .mb-30 { margin-bottom: 15px; }
    .footermenu { margin-bottom: 30px; }
    .socialmenu { margin-top: 30px; }
    .mb-150 { margin-bottom: 50px; }
    .testimonials .slick-slide { padding: 20px; }
    footer .mb-150 { margin-bottom: 30px; }
    .hmcorn-item-col + .hmcorn-item-col { margin-top: 20px; }
    .hmcf-img-mob { display: block !important; }
    .hmcommonfeeding-hide { display: none; }
    .hmcommonfeeding.newtab .hmcf-img.active { display: block !important; }
    .hmcommonfeeding.newtab .hmcf-img { display: none !important; }
    .hmcf-img-mob { padding: 0px 0px 5px; }
    .topabtbanner { margin: 0px 20px; }
    .abtcontentbanner { padding: 20px 0px 50px; }
    .abt-team  .slick-dots { text-align: center; }
    section.abt-team.mb-200 { margin-bottom: 80px; }
    .abtsupporting-left { margin-bottom: 20px; }
    .cwe-row-btns, .hmvideo-btn { gap: 10px; }
    .ptb-100 { padding-top: 60px; padding-bottom: 60px; }
    body { font-size: 18px; line-height: 1.3; }
    .hmmake-btn.mt-50 { margin-top: 0px; }
    .hm-videolist-row .hm-videolist-video { margin-bottom: 15px; }
    .hm-videolist-row.topofset.resources-list.mb-250 { margin-bottom: 30px; }
    .plr-100 { padding-left: 20px; padding-right: 20px; }
    section.core-capabilities-sliderrow .core-capabilities-card { width: 58%; height: 210px; }
    section.core-capabilities-sliderrow .core-capabilities-slider-wrap { height: 220px; }
    .pd-imgcontentrow-img-content { padding-top: 20px; }
    section.pd-imgcontentrow.mb-200 .row { flex-direction: column-reverse; }
    section.pd-imgcontentrow.mb-50 { margin-bottom: 50px; }
    .betterow  ul li { width: 100%; }
    .processmatters-right { margin-bottom: 20px; }
    .understanding-content { font-size: 40px; letter-spacing: -1px; }
    .effectiverow { }
    .effectiverow .col-md-4 + .col-md-4 { margin-top: 30px; }
    .science-performance-item-img > img { width: 100%; }
    .science-performance-row  .col-md-6.col-lg-3 + .col-md-6.col-lg-3 { margin-top: 30px; }
    .tabslidenav ul { padding-left: 0px; }
    .science-performance-item-title h5 { font-size: 30px; }
    .hmvideocaption {

    bottom: 50px;

}

.cp-details.mb-200 {
    margin-bottom: 40px;
}
.hmcf-content ul li:after {
    top: 17px;
    height: 20px;
    width: 20px;
}
.hmcf-content ul li {
    padding: 15px 0px 15px 30px;
}
.hmcf-content ul li:hover, .hmcf-content ul li.active {
    padding-left: 45px;
}
.testimonials-icon img {display: none;}
section.processmatters .row {
    flex-direction: column-reverse;
}
.containerleft.stickyHorizontalrow {
    padding: 0px 20px;
}
}
@media only screen and (max-width:580px) { }
@media only screen and (max-width:375px) { }

/* animation keyframe css */
.animated { animation-duration: 1.5s; 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; }
@keyframes fadeInOpacity {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeInOpacity { animation-name: fadeInOpacity; }