*, *:before, *:after {
    box-sizing: inherit;
}
.cf:before, .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
 .cf {
    *zoom: 1;
}
/*---------Authar Style----------*/
 .smobitrigger, .mnuclose {
    display: none;
}
header {
    background: #441B0A;
}
.logo {
    float: left;
}
.navigation {
    float: right;
	margin-right: 10px;
}
.navigation nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.navigation nav ul li {
    display: inline-block;
}
.navigation nav ul li a {
    color: #7F7F7F;
    display: inline-block;
    text-decoration: none;
    padding-left: 40px;;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.navigation nav ul li a:hover {
    color: #E61B26;
}

	
@media all and (max-width : 768px) {
    .smobitrigger, .mnuclose {
        display: inline-block;
    }
    .smobitrigger {
        color: #575757;
        font-size: 35px;
		line-height: 100%;
		padding-top: 7px;
    }
    .mnuclose {
        font-size: 20px;
        padding: 5px 40px;
        width: 100%;
        background: rgba(0, 0, 0, 0.18);
		text-align:left;
    }
    .smobitrigger span, .mnuclose span {
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        -moz-text-shadow: none;
        -webkit-text-shadow: none;
    }
    .navigation nav ul {
        padding-bottom: 40px;
        overflow-y: auto;
    }
    .navigation nav ul li, .navigation nav ul li a {
        width: 100%;
    }
    .navigation nav ul li a {
        padding-top: 11px;
        padding-bottom: 11px;
		text-align:left;
    }
    .navigation nav ul li a:hover {
        background: rgba(0, 0, 0, 0.29);
    }
    .mobimenu {
        list-style: none;
        padding: 20px;
        margin: 0px;
        width: 210px;
        position: fixed;
        height: 100%;
        top: 0px;
        right: -250px;
    }
    .mnuopn {
        right: 0px;
    }
    .ovrActv {
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        width: 100%;
        height: 100%;
        z-index: 9998;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }
}