@media only screen and (max-width: 991px) {
    .sticky {
        position: fixed;
        top: 60px!important;
        width: 100%!important;
    }
}
.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    /*width: 1000px;*/
   /* left:0; */
    margin:0 auto;
    /*padding-left: 10%; */
    height: 46px!important;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    margin-left: auto;
    margin-right: auto;
   /* border:3px dashed blue!important; */
}
.sticky + .content {
    padding-top: 64px;
}
#menu-navigation{ background-color: #fff;
    z-index: 90;
/*border: 1px solid red; */
    width: 100%;
    margin:0 auto;




   /* margin-left: calc(-50vw + 55%); */
}
 #menu-navigation.sticky {
  /* border:1px solid green; */
 border-bottom: 1px solid #ccc;
     height: 46px!important;
 }


/****** WORKING ****/
/** here media queries */
@media only screen and (min-width: 1273px) {

    .pn-ProductNav_Wrapper {
        position: relative;
        padding: 0 11px;


        max-width: 1120px;
        /*max-width:80%;*/

        margin: 0 auto;

    }
    #menu-navigation.sticky .pn-ProductNav_Wrapper {


      /*  border: 1px solid #0a8cf0; */
        width: 1000px;
        left: -60px!important;



    }
    a#timeOutBtn {
        position: absolute !important;
        right: -9%!important;
        top: 3px !important;
       
    }
    #menu-navigation.sticky .pn-ProductNav_Wrapper {
            max-width: 1170px;
        padding-left: 70px;
        margin: 0 auto;
    }


}

@media only screen and (max-width: 1272px) {


    #menu-navigation.sticky .pn-ProductNav_Wrapper {


      /*  border: 2px solid #55f051; */
        width: 900px!important;
        left: -110px!important;



    }


}
@media only screen and (max-width: 1161px) {


    #menu-navigation.sticky .pn-ProductNav_Wrapper {


    /*    border: 2px solid #f0293a; */
        /*width: auto!important;
        max-width: 800px!important; */
        /*left: -140px!important;*/
        /*left: calc(-50vw + 50%)!important;
        right: calc(-50vw + 50%); */
        max-width: 800px!important;
        position: absolute;
left:10px!important;

    }


}
@media only screen and (max-width: 1040px) {


    #menu-navigation.sticky .pn-ProductNav_Wrapper {

      /*  border: 2px solid #69ff4e; */
        /*width: auto!important;*/
        width: 720px!important;
        /*left: -90px!important; */
        position: absolute;
        left:10px;
       /* left: calc(-50vw + 50%)!important;
        right: calc(-50vw + 50%); */


    }


}

@media only screen and (max-width: 990px) {
#menu-navigation.sticky .pn-ProductNav_Wrapper {


   /* border: 1px solid #0a8cf0; */
    width: 100%!important;
   max-width: 100%!important;
    position: absolute;
    left:0px!important;


}
div#pnProductNavContents a {
    font-size: 11px;
}
a#timeOutBtn {
    position: absolute;
    right: 3%;
    top: 3px;
    z-index: 101;
    padding: 10px;
}
}

.pn-ProductNav_Wrapper {
    position: relative;
    padding: 0 11px;

/*
    -moz-box-shadow: 0 1px 0 0 rgba(77,77,77,0.26);
    -webkit-box-shadow: 0 1px 0 0 rgba(77,77,77,0.26);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
*/
    max-width: 1120px;
    /*max-width:80%;*/

    margin: 0 auto;

}

.pn-ProductNav {
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* If JS present, let's hide the default scrollbar */
    /* positioning context for advancers */
    position: relative;



}
.js .pn-ProductNav {
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* Remove the default scrollbar for WebKit implementations */
}
.js .pn-ProductNav::-webkit-scrollbar {
    display: none;
}

.pn-ProductNav_Contents {
    float: left; /*here #todo */
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;

}

.pn-ProductNav_Contents-no-transition {
    transition: none;
}

.pn-ProductNav_Link {
    text-decoration: none;
    color: #4d4d4d;
    font-size: 1.1em;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    /* border-bottom: 2px solid #ccc; */
    text-transform: uppercase;
}
.pn-ProductNav_Link + .pn-ProductNav_Link {

    padding-left: 10px;
    padding-right: 10px;
    margin-left: -4px;

}
.pn-ProductNav_Link[aria-selected="true"] {
    color: #111;
    border-bottom: 4px solid  #ec6707;
}

.pn-Advancer {
    /* Reset the button */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    /* Now style it as needed */
    position: absolute;
    top: 0;
    bottom: 0;
    /* Set the buttons invisible by default */
    opacity: 0;
    transition: opacity .3s;
}
.pn-Advancer:focus {
    outline: 0;
}
.pn-Advancer:hover {
    cursor: pointer;
}

.pn-Advancer_Left {
    left: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
    opacity: 1;
}

.pn-Advancer_Right {
    right: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
    opacity: 1;
}

.pn-Advancer_Icon {
    width: 20px;
    height: 44px;
    fill: #ec6707;
}