@media only screen and (min-width:768px) {
    /* currently handled by mobile css file */
}

/* @media only screen and (min-width:1024px) and (max-width:1249px) { */
@media only screen and (min-width:1024px) {

    .main-nav {
        background: var(--primary-color);
    }

    .main-nav .nav-toggle {
	display:none;
    }
    .main-nav>ul.menu-lvl1 {
        height:68px;
        /* line-height:48px; */
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
	overflow:unset;
	max-height:unset;
    }


    .main-nav>.menu-lvl1 {

        display: flex;
        position: relative;
    }

    .main-nav>.menu-lvl1 li {
        flex-grow: 1;
    }
.main-nav > .menu-lvl1 > li  {
  flex-grow: 0;
  flex-shrink: 1;
  
}
.main-nav > ul.menu-lvl1 >li > a {
  line-height: 48px;
}

    .main-nav .advert {
        flex-shrink: 0;
    }

    .main-nav .submenu-container>.heading {
        display: block;
    }

    .main-nav .menu-lvl3,
    .main-nav .featured-image,
    .main-nav .advert,
    .main-nav p {
        display: block;
    }

    .main-nav ul {
        list-style: none;
    }
    nav.main-nav ul li {
        text-align:left;
    }
    nav.main-nav ul > li > a {
        border-bottom:none;
    }
    .main-nav a {
        display: block;
    }


    .main-nav .menu-lvl2 {

        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        text-align: left;
        /* height: 100vh; */
        min-height:410px;
    }

    .main-nav .menu-lvl2>.heading {
        display: block;
        color: var(--primary-color);
        border-bottom: 1px solid;
        text-align: left;
        margin-bottom: 12px;
        font-size: 20pt;
        padding: 16px 10px 0 0;
    }

    /* .main-nav .menu-lvl2 li {
        left: 0;
        top: 0;
    } */

    .main-nav .menu-lvl2>li>a {
        width: 250px;
        background: var(--mega-menu-bgcolor);
        color: var(--primary-color);
        border-color: transparent;
        padding: 1em 0;
    }

    .main-nav ul.menu-lvl2>li.open>a {
        background: var(--mega-menu-hover-bgcolor);
    }

    .main-nav .menu-lvl2>li>a:hover {
        background: var(--mega-menu-hover-bgcolor);
    }


    /* .main-nav .menu-lvl2>li:hover .submenu-panel {
        visibility: visible;
    } */

    .main-nav .menu-lvl2 .submenu-panel {
        position: absolute;
        top: 0;
        left: 250px;
        background: var(--mega-menu-bgcolor);
        color: #333;
        width: calc(100% - 250px);
    }

    .main-nav .menu-lvl3 .heading {

        height: 3em;
        margin-top: -14px;
        display: flex;
        flex-direction: column;
        justify-content: center;

    }

    .main-nav .menu-lvl3 {

        /* background: var(--mega-menu-bgcolor); */
        flex-grow: 0;
        width: 225px;
        padding-right: 20px;
    }

    .main-nav .submenu-container {
        flex-grow: 1;
        margin-right: 20px;
    }

    .main-nav .submenu-container>.heading {
        color: var(--primary-color);
        border-bottom: 1px solid;
        text-align: left;
        margin-bottom: 1em;
        font-size: 20pt;
    }

    .main-nav .submenu-container .submenu {
        display: flex;
    }



    .main-nav .submenu-panel {
        display: flex;

        padding: 1em;
        visibility: hidden;
        height: 100%;
    }

    nav>ul>li.has-submenu.open>ul>li:nth-child(2) .submenu-panel {
        visibility: visible;
    }
    nav>ul>li.has-submenu.open>ul>li.default-open .submenu-panel {
        visibility: visible !important;
    }

    .menu-lvl3 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .main-nav .menu-lvl3>li>a {
        padding: 0;
    }

    .main-nav .menu-lvl3>li>a {
        padding: .25em 0;
    }

    .main-nav .submenu-panel .submenu {
        align-content: center;
    }

    .main-nav .submenu-panel .submenu .featured-image {
        flex-grow: 0;
        flex-shrink: 1;
        margin: 0;
        padding: 0;
        display: block;

    }

    .advert {
        padding: 0;
        margin: 18px 0 0 0;
        width: 200px;
    }

    .advert img {
        border: 1px solid #000;
	box-sizing:content-box;
	max-width:100%;
	height:auto;
    }

    .featured-image img {
        max-width: 100%;
        height: auto;
        margin: auto;
    }


    .main-nav .menu-lvl2>li.has-submenu>a:after {
        content: '  \f284';
        font-family: "Ionicons";
    }

    .equalwidths ul.menu-lvl3 {
        width: 25%;
    }

    /* .equalwidths ul.menu-lvl3:only-child {
        width: 100%;
    }

    .equalwidths ul.menu-lvl3:nth-child(1):nth-last-child(2),
    .equalwidths ul.menu-lvl3:nth-child(2):nth-last-child(1) {
        width: 50%;
    }

    .equalwidths ul.menu-lvl3:nth-child(1):nth-last-child(3),
    .equalwidths ul.menu-lvl3:nth-child(1):nth-last-child(3)~.equalwidths ul.menu-lvl3 {
        width: 33.33333333%;
    }

    .equalwidths ul.menu-lvl3:nth-child(1):nth-last-child(4),
    .equalwidths ul.menu-lvl3:nth-child(1):nth-last-child(4)~.equalwidths ul.menu-lvl3 {
        width: 25%;
    } */


    /* .main-nav .menu-lvl3>li>a:hover,
    .menu-lvl2 li.has-submenu.open>a {
        background-color: var(--mega-menu-hover-bgcolor);
    } */

    .main-nav .menu-lvl2 li.open .submenu-panel {

        background: var(--mega-menu-bgcolor);


    }

    .menu-lvl2 li.open .submenu-panel {
        visibility: visible !important;
    }

    .menu-lvl2 li:not(.open) .submenu-panel {
        visibility: hidden !important;
    }

    .main-nav .menu-lvl3>li>a:hover {

        background: var(--mega-menu-hover-bgcolor);

    }

    /* tablet rules */
    .main-nav .advert {
        display: none;
    }
    nav.main-nav > .menu-lvl1 > li.move-right {
        flex-grow:1;
    }
    nav.main-nav > .menu-lvl1 > li.move-right a {
        float:right;
    }
.menu-slim .menu-lvl2.default-open,
.menu-slim .menu-lvl2.open {
  position: relative;
  overflow: visible;
  top:0;
  width: 100px;
  z-index: 100000;
  min-height:auto;
}
.menu-slim.submenu-container {
    max-height:unset;
}
.menu-slim.submenu-container .heading {
    display: none !important;
}
.menu-slim .menu-lvl2.default-open {
  padding:0;

}
.menu-slim .menu-lvl2.open a {
  padding: 0 .5em;
  margin: 0;
}

.menu-slim ul.menu-lvl2 li a {
  padding: 1em;
}
}