@media (min-width: 768px) {
}

@media (min-width: 992px) {

    header {
        z-index: 10;
    }

    #c7n-navigation {
        z-index: 5;
    }

    #clx-dropdown-navigation ul {
        z-index: -2;
    }

    #clx-dropdown-navigation li.level-1 > ul {
        position: absolute;
        display: block;
        height: auto;
        padding: 0;
        width: 250px;
        top: -200px;
        left: 0px;
        opacity: 0;
        /*transition: all 0.5s;*/
        /*-webkit-transition: all 0.5s;*/
        transition: opacity 0.6s;
        -webkit-transition: opacity 0.6s;
    }


    #clx-dropdown-navigation li.level-1:hover > ul,
    #clx-dropdown-navigation li.level-1:focus > ul {
        display: block;
        top: 52px;
        opacity: 1;
    }

    #clx-dropdown-navigation ul li.level-2 {
        display: inline-block;
        width: 100%;
        /* text-align: center; TODO: JB: cant align it correctly */
    }

    #clx-dropdown-navigation ul li.level-2 a{
        padding-top: 8px;
        padding-bottom: 8px;
        height: auto;
        text-align: left;
    }


    #c7n-submenu-bg {
        top: 52px;
        width: 100%;
        height: 0px;
        position: absolute;
        background: black;
        transition: opacity 0.7s;
        -webkit-transition: opacity 0.7s;
        opacity: 0;
        /*opacity: 0.7;*/
        /*transition: height 0.3s;*/
        /*-webkit-transition: height 0.3s;*/
    }





    /*#clx-dropdown-navigation {*/
        /*display: inline-block;*/
        /*width: 100%;*/
    /*}*/

    /*#clx-dropdown-navigation ul {*/
        /*list-style: none;*/
        /*padding: 0;*/
        /*margin: 0;   */
        /*height: auto;*/
        /*width: auto;  */
    /*}*/

    /*#clx-dropdown-navigation li.level-1 {*/
        /*width:18%;*/
    /*}*/

    /*#clx-dropdown-navigation ul li.level-1:first-child {*/
        /*width: 14%;*/
        /*float: left;*/
    /*}*/

    /*#clx-dropdown-navigation ul li.level-1:first-child a {*/
        /*text-align: left;*/
    /*}*/

    /*#clx-dropdown-navigation ul li.level-1:last-child {*/
        /*width: 14%;*/
        /*float: right;*/
    /*}*/

    /*#clx-dropdown-navigation ul li.level-1:last-child a {*/
        /*text-align: right;*/
    /*}*/


    /*#clx-dropdown-navigation ul li {*/
        /*position: relative;*/
        /*display: inline-block;*/
    /*}*/
     /**/
    /*#clx-dropdown-navigation ul li a {*/
        /*display: block;*/
        /*color: #ffffff;*/
        /*text-decoration: none;*/
        /*!**/
        /*redesign fiz TODO: JB: check*/
        /*padding: 10px;*/
        /*border: 1px solid #000000;*/
        /**!*/
    /*}*/
                          /**/
    /*#clx-dropdown-navigation ul li.level-1:focus > a,*/
    /*#clx-dropdown-navigation ul li.level-1:active > a,*/
    /*#clx-dropdown-navigation ul li.level-1.active > a,*/
    /*#clx-dropdown-navigation ul li.level-1.starter_active > a {*/
        /*color: #e2335c;*/
    /*}*/



    /*#clx-dropdown-navigation ul li.level-1 li a:hover,*/
    /*#clx-dropdown-navigation ul li.level-1 li a:focus,*/
    /*#clx-dropdown-navigation ul li.level-1 li a:active,*/
    /*#clx-dropdown-navigation ul li.level-1 li a.active,*/
    /*#clx-dropdown-navigation ul li.level-1 li a.starter_active,*/
    /*#clx-dropdown-navigation ul li.level-2:hover > a,*/
    /*#clx-dropdown-navigation ul li.level-2:focus > a,*/
    /*#clx-dropdown-navigation ul li.level-2:active > a,*/
    /*#clx-dropdown-navigation ul li.level-2.active > a,*/
    /*#clx-dropdown-navigation ul li.level-2.starter_active > a {*/

    /*}*/

    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*display: none;*/
        /*position: absolute;*/
        /*height: auto;*/
        /*left: 0;                              */
        /*padding: 0; */
        /*background-color: #000000;*/
        /*width: 200px;              */
    /*}*/

    /*#clx-dropdown-navigation li.level-1 > ul li {*/
        /*display: block;*/
    /*}*/



    /*#clx-dropdown-navigation li.level-2 > ul {*/
        /*display: none;*/
        /*position: absolute;*/
        /*height: auto;*/
        /*top: 0;   */
        /*background-color: #000000;*/
        /*padding: 0;    */
        /*left: 200px;    */
        /*width: 200px;                          */
    /*}*/

    /*#clx-dropdown-navigation li.level-2 > ul li {*/
        /*display: block;*/
    /*}*/

    /*#clx-dropdown-navigation li.level-2:hover > ul,*/
    /*#clx-dropdown-navigation li.level-2:focus > ul {*/
        /*display: block;*/
    /*}*/

    /*#clx-dropdown-navigation ul li.level-2 li a:hover,*/
    /*#clx-dropdown-navigation ul li.level-2 li a:focus,*/
    /*#clx-dropdown-navigation ul li.level-2 li a:active,*/
    /*#clx-dropdown-navigation ul li.level-2 li a.active,*/
    /*#clx-dropdown-navigation ul li.level-2 li a.starter_active,*/
    /*#clx-dropdown-navigation ul li.level-3:hover > a,*/
    /*#clx-dropdown-navigation ul li.level-3:focus > a,*/
    /*#clx-dropdown-navigation ul li.level-3:active > a,*/
    /*#clx-dropdown-navigation ul li.level-3.active > a,*/
    /*#clx-dropdown-navigation ul li.level-3.starter_active > a,*/
    /*#clx-dropdown-navigation ul li.level-3 li a:hover,*/
    /*#clx-dropdown-navigation ul li.level-3 li a:focus,*/
    /*#clx-dropdown-navigation ul li.level-3 li a:active,*/
    /*#clx-dropdown-navigation ul li.level-3 li a.active,*/
    /*#clx-dropdown-navigation ul li.level-3 li a.starter_active {*/
         /*color: #e2335c;*/
    /*}*/

    /*ul.nav {*/
        /*width:100%;*/
        /*margin:0 auto;*/
        /*padding:0;*/
        /*list-style:none;*/
        /*text-align:center;*/
    /*}*/


    /*.nav li {*/
        /*display:inline-block;*/
        /*margin:0;*/
        /*padding:0;*/
    /*}*/

    /*.nav a {*/
        /*text-align:center;*/
        /*padding:16px 0 15px 0;*/
        /*margin:0;*/
        /*display:block;*/
    /*}*/

    /*#clx-dropdown-navigation ul li.level-1:hover > a {*/
        /*font-weight: bold;*/
    /*}*/

}



/*@media (min-width: 1200px) {*/
/*}*/


/*@media (min-width: 992px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 27%);*/
    /*}*/
/*}*/

/*@media (min-width: 1090px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 32%);*/
    /*}*/
/*}*/

/*@media (min-width: 1150px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 32%);*/
    /*}*/
/*}*/

/*@media (min-width: 1150px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 32%);*/
    /*}*/
/*}*/

/*@media (min-width: 1200px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 19%);*/
    /*}*/
/*}*/

/*@media (min-width: 1290px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 23%);*/
    /*}*/
/*}*/

/*@media (min-width: 1350px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 28%);*/
    /*}*/
/*}*/

/*@media (min-width: 1400px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 32%);*/
    /*}*/
/*}*/

/*@media (min-width: 1450px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 34%);*/
    /*}*/
/*}*/

/*@media (min-width: 1500px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 37%);*/
    /*}*/
/*}*/

/*@media (min-width: 1550px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 39%);*/
    /*}*/
/*}*/

/*@media (min-width: 1600px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 39%);*/
    /*}*/
/*}*/

/*@media (min-width: 1650px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: calc(0px - 44%);*/
    /*}*/
/*}*/

/*@media (min-width: 1700px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -43%;*/
    /*}*/
/*}*/

/*@media (min-width: 1750px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -45%;*/
    /*}*/
/*}*/

/*@media (min-width: 1800px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -44%;*/
    /*}*/
/*}*/

/*@media (min-width: 1850px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -43%;*/
    /*}*/
/*}*/

/*@media (min-width: 1900px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -41%;*/
    /*}*/
/*}*/

/*@media (min-width: 2000px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -39%;*/
    /*}*/
/*}*/

/*@media (min-width: 2100px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -37%;*/
    /*}*/
/*}*/

/*@media (min-width: 2200px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -35%;*/
    /*}*/
/*}*/

/*@media (min-width: 2300px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -33%;*/
    /*}*/
/*}*/

/*@media (min-width: 2400px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -31%;*/
    /*}*/
/*}*/

/*@media (min-width: 2500px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -30%;*/
    /*}*/
/*}*/

/*@media (min-width: 2800px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -27%;*/
    /*}*/
/*}*/

/*@media (min-width: 3000px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -25%;*/
    /*}*/
/*}*/

/*@media (min-width: 3600px) {*/
    /*#clx-dropdown-navigation li.level-1 > ul {*/
        /*left: -21%;*/
    /*}*/
/*}*/