@media only screen and (max-width: 767px) {
    .navigation .megamenu {display: none;}
    .navigation #dm {display: block;}
}
@media only screen and (min-width: 768px) {
	.navigation .megamenu {display: block;}
    .navigation #dm {display: none;}

    .megamenu li.level0.mega {position: static;}
	.megamenu li.level0 a.level-top + .megamenu-wrapper
	{
        display: none;
        position: absolute;
        left: 0;
        top: 45px;
        background: #f2f2f2;
        z-index: 999;
        border: 1px solid #ccc;
        padding: 15px 15px 0px;
        min-width: 230px
    }
	.megamenu li.level0 a.level-top + .megamenu-wrapper.width_standard {width: 100%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_20 {width: 20%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_30 {width: 30%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_40 {width: 40%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_50 {width: 50%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_60 {width: 60%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_70 {width: 70%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_80 {width: 80%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_90 {width: 90%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper.width_100 {width: 100%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .megamenu-block
	{ margin-bottom: 20px; display: inline-block; vertical-align: top;}
	.megamenu li.level0 a.level-top + .megamenu-wrapper .topblock {width: 100%}
	.megamenu li.level0 a.level-top + .megamenu-wrapper .bottomblock {width: 100%}

    .megamenu .cat-label {
        color: #fff;
        font-size: 10px;
        font-weight: normal;
        padding: 0 5px;
        text-transform: none;
        vertical-align: middle;
        line-height: 16px;
        text-transform: uppercase;
        position: absolute;
        right: 20px;
        top: -20px;
    }
    .megamenu .active .cat-label {top: -5px }
    .megamenu .cat-label:before {
        border-color: transparent;
        border-style: solid;
        border-width: 4px;
        content: "";
        height: 0;
        position: absolute;
        right: 6px;
        top: 16px;
        width: 0;
    }
    .megamenu li.level0.mega > a::after,
    .megamenu li.level0.mega.parent ul.level1 > li.parent > a > span:not(.ui-icon):after
    {
        color: inherit;
        content: '\e622';
        display: inline-block;
        font-family: "icons-blank-theme";
        font-size: 30px;
        font-weight: normal;
        line-height: 12px;
        margin: 0 0 0 5px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }

	/*----------------------------LEFT----------------------------*/
    .megamenu .leftblock {margin: 0 2% 2% 0;}
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock .level0.submenu
    {display: block !important; position: relative !important; box-shadow: none;max-width: 1500px;margin:0 auto !important;}
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_60 .level0.submenu{
        max-width: 724px;
        margin: 0 0 0 auto !important;
    }
    .megamenu .leftblock ul.level1 li {margin-bottom: 0px}
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_standard {width: 20%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_20 {width: 20%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_30 {width: 30%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_40 {width: 40%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_50 {width: 50%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_60 {width: 60%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_70 {width: 70%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_80 {width: 80%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_90 {width: 90%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_100 {width: 100%; }
    /*----------------------------RIGHT----------------------------*/
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_standard {width: 78%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_20 {width: 18%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_30 {width: 28%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_40 {width: 38%; max-width: 300px; text-align: right;}
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_50 {width: 48%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_60 {width: 58%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_70 {width: 68%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_80 {width: 78%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_90 {width: 88%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .rightblock.width_100 {width: 100%; }
    /*----------------------------LEFT_DYNAMIC RIGHT_STANDARD COMBINED----------------------------*/
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_30
    + .rightblock.width_standard {width: 68%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_40
    + .rightblock.width_standard {width: 58%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_50
    + .rightblock.width_standard {width: 48%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_60
    + .rightblock.width_standard {width: 38%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_70
    + .rightblock.width_standard {width: 28%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_80
    + .rightblock.width_standard {width: 18%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_90
    + .rightblock.width_standard {width: 8%; }
    .megamenu li.level0 a.level-top + .megamenu-wrapper .leftblock.width_100
    + .rightblock.width_standard {width: 100%; }    

	.megamenu li.level0 a.level-top.ui-state-focus + .megamenu-wrapper {display: block !important;}
	.megamenu li.level0 a.level-top.ui-state-active + .megamenu-wrapper {display: block !important;}
    .megamenu .megamenu-block > p {margin-bottom: 0; }
    .megamenu li.level0 a.level-top.ui-state-focus,
    .megamenu li.level0 a.level-top.ui-state-active {color: #000}

	/*sub categories expanded*/
    .megamenu .leftblock.sub_expanded ul.level0 > li.parent > a
    {color: #000; text-align: left; min-width: 100px; padding-bottom: 5px; border-bottom: 1px solid #000;}
	.megamenu .leftblock.sub_expanded ul.level0 > li
	{display: inline-block; vertical-align: top; float: none; margin: 0 1% 1% 0}
    .megamenu .leftblock.sub_expanded > ul {border: none; box-shadow: none}
    .megamenu .leftblock.sub_expanded ul.level1
    {z-index: auto; display: block !important; left: 0 !important; position: relative; min-width: 200px}
	.megamenu .leftblock.sub_expanded ul.level2 {z-index: 2}
    .megamenu .leftblock.sub_expanded li.level2 a:before
    {content: '\e619'; font-family: "icons-blank-theme"; font-size: 20px; font-weight: normal; position:relative;top:3px; color: silver; }
    
    /*sub categories expanded with image*/
    .megamenu .leftblock.sub_expanded_with_image ul.level1 {width: 90%}
    .megamenu .leftblock.sub_expanded_with_image ul.level1 > li
    {display: inline-block; vertical-align: top; min-width: 145px}
    .megamenu .leftblock.sub_expanded_with_image ul.level0 li.level1 {display: flex;}
    .megamenu .leftblock.sub_expanded_with_image ul.level0 li.level1 a img
    {border: 1px solid #ccc; border-radius: 5px; display: table; height: 100px; width: 100px; margin: 10px 0px;}

    /*sub categories menu*/
    .megamenu .leftblock.sub_menu > ul > li > a {padding: 10px 20px; }
    .megamenu .leftblock.sub_menu > ul > li {border-bottom: 1px solid #ccc; margin: 0; }
    .megamenu .leftblock.sub_menu > ul > li:last-child {border-bottom: none;}
    .megamenu .leftblock.sub_menu > ul > li.parent > a > span.ui-icon:after
    {content: '\e619'; line-height: 20px; float: right; font-family: "icons-blank-theme"; font-size: 20px;}
    .navigation .megamenu .level0 .submenu {z-index: 9}

    /* latest overrides */
    .navigation .level0 .submenu{
        background: #f2f2f2;
    }
    .navigation .level0 .submenu{
        border: none;
        box-shadow: none;
    }
}