@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1540px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1740px) {
    .hm-nexus-stack { margin-right: 245px; }
}
@media only screen and (max-width:1600px) {
    .left-padding { padding-left: calc(((100% - 1320px) - 24px) / 2); }
    .right-padding { padding-right: calc(((100% - 1320px) - 24px) / 2); }
    h1, .th1, h2, .th2 { font-size: 50px; letter-spacing: -1.2px; }
    h3, .th3 { font-size: 38px; }
    h4, .th4 { font-size: 30px; }
    .hm-herosection { margin-top: 150px; }
    .plr-100 { padding-left: 80px; padding-right: 80px; }
    .hm-herosection-left { width: 80%; }
    .hm-herosection-right { width: 20%; }
    .t200 { font-size: 150px; }
    .coolingsysprod .slick-list.draggable { margin: 0px 50px; }
    .coolingsysprod .slick-next { right: 0px; }
    .coolingsysprod .slick-prev { left: 0px; }
    .hm-innovation-logo.mb-50 { margin-bottom: 20px; }
    .textanimation {

    min-width: 240px;
    height: 70px;
}
}
@media only screen and (max-width:1440px) {
    .plr-100 { padding-left: 50px; padding-right: 50px; }
    .hm-herosection-left { width: 100%; }
    .hm-herosection-row { position: relative; }
    .hm-herosection-right { position: absolute; right: 0px; }
    .hm-herosection-logo { margin-bottom: 80px; }
    .hm-herosection-item-icon { height: 130px; width: 130px; }
    .tab-item { padding: 25px 25px 25px 0px; }
    .tab-item-content-wrap { padding-left: 20px; }
    .coolingsysprod .slick-list.draggable { margin: 0px 0px; }
    .coolingsysprod .slick-next { right: -50px; }
    .coolingsysprod .slick-prev { left: -50px; }
    .left-padding { padding-left: calc(((100% - 1140px) - 24px) / 2); }
    .right-padding { padding-right: calc(((100% - 1140px) - 24px) / 2); }
    .buildforelem .applicamarqee .borderboxcol { max-width: 350px; min-height: 350px; }
    .hm-nexus-stack { margin-right: 230px; }
    .hm-nexus-stack { width: 491px; height: 357px; }
    .textanimation { min-width: 250px; height: 60px; }
    .modal-body { padding: 50px 50px 50px; }
}
@media only screen and (max-width:1366px) {
    .hm-nexus-left { min-height: 200px; }
    .hm-nexus-stack { position: relative; margin-right: 164px; }
    .navmenu > ul > li { margin: 0 10px; }
    h4, .th4 { font-size: 24px; }
    .mainheader .logo { padding: 30px 0; }
    .hm-innovation-video video { width: 40%; }
    .hm-innovation-video { top: -90px; }
    body { font-size: 18px; line-height: 26px; }
}
@media only screen and (max-width:1280px) {
    .hm-nexus-stack { margin-right: 230px; }
}
@media only screen and (max-width:1200px) {
    .coolcontent .lg-text { right: 10px; }
    .coolcontent { grid-template-columns: 1fr; gap: 0px; }
    h1, .th1, h2, .th2 { font-size: 35px; letter-spacing: -1px; }
    .mb-50 { margin-bottom: 30px; }
    .hm-herosection-logo { margin-bottom: 40px; }
    .hm-herosection-item-icon img { max-width: 60px; }
    .hm-herosection-item-icon { height: 80px; width: 80px; }
    h5, .th5 { font-size: 18px; margin-bottom: 10px; }
    h3, .th3 { margin-bottom: 10px; }
    body { font-size: 16px; line-height: 22px; }
    .hm-herosection-item-icon { margin-bottom: 5px; }
    .hm-herosection-right { width: 15%; }
    .hm-herosection-right { top: -30px; right: 50px; }
    .mainheader .logo { padding: 20px 0; }
    .mainheader .logo img { transition: all 0.5s ease; width: 160px; }
    .sticky.mainheader .logo img { width: 160px; }
    .mb-200 { margin-bottom: 70px; }
    .mb-150 { margin-bottom: 60px; }

    h3, .th3 { font-size: 30px; }
    .line { height: 2px; }
    .hfimss-icon img { max-width: 150px; }
    .mb-30 { margin-bottom: 20px; }
    .hm-nexus-left { min-height: 150px; }
    .hm-nexus-stack { width: 480px; height: 350px; position: relative; margin-right: 50px; }
    .line { top: 30px; }
    .imgWrap { position: relative; min-height: 360px; }
    p { margin-bottom: 15px; }
    .hm-nexus-left { min-height: 120px; }
    .left-padding { padding-left: 50px; }
    .buildforelem-left { padding-right: 0px; margin-bottom: 30px; }
    .buildforelem-left h2 { margin-bottom: 5px; }
    .mt-50 { margin-top: 30px; }
    h4, .th4 { font-size: 24px; }
    .f-contact strong { font-size: 18px; padding-right: 10px; min-width: 70px; }
    .footerlogo { margin-bottom: 30px; }
    .footerlogo img { max-width: 300px; }
    .cooltitle { top: 80px; }
    .mb-100 { margin-bottom: 50px; }
    .navmenu > ul > li { margin: 0 0 25px; }
    .navmenu > ul > li > a { font-size: 30px; color: #fff; padding: 0px 0px 10px; display: inline-block; }
    .textanimation { min-width: 170px; height: 44px; margin-left: 8px; }
}
@media only screen and (max-width:992px) {
    .footer-menu { margin-bottom: 30px; }
    .f-googlemap { margin-bottom: 30px; }
    .hm-herosection { margin-top: 100px; }
    .hm-herosection.plr-100 { padding: 0px 20px; }
    img.coolingsysprod-img { max-width: 250px; }
    .hm-nexus-left { min-height: 100px; }
    .coolingsysprod .slick-dots { text-align: left; }
    .hm-herosection-right { display: none; }
    .hm-innovation-logo img { max-width: 200px; }
    .cooltitle { top: 60px; }
    .navmenu { width: 70%; }
}
@media only screen and (max-width:767px) {
    .coolcontent { grid-template-columns: 1fr; }
    .plr-100 { padding-left: 20px; padding-right: 20px; }
    h1, .th1, h2, .th2 { font-size: 24px; letter-spacing: -0.7px; }
    .mb-50 { margin-bottom: 20px; }
    .mb-200 { margin-bottom: 50px; }
    .mb-150 { margin-bottom: 50px; }
    .hm-herosection-item { width: 100%; margin: 0px; }
    .line { display: none; }
    .hm-herosection-item .hm-herosection-item-icon img, .hm-herosection-item .hm-herosection-item-content { opacity: 1; }
    .hm-herosection-item + .hm-herosection-item { margin-top: 25px; }
    .hm-herosection-item-icon { height: auto; width: auto; text-align: left; }
    .hm-herosection-item-icon img { max-width: 50px; margin-bottom: 10px; }
    .hm-herosection-item-icon img { max-width: 50px; margin-bottom: 10px; }
    h3, .th3 { font-size: 24px; }
    .fadeUpLoad { transform: translateY(20px); }
    .tab-item-mobile { display: flex; }
    .tab-item::after { display: none; }
    .tab-item-icon { display: none; }
    .tab-item.active { background: #fff; }
    .tab-item { padding: 20px; display: flex; flex-wrap: wrap; }
    .tab-item-content-wrap { padding-left: 0px; }
    .tab-item-content-wrap { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
    .tab-item-title { width: 100%; }
    .mobhide { display: none; }
    .t200 { font-size: 70px; }
    .hm-nexus-stack { display: none; }
    .hm-nexus-mob-img { display: block; }
    .hm-nexus-content { position: static; opacity: 1; }
    .hm-nexus-left { min-height: auto; margin-left: 0px; }
    .hm-nexus-left { left: 0px; }
    h4, .th4 { font-size: 20px; }
    .hm-nexus-top-title { margin-bottom: 15px; }
    .hm-nexus-top-title .mb-30 { margin-bottom: 10px; }
    .hm-nexus-content + .hm-nexus-content { margin-top: 30px; }
    .hm-nexus-mob-img { margin-bottom: 15px; }
    .hm-nexus-top.mb-50 { margin-bottom: 30px; }
    .left-padding { padding-left: 20px; }
    .left-padding.buildforelem { padding: 0px 0px; }
    .buildforelem-left { padding: 0px 20px; }
    .buildforelem .applicamarqee  .borderboxcol { min-height: 300px; max-width: 300px; margin-right: 12px; padding: 20px; }
    .liquidcaption { position: relative; }
    .cooltitle h2 { color: #000; }
    .position-absolute.cooltitle { position: relative !important; top: 0px; }
    .hm-innovation-video { display: none; }
    .hm-innovation a.btn-theme.mt-50 { margin-top: 15px; }
    .liquidcaption .bg-white { padding: 0px; margin-top: 20px; }
    .footerlink + .footerlink { margin-top: 20px; }
    .footerlogo img { max-width: 250px; }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }
    .footerlink ul li  a, .f-contact a { font-size: 18px; }
    .f-newsletter-form { width: 100%; }
    .navmenu { width: 100%; }
    .navmenu > ul > li { margin: 0 0 20px; }
    .newsmediarow .row [class*="col-"] + [class*="col-"] { margin-top: 30px; }
    .textanimation { min-width: 115px; height: 30px; margin-left: 8px; }
    .form-group.mb-30 { margin-bottom: 15px; }
    .modal-body { padding: 50px 20px 30px; }
}
@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; }