@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) {
    h1, h2, .th1, .th2 { font-size: 100px; letter-spacing: -2px; }
    .fs260 { font-size: 160px; }
    h3, .th3 { font-size: 70px; letter-spacing: -1px; }
    .fs250 { font-size: 160px; }
    h5, .th5 { font-size: 36px; }
    h4, .th4 { font-size: 50px; }
    .fs36 { font-size: 30px; }
    .fs30, .fs30 * { font-size: 26px; }
    body { font-size: 20px; line-height: 1.3; }
    .bannerimgbox.bannerimg1 { width: 33%; }
    .bannerimgbox.bannerimg4 { width: 43%; }
    span.text2 { margin-top: -100px; }
    .hm-work-content { margin-left: 280px; }
    .navmenu > ul > li { margin: 0 20px; }
    .hm-protocols-img { margin-bottom: 50px; }
    .plr-100 { padding-left: 80px; padding-right: 80px; }
    .hm-bbo-right { padding-left: 40px; }
    .blog-img > img { min-height: 306px; }
    .bigblog .blog-img > img { min-height: 636px; }
    .hm-bloglist { margin-top: 0px; }
    .bannerimgbox.bannerimg2 img { height: 800px; }
    .mb-100.clinetindustries-title { margin-bottom: 50px; }
    .hm-value-bottom { padding: 0px 68px; }
    .hm-portfolio-item { margin: 0px 20px; flex: 0 0 500px; }
    .staticpage { padding: 250px 0px 180px; }
    .staticpageimg { max-width: 400px; }
}
@media only screen and (max-width:1536px) {
    .expertise-section .exp-right-image { margin-right: -114px; }
}
@media only screen and (max-width:1440px) {
    .bannerimgbox.bannerimg2 img { height: 750px; }
}
@media only screen and (max-width:1366px) {
    .footermenu li + li { margin-top: 20px; }
    .blog-img > img { min-height: 261px; }
    .bigblog .blog-img > img { min-height: 546px; }
    .hm-work-content { margin-left: 230px; }
}
@media only screen and (max-width:1280px) { }
}
@media screen
and (min-width:1199px)
and (max-width:1680px)
and (max-height:700px) {
.hm-banner-sticky { height: 200vh; }
.hm-work-right .mb-50 { margin-bottom: 30px; }
.fs250 { font-size: 130px; }
.expertise-section .exp-right, .expertise-section .exp-right-image .img, .expertise-section .exp-right-image { height: 620px; }
.ptb-150 { padding-top: 100px; padding-bottom: 100px; }
.hm-work-right { padding-top: 20px; }
}
@media only screen and (max-width:1199px) {
.pb-250 { padding-bottom: 100px; }
.pt-150 { padding-top: 100px; }
.mb-100 { margin-bottom: 50px; }
.mb-200 { margin-bottom: 100px; }
.plr-100 { padding-left: 50px; padding-right: 50px; }
.pt-250 { padding-top: 100px; }
.fs250 { font-size: 100px; letter-spacing: -4px; }
.fs36 { font-size: 22px; }
h4, .th4 { font-size: 32px; letter-spacing: -0.3px; }
h5, .th5 { font-size: 28px; }
h3, .th3 { font-size: 50px; }
h1, h2, .th1, .th2 { font-size: 70px; }
.fs260 { font-size: 120px; }
.fs250 { font-size: 100px; }
.navmenu > ul > li { margin: 0px 0px 15px; }
.hm-banner-top { padding-top: 100px; }
span.text2 { margin-top: -70px; }
.hm-banner-bottom { padding-top: 150px; }
.bannerimgbox.bannerimg1 { bottom: 40%; }
.bannerimgbox.bannerimg2 img { height: 570px; }
.hm-bbo-right-content { padding: 0px 120px 60px 0px; }
.bannerimg4 { top: 0px; }
.hm-banner-sticky { height: 120vh; }
.hmc-number  sup { top: -40px; }
.hmc-number .mb-50 { margin-bottom: 20px; }
.hmc-counter { padding: 0px 40px; }
.hmc-counter-items h5 { margin-bottom: 10px; }
.mb-250 { margin-bottom: 100px; }
.hm-protocols-img img { max-width: 90px; }
.expertise-section .exp-right, .expertise-section .exp-right-image .img, .expertise-section .exp-right-image { height: 560px; }
.ptb-250 { padding-top: 100px; padding-bottom: 100px; }
.clinetindustries { padding: 100px 0px 50px; }
.clientitems { margin-bottom: 60px; }
.hm-portfolio-img.mb-50 { margin-bottom: 20px; }
.hm-work-right { right: 30px; width: 45%; }
.hm-work-content { margin-left: 150px; }
.hm-blog-top-right { margin-top: 110px; margin-bottom: 50px; }
h6, .th6 { font-size: 20px; margin-bottom: 20px; line-height: 1.5; }
main { margin-bottom: auto; }
footer { position: static; }
.ptb-150 { padding-top: 100px; padding-bottom: 100px; }
.footer-bottom { margin-top: 30px; }
.footerlogo img { max-width: 80%; }
.hm-work-right h2 br { display: none; }
.hm-work-right { padding: 30px 30px 0px; }
.exp-content-wrap .content { padding-left: 35px; }
.clientitems { width: 33.33%; }
.staticpage { padding: 200px 0px 150px; }
header.mainheader.sticky .navmenu > ul > li > a, .mainheader.innerheader .navmenu > ul > li > a { color: #fff; }
}
@media only screen and (max-width:992px) {
.navmenu { width: 60%; }
.bannerimgbox.bannerimg2 img { height: 430px; }
.bannerimgbox.bannerimg1 { bottom: 10%; }
.hm-banner-sticky { height: 100vh; }
.bannerimg4 { top: 50px; }
.hm-bbo-right { padding-left: 20px; padding-top: 50px; }
span.text2 { margin-top: -70px; }
.hm-bbo-right-content { padding: 0px 30px 60px 0px; }
.hm-banner-wrapper { position: relative; height: 200vh; width: 100%; }
.hm-banner-sticky { height: 75vh; }
.plr-100 { padding-left: 30px; padding-right: 30px; }
.expertise-item-img-mob { display: block; }
.exp-right { display: none; }
.expertise-section  .expertise-right-btn { margin-top: 10px; }
.hm-value-bottom { padding: 0px 18px; }
.hm-work-out { height: auto; }
.hm-work-right { position: static; padding: 30px 30px 0px; width: 100%; }
.hm-work-content { margin-left: 0px; }
.mb-50 { margin-bottom: 30px; }
.hm-work-height { height: auto; }
.blog-item { margin-bottom: 50px; }
.blog-title.mb-30 { margin-bottom: 10px; }
.hm-blog.mb-250 { margin-bottom: 80px; }
.footermenu { margin-bottom: 50px; }
.socialicon { margin-bottom: 20px; }
.copyright p br { display: none; }
}
@media only screen and (max-width:580px) {
.navmenu { width: 100%; }
span.text2 { margin-top: -30px; }
.mainheader .logo img { width: 100px; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }
.fs260 { font-size: 55px; }
h4, .th4 { font-size: 24px; letter-spacing: 0px; }
h5, .th5 { font-size: 26px; letter-spacing: 0px; }
.hm-bbo-left, .hm-bbo-right { width: 100%; display: flex; flex-wrap: wrap; }
.hm-bbo-right-content { width: 100%; padding: 0px 20px; margin-bottom: 50px; }
.bannerimgbox.bannerimg2 img { height: auto; }
.hm-bb-outer { flex-direction: column-reverse; }
.hm-bbo-right { padding-left: 0px; }
.hm-bbo-right { margin-bottom: 30px; }
.hm-banner-sticky { height: 150vh; }
.hm-banner-bottom { padding-top: 200px; }
.hm-banner-wrapper { height: 300vh; }
.hm-bbo-right { padding-top: 0px; }
.pt-150 { padding-top: 50px; }
.pb-250 { padding-bottom: 50px; }
.plr-100 { padding-left: 20px; padding-right: 20px; }
.pt-250 { padding-top: 50px; }
.fs250 { font-size: 50px; letter-spacing: -2px; }
.hm-legacy-top { flex-direction: column-reverse; }
.hm-legacy-right { position: static; width: 100%; text-align: left !important; }
.hm-legacy-left { width: 100%; }
.hm-legacy-right h4 br { display: none; }
.pb-150 { padding-bottom: 50px; }
.hmc-number  sup { top: -20px; }
.hmc-counter { padding: 0px 20px; }
.mb-250 { margin-bottom: 50px; }
.fs36 { font-size: 20px; }
h1, h2, .th1, .th2 { font-size: 40px; margin-bottom: 20px; }
.expertise-title .mb-100 { margin-bottom: 30px; }
.expertise-head { padding: 0px 0px 10px; }
.progress { margin-bottom: 10px; }
.expertise-item-img-mob { padding-bottom: 20px; }
.hm-protocols-title { margin-bottom: 20px; }
.hm-protocols-subtitle { text-align: left !important; }
.mb-100 { margin-bottom: 30px; }
.hm-protocols-img { margin-bottom: 20px; }
.hm-protocols-content h6 br { display: none; }
.hm-protocols-content h6 { margin-bottom: 5px; }
.hpi-wrap { margin-bottom: 30px; }
.hm-protocols.mb-200 { margin-bottom: 30px; }
.ptb-250 { padding-top: 50px; padding-bottom: 50px; }
.hvb-left { width: 100%; padding: 0px; }
.hvb-right { width: 100%; padding: 0px; margin-top: 40px; }
.hm-value-bottom { padding: 0px 20px; }
.clinetindustries { padding: 50px 0px 30px; }
.clientitems { margin-bottom: 30px; }
.clientitems { padding: 0px 12px; width: 50%; position: relative; margin-bottom: 35px; }
h3, .th3 { font-size: 30px; }
.mb-100.clinetindustries-title { margin-bottom: 20px; }
.hm-blog .leftclipmask { overflow: hidden; clip-path: inset(0 0% 0 0); }
.blog-item { margin-bottom: 40px; }
.blog-img.mb-30 { margin-bottom: 10px; }
.hm-work-right { position: static; padding: 0px 20px 30px; width: 100%; }
.bigblog .blog-img > img { min-height: 350px; }
.blog-img > img { min-height: 350px; }
.ptb-150 { padding-top: 50px; padding-bottom: 50px; }
.footermenu { margin-bottom: 20px; }
.footerlogo { margin: 20px 0px 30px; }
.footerlogo img { max-width: 40%; }
header.mainheader.sticky .logo img { width: 70px; }
.hm-protocols-img img { max-width: 70px; }
.hm-protocols-item { padding: 20px; }
.hm-blog-top-right { margin-top: 0px; margin-bottom: 40px; text-align: left !important; }
.hm-value-bottom { margin-top: 0px; }
.hm-blog.mb-250 { margin-bottom: 20px; }
.bannerimgbox.bannerimg1 { bottom: 0%; }
.bannerimg4 { top: 130px; }
.bannerimgbox.bannerimg2 { width: 60%; padding-top: 0px; position: relative; top: 40px; }
.bannerimgbox.bannerimg1 { width: 50%; left: 10%; bottom: -20%; }
.hm-bbo-right { margin-bottom: 80px; }
.hm-capabilities .fs250 { font-size: 55px; letter-spacing: -2px; }
.hm-capabilities h4, .th4 { font-size: 20px; }
.hpi-wrap { border-left: unset; }
.clinetindustries { margin-bottom: 50px; }
.hm-work-out { display: flex; flex-direction: column-reverse; }
.hm-protocols-item { padding: 20px 0px; }
.hm-portfolio-item:nth-child(even) { margin-top: 25px; }
.hm-protocols-item { border-bottom: 1px solid #ddd; padding-top: 0px; }
.hm-portfolio-item { margin: 0px 12px; flex: 0 0 300px; }
.staticpageimg { max-width: 300px; }
.staticpage { padding: 150px 0px 100px; }

/*.leftclipmask {

    clip-path: inset(0 0% 0 0);
}*/ }
@media only screen and (max-width:375px) { }

/* animation keyframe css */
.hm-protocols .animated { animation-duration: 1s; }
.animated { animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-100px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-100px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(100px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(100px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }
.animated { animation-duration: 1s; }
@media only screen and (max-width:1536px) {
    @keyframes fadeInLeft {
        0% { opacity: 0; transform: translateX(-40px); }
        100% { opacity: 1; transform: translateX(0); }
    }
    @keyframes fadeInRight {
        0% { opacity: 0; transform: translateX(40px); }
        100% { opacity: 1; transform: translateX(0); }
    }
}
@media only screen and (max-width:580px) {
    @keyframes fadeInUp {
        0% { opacity: 0; transform: translateY(40px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes fadeInDown {
        0% { opacity: 0; transform: translateY(-40px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes fadeInRight {
        0% { opacity: 0; transform: translateX(-40px); }
        100% { opacity: 1; transform: translateX(0); }
    }
    @keyframes MobileWow {
        0% { opacity: 0; transform: translateY(40px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .MobileWow { animation-name: fadeInUp; }
}