/* #Media Queries
============================== */
@media screen and (max-width: 1660px) {
    .up header .menu ul li a,.up header .menu ul .dropdown span,.up header .nav-container .contact-btn .topHeaderTwoMenu a,.up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span,.up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a {font-size: 22px;}
    .up header .dropdown span svg {margin-left: 10px;width: 20px;height: auto;}
    .up header .menu ul li {padding-right: 30px;}
    .up header .dropdown-content ul li {padding: 0 0 10px 0;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li {padding: 0 0 20px 0;}
    .up header .dropdown-content {min-width: 307px;}
    .up header .logo {padding-right: 40px;}
    .up header .topHeaderTwoMenu .dropdown-content{min-width: 215px;width: calc(100% - 20px);}


}
@media screen and (max-width: 1440px) {
    .up header .logo {padding-right: 30px;}
    .up header .menu ul li {padding: 0 15px;}
    .up header .logo img {width: 140px;}
    .up header .menu .dropdown-content ul li {
        padding: 0 0;
    }

    .up header .menu ul li a,.up header .menu ul .dropdown span,.up header .nav-container .contact-btn .topHeaderTwoMenu a,.up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span,.up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a {font-size: 20px;}
    .up header .dropdown span svg {margin-left: 8px;width: 18px;height: auto;}
    .up header .menu ul li {padding-right: 35px;}
    .up header .dropdown-content ul li {padding: 0 0 10px 0;}
    .up header .menu ul .dropdown span,.up header .menu ul li a {padding: 25px 0 25px;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu a {padding: 5px 25px;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span {min-width: 183px;padding: 5px 25px 5px 25px;}
    .up header .topHeaderTwoMenu .dropdown span svg {margin-left: 16px;}
    .up header .topHeaderTwoMenu .dropdown-content {min-width: 182px;width: calc(100% - 20px);}
    
}
@media screen and (max-width: 1366px) {
    .up h1 { font-size:80px; }
    .up h2 { font-size:46px; }
    .up h3 { font-size:32px; }
    .up h4 { font-size:24px; }
    .up h5 { font-size:22px; }

   }
@media screen and (max-width: 1280px) {
    .up h1 { font-size:74px; }
    .up h2 { font-size:42px; }
    .up h3 { font-size:28px; }
    .up h4 { font-size:22px; }
    .up h5 { font-size:20px; }
    .up header .menu ul li {padding-right: 5px;}
    .up .comparisionFormIpArea .inputField {width: 40%;}
    .up .comparisionFormIpArea .inputField:last-child {width: 20%;}
    .up .resultWithButtonRow{display: block;}
    .up .selectedCategoryRow{width: 100%;padding-bottom: 20px;}
    .up .fullTasteBtnCol{width: 100%;}
    .up .mainResultChartsCol {padding-left: 50px;}
    .up header .menu ul .dropdown-content{padding-bottom: 10px;}
    .up header .menu ul .dropdown-content{padding-bottom: 10px;}
    .up header .contact-btn .topHeaderTwoMenu .dropdown-content {padding: 26px 0 0;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul{padding-bottom: 10px;}
    .up header .logo img {width: 110px;height: auto;}
    .up header .menu ul li a,.up header .menu ul .dropdown span,.up header .nav-container .contact-btn .topHeaderTwoMenu a,.up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span,.up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a {font-size: 18px;}
    .up header .dropdown span svg {margin-left: 8px;width: 16px;height: auto;}
    .up header .menu ul li {padding-right: 20px;padding-left: 0;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu a {padding: 5px 15px;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span {padding: 5px 15px 5px 15px;min-width: 160px;}
    .up header .topHeaderTwoMenu .dropdown {padding-left: 10px;}
    .up header .contact-btn .topHeaderTwoMenu .dropdown-content {padding: 22px 0 0;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul { padding: 5px 10px 0 15px;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li {padding: 0px 0 12px 0;}
    .up header .dropdown-content {min-width: 255px;}
    .up header .topHeaderTwoMenu .dropdown-content {min-width: 150px;width: calc(100% - 10px);}
    

}
@media screen and (max-width: 1024px) {
    .up header .menu ul li a,.up header .menu ul .dropdown span,.up header .nav-container .contact-btn .topHeaderTwoMenu a,.up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span,.up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a {font-size: 17px;}
    .up header .topHeaderTwoMenu .dropdown-content {min-width: 145px;width: calc(100% - 10px);}
    .up header .dropdown-content {min-width: 244px;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span {min-width: 150px;}

}
@media screen and (min-width: 992px) {
    .up header .dropdown:hover .dropdown-content {display: block;}
    .up header .topHeaderTwoMenu .dropdown:hover .dropdown-content {display: block;}
}

@media screen and (max-width: 991px) {
    .up h1 { font-size:56px; }
    .up h2 { font-size:32px; }
    .up h3 { font-size:24px; }
    .up h4 { font-size:20px; }
    .up h5 { font-size:18px; }

    .up header .logo img {width: 140px;}
    .up header .logo a{padding-top: 0;}
    .up header .menu { display: none; } 
    .up header .topHeaderTwoMenu{display: none;}
    .up header .hamburger { display: flex; } 
    .up header .side-menu .menu { display: block; } 
    .up header .headerMenuCta {display: flex;align-items: center;}
    .up header .headerMenuCta .headerCantactUsBtn{margin-right: 10px;}
    .up header .mainMenuArea{padding: 20px 0;}
    .up header .topHeaderTypeTwo{display: none!important;}
    .up header .side-menu .menu{border-bottom: 1px solid #eee;padding: 50px 15px 20px;margin-bottom: 30px;}
    .up header .side-menu ul{display: block;}
    .up header .side-menu ul li a{padding: 0;font-size: 18px;line-height: 1em;font-family: var(--NotoSansCondensed);font-weight: bold;}
    .up header .side-menu .topHeaderTwoMenu .dropdown .dropdown-content ul li a{background-color: transparent;color: #fff;}
    .up header .side-menu .topHeaderTwoMenu .dropdown{padding-left: 0;}
    .up header .side-menu .topHeaderTwoMenu .dropdown span{font-size: 18px;font-family: var(--NotoSansCondensed);font-weight: bold;}
    .up header .side-menu ul li{margin: 0;padding: 0 30px 20px;}
    .up header .side-menu .topHeaderTwoMenu{padding: 0 15px 20px;display: block;}
    /* .up header .menu ul li a::before{display: none;} */
    .up header .logo {padding-right: 10px;}
    .up header .topHeaderTwoMenu .dropdown-content{position: relative;min-width: 227px;background: transparent;}
    .up header .menu ul .dropdown span{padding: 0;font-size: 18px;font-weight: 400;line-height: 1em;font-weight: bold;color: #ffffff;}
    .up header .menu ul .dropdown span svg path{fill:#ffffff;}
    .up header .menu ul .dropdown-content{position: relative;min-width: auto;background: transparent;}
    /* .up header .side-menu .menu .dropdown-content ul li{padding-left: 0; }*/
    .up header .side-menu .menu .dropdown-content{padding-top: 20px;}
    .up header .side-menu .menu .dropdown-content ul li:last-child{padding-bottom: 0;}
    .up header .dropdown-content ul li a:hover {color: #ffffff;}
    /* .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a:hover::before{display: none;} */
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li.active a:after{background-image: url(https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_tickWhite.png?version=0);}
    .up header .menu ul .dropdown span:hover {
        color: #ffffff;
    }
    .up header .dropdown:hover span svg{transform: scale(1);}
    .up header .menu ul .dropdown.active span svg{transform: scale(-1);}
    .up header .topHeaderTwoMenu .dropdown.active span svg{transform: scale(-1);}

    .up .resultChartTitle {padding-bottom: 18px;}
    .up .selectedOptionCol:nth-child(1) {padding-right: 15px;width: 33.33%;}
    .up .selectedOptionCol:nth-child(2) {width: 33.33%;padding: 0 15px;}
    .up .selectedOptionCol:nth-child(3) {padding: 0 0 0 15px;}

    .up .secMainResult .mainResultChartsCol {padding-top: 30px;padding-left: 30px;}
    .up .secMainResult .mainResultTasteCol {padding-top: 30px;}
    .up .secGlobalComparision h1,.up .resultChartTitle h2 {font-size: 36px;}
    .up .secGlobalComparision h4 {font-size: 17px;padding-top: 30px;}
    .up .globalComparisionCategoryArea .dropdown {font-size: 16px;}
    
    .up header .menu .dropdown-content ul li {padding: 0 0px 20px 20px;}
    .up .dropdown-content {
        display: none!important;
      }
      
      .up .dropdown-content.show {
        display: block!important;
      }
      .up header .dropdown span svg { z-index: -1;}
    .up header .topHeaderTwoMenu .dropdown-content{padding-top: 10px;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li {padding: 0 0px 20px 0;}
}
@media screen and (max-width:768px){
    .up h1 { font-size:34px; }
    .up h2 { font-size:26px; }
    .up h3 { font-size:22px; }
    .up h4 { font-size:18px; }
    .up h5 { font-size:16px; }

    .up header .logo img {max-width: 100px;}
    .up .comparisionFormIpArea .inputField {width: 100%;padding-bottom: 20px;}
    .up .comparisionFormIpArea .inputField:last-child {width: 100%;}

    .up .selectedCategoryRow{display: block;}
    .up .selectedOptionCol:nth-child(1),.up .selectedOptionCol:nth-child(2),.up .selectedOptionCol:nth-child(3){width: 100%;padding: 0;border: none;padding: 10px 0;}
    .up .selectedOptionCol:nth-child(2){position: relative;padding: 10px 0;}
    .up .selectedOptionCol:nth-child(2)::before{content: "";position: absolute;left: 0;top: 0;height: 1px;width: 50px;background-color: #289ba2;}
    .up .selectedOptionCol:nth-child(2)::after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 50px;background-color: #289ba2;}
    .up .resultChartTitle {padding-bottom: 10px;}
    .up .selectedCategoryRow {padding-bottom: 10px;}
    .up .fullTasteChartOutputRow {padding-top: 30px;}
    .up .fullTasteChartOutputRow h2 {font-size: 30px;}
    .up .mainResultTasteCol{width: 40%;}
    .up .secMainResult .mainResultChartsCol{width: 60%;}
    .up .mainResultTasteArea .flavoursRadioItem label::before {width: 18px;height: 18px;}
    .up .mainResultTasteArea .flavoursRadioItem label::after {width: 12px;height: 12px;}
    .up .flavoursRadioItem {padding-bottom: 6px;}
    .up .secGlobalComparision {padding: 50px 0 30px;}
    .up .secMainResult .mainResultChartsCol {padding-top: 20px;padding-left: 20px;}
    .up .secMainResult .mainResultTasteCol {padding-top: 20px;}
    .up .mainResultTasteArea .flavoursRadioItem label {padding-left: 28px;font-size: 15px;}
    .up .searchErrorMsg {padding-top: 0px;}
    .up .searchErrorMsg{font-size: 14px;}
    .up .comparisionFormIpArea .inputField{padding-right: 0;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li.active a:after{width: 18px;height: 12px;}
    .up header .topHeaderTwoMenu .dropdown-content { min-width: 170px;}
    .up .fullTasteChartOutputRow>* {width: 100%;padding-right: 30px;padding-bottom: 30px;}
    .up .tooltipIconContent {font-size: 14px; line-height: 1.5em;}

}

@media screen and (max-width:640px) {
    .up h1 { font-size:26px; }
    .up h2 { font-size:22px; }
    .up h3 { font-size:20px; }
    .up h4 { font-size:14px; }
    .up h5 { font-size:14px; }
    .up .secGlobalComparision {padding: 50px 0 30px;}
    .up .secGlobalComparision h1 {font-size: 28px;}
    .up .secGlobalComparision h4 {font-size: 16px;padding-top: 15px;}
    .up .globalComparisionCategoryArea .dropdown {font-size: 15px;}
    .up .globalComparisionCategoryArea .dropdown-toggle {height: 40px;}
    .up .comparisionFormIpArea .inputField {padding-bottom: 15px;}
    .up .mainResultRow{display: block;}
    .up .mainResultTasteCol{width: 100%;}
    .up .secMainResult .mainResultChartsCol{width: 100%;}
    .up .secMainResult{background:none;}
    .up .secMainResult .container{padding: 0;}
    .up .secMainResult .mainResultTasteCol{padding: 20px 15px;}
    .mCSB_scrollTools {width: 7px;}
    .up .tasteListArea {max-height: 180px; }
    .up .secMainResult .mainResultTasteCol,.up .secMainResult .mainResultChartsCol{min-height: auto;}
    .up .secMainResult .mainResultChartsCol{padding: 20px 15px 100px;}
    .up .resultWithButtonRow {padding-bottom: 25px;}
    .up .globalComparisionCategoryArea .dropdown-toggle {padding: 10px 15px;}
    .up .mainResultTasteArea .flavoursRadioItem label::before {width: 14px;height: 14px;}
    .up .mainResultTasteArea .flavoursRadioItem label::after {width: 8px;height: 8px;}
    .up .tasteAreaTitle {font-size: 18px;padding-right: 0;padding-bottom: 10px;}
    .up .mainResultTasteArea .flavoursRadioItem label {padding-left: 25px;min-height: 21px;}
    .up .secGlobalComparision h1, .up .resultChartTitle h2 {font-size: 30px;}
    .up .resultChartTitle {padding-bottom: 0;}
    .up .globalComparisionCategoryArea button:hover{background-color: #ffffff;color: #F24A00;}
    .up .secMainResult .mainResultChartsCol::before {width: 100%;height: 1px;}
    .up .tooltipIconContent {width: 180px;padding: 5px;margin-left: -64px;}
    .up .fullTasteChartOutputRow li{font-size: 18px;}
    .up .fullTasteChartOutputRow h2 {font-size: 26px;}
    
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
    
}
@media screen and (max-width:370px) {


}