/****************************
    Top bar menu
****************************/

#sp-header {
    background: #2c2f36 none repeat scroll 0 0;
}

@media screen and (min-width:992px){
header#sp-header {
    padding: 0 50px;
}
.logo img{    padding-right: 50px;}
}


.logo:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    z-index: -1;
    right: -90px;
    width: 1000%;
    transform: skew(30deg);
}

.logo:after {
    background-color: #f00;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    z-index: -2;
    right: -100px;
    width: 1000%;
    transform: skew(30deg);
}

.sp-megamenu-parent >li>a {
    color: #fff;
}


@media screen and (min-width:1300px){
.logo img {
    max-width: 450px;
  }}



@media screen and (min-width:1200px) and (max-width:1300px){
.logo:before {right: 10px;}
.logo:after {right: -1px;}
}
@media screen and (min-width:1000px) and (max-width:1100px){
.logo:before {right: 10px;}
.logo:after {right: -1px;}
.logo img {margin-left: -40px;}
}