@media screen and (min-width:1025px) {
.mainMenu li ul.sub-menu{opacity: 0;pointer-events:none; margin: 0}
.mainMenu li:hover .sub-menu{ opacity: 1; pointer-events: auto; margin: 0}
.mainMenu li:focus-within .sub-menu{ opacity: 1; pointer-events: auto;}
/* .col2 .menuHolder{column-count: 2} */
.col2 .menuHolder > li{ width: 38% !important; padding-right: 20px !important;}
.col2 .menuHolder > li:last-child{ margin-left: -120px;}
header,.sub-menu{-webkit-transition:0.3s; -moz-transition:0.3s;-o-transition:0.3s; transition:0.3s;}
.deskMenu ul{ margin:0px; padding:0px; list-style-type: none;position: relative;}
.deskMenu ul.mainMenu > li > a{text-decoration:none;font-size: 20px;font-weight: 600; line-height: 24px; padding: 8px 20px}
.deskMenu .mainMenu > li.menu-item-has-children > a{ position: relative;}
.deskMenu .mainMenu > li.menu-item-has-children > a:before{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.twoCol { max-width: 1260px; padding:0px;  margin: 0px; height: 100%;}
.mainMenu li:last-child{ margin-right: 0 !important}
.deskMenu ul li{display: inline-block; margin: 0 10px; padding-bottom: 0;}
/* .deskMenu ul.mainMenu > li > ul.sub-menu{position: absolute; left:-40px;padding:0;z-index: 999; width:100vw; margin-top:8px;} */
.deskMenu ul.mainMenu > li > ul.sub-menu{position: absolute; left:0px;padding:0;z-index: 999;box-shadow: rgb(0 0 0 / 16%) 2px 2px 50px; width:100vw; margin-top:8px; border-radius: 4px; background:#fff;}
.deskMenu .menuHolder{padding: 40px;}
.deskMenu .menuHolder > li{width:100%; vertical-align:top; padding:2px 0;border-right: 0; margin:0px 0 10px;break-inside: avoid-column;}
.deskMenu .menuHolder > li > a{text-decoration:none; padding:0px 0;display: inline-block;text-transform: capitalize;font-size: 16px;line-height: 20px;font-weight: 600;color:#00bb8d}
.deskMenu .menuHolder > li > a:hover{color:#183B61 !important}
.menuHolder .sub-menu{ margin-left: 14px;}
.deskMenu .menuHolder > li > ul li a{width: 100%; display:block; padding: 0px 0;  text-decoration:none;font-size: 16px;text-transform: capitalize;color: #969696;}
.deskMenu .menuHolder > li > ul > li{display: block; padding:6px 0;}
.menuHolder li ul li{ width: 100%;}
.deskMenu .menuHolder li a:hover{background: none; color: #00bb8d}
.menumain{ margin:5px 0 0;text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: row wrap;list-style: none;}
 /* .deskMenu ul li{ position: relative;} */
nav ul li .sub-menu li a{ line-height: normal;}
.deskMenu .menuHolder{line-height: normal;width: 100%; padding-left: 30px}
.menuHolder li ul li{ margin: 0; border: 0}
.menuHolder .menu-item-has-children > a{ margin-bottom: 10px;color: #00bb8d;}
.menuHolder .sub-menu{ margin-top:0px;}
.Menutoggle{ display: none;}
.scroll.hover #menu::before{background:#ddd; content: ""; width: 100%; left: 0;right: 0; height: 100%;}
/* .mainMenu li:nth-child(2) .menuHolder{ padding-left: 188px;}
.mainMenu li:nth-child(3) .menuHolder{ padding-left: 347px;}
.mainMenu li:nth-child(4) .menuHolder{ padding-left: 516px;} */
.sub-menu .sub-menu li{ padding-left: 0 !important}
}

@media screen and (min-width: 0px) and (max-width:1024px) {
.Menutoggle label {display: block !important;}
.deskMenu #menu-main-menu{ display: none;}
.Menutoggle{display: inline-block; margin-left: 16px;}

.mainMenu{ margin: 0; padding: 0 20px; list-style-type: none; border-top: #C4CCCE solid 1px;}
.mainMenu li, .TopMenu li{ margin: 0; padding: 10px 0; list-style-type: none; text-align: left; border-bottom:#B9B9B9 dashed 1px; position: relative;}
.mainMenu li a, .TopMenu li a{ text-decoration: none;}
.sub-menu{ margin: 10px 0 0 16px;padding: 0; display: none;}
.sub-menu .sub-menu{ display: block;}
.sub-menu li{ padding:3px 0; border: 0}
}
