@media screen and (max-width: 639px) { .container { max-width: 100%; } }
@media screen and (min-width: 640px) { .container { max-width: calc( 600px + 36px ); }}
@media screen and (min-width: 768px) { .container { max-width: calc( 640px + 36px ); }}
@media screen and (min-width: 840px) { .container { max-width: calc( 700px + 36px ); }}
@media screen and (min-width: 1024px) { .container { max-width: calc( 800px + 36px ); }}
@media screen and (min-width: 1200px) { .container { max-width: calc( 960px + 36px ); }}
@media screen and (min-width: 1360px) { .container { max-width: calc( 1060px + 36px ); }}
@media screen and (min-width: 1440px) { .container { max-width: calc( 1240px + 36px ); }}
@media screen and (min-width: 1600px) { .container { max-width: calc( 1360px + 36px ); }}
@media screen and (min-width: 1800px) { .container { max-width: calc( 1600px + 36px ); }}


/**********************
    MIN WIDTH ENDS 
**********************/


@media screen and (max-width: 1799px) {
    h1, .h1{ font-size: 80px; line-height: 78px; }
    h2, .h2{ font-size: 60px; line-height: 70px; }
    .section { padding: 130px 0; }

    /* HEADER */
    .navbar-links ul{ gap: 50px; } 

    /* FOOTER */
    .footer-links-wrapper{ gap: 45px; } .footer-logo{ width: 200px; } .footer-cta-text{ width: 1050px; }
    .footer-cta-text{ font-size: 58px; line-height: 66px; }

    .calc-headings { margin-top: 150px; }
    .calc-form-fields { width: calc(100% - 580px); }
    .calc-calculations-part { width: 580px; padding: 50px 35px 35px 35px; }

    .calc-form { margin-top: 60px; }
    .calc-form-fields { padding: 35px; }
    .card-actions { margin-top: 15px; }
    /* .date-input { padding-top: 50px; } */
    .calc-half-width { padding-top: 25px; }
    .calc-quarter-width { padding-top: 25px; }
    .calculation-field-open-btn { width: 60%; }
    .economizer-mode-calculations { margin-top: 40px; }
    .heating-mode-calculations { margin-top: 80px; }
    .common-fields-wrapper, .heating-mode-fields, .economizer-mode-fields { align-items: end; }
}

@media screen and (max-width: 1599px) {
    h1, .h1{ font-size: 72px; line-height: 80px; }
    h2, .h2{ font-size: 50px; line-height: 60px; }
    h3, .h3{ font-size: 46px; line-height: 54px; }
    h4, .h4 {font-size: 32px; line-height: 40px;}

    /* HEADER */
    .navbar-links ul{ gap: 30px; } .navbar-img{ width: 150px; }

    /* FOOTER */
    .footer-logo-wrapper{ width: 300px; } .footer-logo-text{ width: 100%; } .footer-address{ width: 248px; }
    .footer-cta-text{ font-size: 58px; line-height: 68px; } .footer-cta-text{ width: 940px; } .footer-logo{ width: 190px; }
    
    .calc-form-fields { width: calc(100% - 520px); }
    .calc-calculations-part { width: 520px; }
    .rep-search-main { padding-top: 180px; }

    .common-fields-wrapper input, .heating-mode-fields input, .economizer-mode-fields input, .duct-select { padding: 14px 20px; }
    .zone-txt-input { padding-top: 0px !important; }
    .calc-quarter-width { padding-top: 20px; }
}

@media screen and (max-width: 1439px) {
    h1, .h1{ font-size: 62px; line-height: 70px; }
    h2, .h2{ font-size: 42px; line-height: 50px; }
    h3, .h3{ font-size: 36px; line-height: 46px; }
    h4, .h4 {font-size: 28px; line-height: 38px;}
    h6, .h6 {font-size: 20px;line-height: 28px;}

    /* HEADER */
    .navbar-links ul{ gap: 30px; padding: 15px 30px; } .navbar-links-wrapper button{ padding: 15px 30px; }
    .navbar-links ul .text-18{ font-size: 16px; line-height: 24px; }

    /* FOOTER */
    .footer-logo{ width: 160px; } .footer-links-wrapper{ gap: 122px; } .footer-logo-wrapper{ width: 375px; } 
    .footer-cta-text{ font-size: 44px; line-height: 52px; width: 710px; }
    .footer-links-main{ flex-direction: column; align-items: flex-start; gap: 30px; }
    .calc-form-fields { width: calc(100% - 440px); padding: 20px; }
    .calc-calculations-part { width: 440px; padding: 20px; padding-top: 40px; }
    .calc-measure-btn { padding: 8px 30px; }
    .measure-btn-grp { gap: 8px; }
    .common-fields-wrapper, .heating-mode-fields, .economizer-mode-fields { gap: 12px; }
    .calc-half-width { width: calc(50% - 6px); }
    .calc-quarter-width { width: calc(33.33% - 8px); }
    .card-actions.calc-button-group { flex-direction: row; }
    .calculation-field-open-btn { padding: 14px 30px; }
    .economizer-mode-calculations { margin-top: 50px; }
    /* .date-input { padding-top: 40px; } */
    .calc-quarter-width { padding-top: 20px; }
    
}

@media screen and (max-width: 1359px) {
    .section { padding: 100px 0; }
    .container-sm{ width: 900px; }

    h1, .h1{ font-size: 54px; line-height: 62px; }
    /* h2, .h2{ font-size: 50px; line-height: 56px; }
    h3, .h3{ font-size: 36px; line-height: 48px; }
    h4, .h4{ font-size: 34px; line-height: 42px; } */
    h6, .h6{ font-size: 20px; line-height: 28px; }

    .text-24{ font-size: 22px; line-height: 30px; }

    /* HEADER */
    .navbar-img{ width: 130px; } .navbar-links-wrapper button{ padding: 15px 24px; }
    .navbar-links ul{ gap: 25px; padding: 12px 24px; }
    .navbar-links ul li a{ font-size: 14px; line-height: 20px; } 
    .navbar-links-wrapper button{ font-size: 14px; line-height: 20px; padding: 12px 24px; }

    /* FOOTER */
    .footer-links-main{ flex-wrap: wrap; gap: 40px; } .footer-links-wrapper{ justify-content: space-between; gap: 88px; } .footer-logo-wrapper{ width: 390px; }
    .cta-arrow{ width: 34px; height: 34px; } .footer-copyright{ margin-top: 50px; } .footer-links-main{ padding-bottom: 50px; }
    .footer-cta-text{ font-size: 40px; line-height: 48px; } .footer-cta-main{ padding-bottom: 50px; }
    
    .rep-result-data { margin-top: 10px; }
    .rep-search-box { padding: 10px 14px; }
    .rep-search-main { padding-top: 140px; }

    .calc-form-fields { width: calc(100% - 400px); }
    .calc-calculations-part { width: 400px; }
    .unit-measure { margin-bottom: 20px; }
    .calc-quarter-width { width: calc(50% - 6px); padding-top: 10px; }
    .calc-half-width { padding-top: 10px; }
    .heating-mode-fields, .economizer-mode-fields { padding-top: 10px; }
    .calculation-field-open-btn { width: 70%; }
    .calc-hr { margin: 40px 0; }
    .heating-mode-calculations { margin-top: 60px; }
    .economizer-mode-calculations { margin-top: 30px; }
    .calc-measure-btn { padding: 10px 40px; }
    .common-fields span { font-size: 16px !important; }

    .calc-button-group .text-18, .calc-measure-btn.text-18 { font-size: 16px; line-height: 20px; }
    .calc-button-group .custom-tab { padding: 6px 16px; }
    .calc-button-group.card-actions { gap: 10px; }
    .calc-measure-btn { padding: 10px 20px; }
    .measure-btn-grp { gap: 2px; }


    .navbar-links-wrapper{ display: none; } .navbar-links-for-responsive-wrapper{ display: flex; }
        .navbar-links-wrapper{ display: none; } .hamburger, .navbar-links-for-responsive{ display: flex; }
    .navbar-links-for-responsive ul{ align-items: end; }
    .navbar-links-for-responsive ul .text-18{ font-size: 16px; line-height: 24px; } .navbar-links-for-responsive{ width: max-content !important; }
}

@media screen and (max-width: 1199px) {
    .container-sm{ width: 810px; }
    .section { padding: 80px 0; }

    h1, .h1{ font-size: 46px; line-height: 56px; }
    /* h2, .h2{ font-size: 44px; line-height: 52px; }
    h3, .h3{ font-size: 32px; line-height: 40px; }
    h4, .h4{ font-size: 30px; line-height: 38px; } */
    h6, .h6{ font-size: 18px; line-height: 24px; }

    .text-24{ font-size: 20px; line-height: 26px; }

    /* HEADER */
    .navbar-links-wrapper{ display: none; } .hamburger, .navbar-links-for-responsive{ display: flex; }
    .navbar-links-for-responsive ul{ align-items: end; }
    .navbar-links-for-responsive ul .text-18{ font-size: 16px; line-height: 24px; } .navbar-links-for-responsive{ width: max-content !important; }

    /* FOOTER */
    .footer-links-wrapper{ gap: 57px; } .footer-cta-text{ font-size: 36px; line-height: 42px;  width: 600px; } 
    .footer-links-main{ gap: 20px; } .footer-cta-button{ padding: 8px 16px; }
    .cta-arrow{ width: 32px; height: 32px; } .footer-links ul li{ padding-top: 10px; } .footer-logo{ width: 150px; }
    .footer-links-main .text-18{ font-size: 16px; line-height: 24px; } .footer-address{ width: 221px; }
    .footer-copyright{ margin-top: 30px; }
    
    .calc-form-fields { width: calc(100% - 340px); }
    .calc-calculations-part { width: 340px; }
    .calcu-data-headings .h4 { font-size: 22px; line-height: 30px; }
    .calcu-item.text-16 { font-size: 14px; line-height: 22px; }
    .common-fields-wrapper input, .heating-mode-fields input, .economizer-mode-fields input { padding: 14px; }
    .calculation-field-open-btn { width: 80%; }
    .calc-duct-size p { flex-wrap: wrap; }
    .x-spacer { display: inline-block; width: 100%; }
    .common-fields-wrapper select { padding: 14px; }

    .rep-search-main { height: 100%; padding: 140px 0 0 40px; }
    .rep-search-main { width: 430px; }
    .select-state { width: 170px; }
}

/* ONLY FOR iPad Pro */
@media screen and (max-width: 1024px) {
    .rep-search-main { height: 60%; }
}

@media screen and (max-width: 1023px) {
    /* FOOTER */
    .footer-cta-main{ flex-direction: column; align-items: flex-start; gap: 20px; }
    .footer-cta-text{ margin-bottom: 0; } .footer-links-heading{ padding-bottom: 0; } .footer-address{ width: 250px; }
    .footer-links-wrapper{ flex-wrap: wrap; justify-content: space-between; } .footer-links-wrapper{ gap: 35px;}
    .footer-cnct-heading{ padding-bottom: 10px; }

    .calc-main-wrapper { flex-direction: column; }
    .calc-calculations-part { width: 100%; }
    .calc-form-fields { width: 100%; }
    .calc-hr { margin: 20px 0; }
    .x-spacer { width: auto; }
    .calc-measure-btn.text-18 { font-size: 16px; line-height: 24px; }
    .calculation-field-open-btn { width: 70%; }
    .common-fields span { font-size: 14px !important;  }
    
}

@media screen and (max-width: 991px) {
    /* h1, .h1{ font-size: 48px; line-height: 58px; } */
    h2, .h2{ font-size: 38px; line-height: 48px; }
    /* h6, .h6{ font-size: 18px; line-height: 24px; } */
    
    .text-24{ font-size: 18px; line-height: 28px; }
    .text-18{ font-size: 16px; line-height: 26px; }
    .text-16{ font-size: 14px; line-height: 24px; }

    /* HEADER */
    .hamburger{ width: 46px; height: 46px; }

    /* FOOTER */
    .footer-cnct-heading{ padding-bottom: 10px; } .footer-links ul li{ padding-top: 10px; } .footer-contact-links a{ padding-top: 10px; }
    .footer-logo{ width: 140px; } .footer-links-main .text-18{ font-size: 14px; line-height: 22px; }
    /* .footer-address{ width: 160px; } .footer-logo-wrapper{ width: 275px; } .footer-cta-text{ font-size: 30px; line-height: 38px; width: 500px; } */
}

@media screen and (max-width: 839px) {
    h1, .h1{ font-size: 42px; line-height: 52px; }
    h2, .h2{ font-size: 36px; line-height: 46px; }
    h3, .h3{ font-size: 30px; line-height: 38px; }
    h4, .h4{ font-size: 28px; line-height: 36px; }
    h6, .h6{ font-size: 16px; line-height: 24px; }
    h5, .h5{ font-size: 24px; line-height: 32px; }

    .section { padding: 70px 0; }

    /* HEADER */
    .navbar-img{ width: 120px; }

    /* FOOTER */
    .footer-links-wrapper{ gap: 30px; } .footer-links ul li, .footer-contact-links a{ padding-top: 10px; }
    .footer-cta-text{ font-size: 26px; line-height: 32px; width: 460px; margin-bottom: 0; } .cta-arrow{ width: 28px; height: 28px; }
    .footer-cta-main{ padding: 40px 0; } .footer-links-main{ padding-bottom: 50px; }
    .footer-address{ width: 245px; } .footer-logo{ width: 130px; }
}

@media screen and (max-width: 767px) {
    h1, .h1{ font-size: 40px; line-height: 50px; }
    .text-18{ font-size: 14px; line-height: 20px; }

    .section { padding: 50px 0; }
    .container-sm{ width: 550px; }
    .btn-padding{ padding: 10px 18px; }

    /* FOOTER */
    .footer-copyright{ margin-top: 30px; }
    .footer-links ul li, .footer-contact-links a{ padding-top: 8px;}
    .humidity-measurement-table table td{ padding-left: 11px !important; padding-right: 5px !important; }
    .rep-search-main { height: 75%; }
}

@media screen and (max-width: 639px) {
    h1, .h1{ font-size: 38px; line-height: 48px; } 
    h2, .h2{ font-size: 32px; line-height: 42px; }
    h3, .h3{ font-size: 28px; line-height: 38px; }
    h4, .h4{ font-size: 24px; line-height: 34px; }

    /* FOOTER */
    .footer-links-wrapper{ flex-wrap: wrap; } .footer-cta-text{ font-size: 22px; line-height: 30px; } 
    .footer-cta-main{ flex-direction: column; align-items: flex-start; gap: 20px; }
    .footer-copyright{ flex-direction: column; gap: 20px; align-items: center; margin-top: 0; } .footer-logo{ width: 130px; height: auto; }

    .humidity-measurement-table table td{ padding-right: 106px !important; }

    .for-desktop { display: none; }
    .for-tablet { display: block; }
}

@media screen and (max-width: 575px) {
    h1, .h1{ font-size: 34px; line-height: 44px; }
    h2, .h2{ font-size: 30px; line-height: 40px; }
    h3, .h3{ font-size: 24px; line-height: 34px; }
    h4, .h4{ font-size: 22px; line-height: 32px; }

    /* FOOTER */
    .footer-links-wrapper{ flex-direction: column; gap: 30px; } .footer-cnct-heading{ padding-bottom: 10px; } .footer-links-heading{ padding-bottom: 0; }
    .footer-cta-text{ width: 100%; } .footer-links-main{ gap: 20px; } .footer-logo-wrapper{ width: 100%; }

    .humidity-measurement-table table td{ padding-right: 59px !important; }
    .navbar-links-for-responsive.active { height: max-content !important; }

    .hamburger { width: 40px; height: 40px !important; gap: 3px; border-radius: 10px; }
    .hamburger.active .bar:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
    .hamburger.active .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    
    .rep-search-main { height: 100%; padding: 0; }

    .calc-measure-btn.text-18 { font-size: 14px; line-height: 22px; }
    .calc-measure-btn { padding: 8px 30px; }
    .calc-main-wrapper { overflow: hidden; }
    .x-spacer { width: 100%; position: relative; left: 120px; }
    .rep-search-box { background-color: rgba(104, 185, 245, 1); }
    
    .rep-search-box .form-group { gap: 10px; }
    .rep-search-box { top: -16%; }
    .rep-data-main { height: calc(100% - 350px); }
    .unit-measure-date { flex-wrap: wrap; gap: 30px; justify-content: start; }
}

@media screen and (max-width: 480px) {
    .humidity-measurement-table table td{ padding-right: 48px !important; }
    .calculation-field-open-btn { width: 80%; }
}

@media screen and (max-width: 459px) {
    h1, .h1 { font-size: 30px; line-height: 38px; }
    h2, .h2 { font-size: 24px; line-height: 32px; }
    h3, .h3 { font-size: 20px; line-height: 30px; }

    .text-16 { font-size: 12px; line-height: 20px; }

    .humidity-measurement-table table td{ padding-right: 19px !important; padding-top: 15px; }
    /* .navbar-links-for-responsive { width: 190px !important; }  */
    .calculation-field-open-btn { width: 90%; }
    .select-state { width: 100%; }
    .rep-search-main { max-width: 90%; }

    .x-spacer { left: 114px; }

    .for-tablet { display: none; }
    .for-mobile { display: block; }
    .calc-quarter-width, .calc-half-width { width: 100%; }
    .zone-txt-input { margin-right: 0; }
}

@media screen and (max-width: 400px) {
    .section { padding: 40px 0; }

    /* HEADER */
    .navbar-img{ width: 110px; }

    /* FOOTER */
    .footer-cta-text{ font-size: 20px; line-height: 28px; }
    .footer-links-main{ gap: 20px; } 
    .humidity-measurement-table table td:nth-child(1) { width: 80px; padding-right: 52px !important; }

    .calc-headings { margin-top: 100px; }
    .calc-form { margin-top: 30px; }
    .calculation-field-open-btn { width: 100%; padding: 14px 20px; }
    .calculation-field-open-btn img { right: 20px; }
    .calc-quarter-width, .calc-half-width { width: 100%; }
    .calc-duct-size p { font-size: 14px; }
    .calc-button-group, .date-input { justify-content: start; }
    .rep-map { height: 340px; }
    .rep-search-box { top: -20%; }
    .card-actions.calc-button-group { flex-wrap: wrap; }
    .common-fields-wrapper input, .heating-mode-fields input, .economizer-mode-fields input, .common-fields-wrapper select, .date-picker { padding: 10px 14px; }
    .calc-button-group .text-18, .calc-measure-btn.text-18 { font-size: 14px; line-height: 18px; }
    .date-picker { font-size: 14px !important; width: 140px; }
    .back-to-top { margin-top: 40px; }
}

@media screen and (max-width: 374px) {}

@media screen and (max-width: 359px) {
    .humidity-measurement-table table td:nth-child(1){ padding-right: 45px !important; }
    .x-spacer { left: 124px; }
}