/* your CSS here */

.header-bg .header-inner {
    background-image: url("../../images/nav-bg.jpg");
    background-repeat: repeat-x;
    background-position: top center;
	background-color: #9E9E9E;
}
.navbar-nav li span a.m-active { color:#996B35; }

i.fa.fa-caret-right {
    padding-right: 10px;
}
.address-reservation {
    display: block;
    float: left;
    width: 25%;
}
.address-reservation .c-button {
    color: #fff;
    background-color: #996B35;
    background-image: none;
    font-size: 14px;
    padding: 12px 22px;
}
.address-bar {
    background: #9E9E9E;
    padding: 15px 0px;
}
.address-bar-contact{
    float: left;
    width: 75%;
    font-size: 14px;
}

.address-bar-contact ul {
    float: left;
    margin-left: 0%;
    margin-bottom: 0;
    width: 30.3%;
}
.address-bar-contact ul li {
    list-style: none;
    list-style-type: none;
    color: #fff;
}
.address-bar-contact ul li a{
 color: #fff;
}

.address-bar-contact ul li i.ico.fa.fa-clock-o {
    float: left;
    width: 20px;
    height: 92px;
    padding-top: 5px;
}
.address-bar-contact ul li dt {
    float: left;
    width: 43%;
}
.address-bar-contact ul li dd {
    float: left;
    width: 50%;
}
.address-bar-contact ul li dd, .address-bar-contact ul li dt{
   line-height: 20px;
}
#core.core-bg-hair {
    background: url("../../images/hair-extenstion.jpg") right 0 no-repeat;
}

#core.core-bg-services{
    background: url("../../images/hair_services.jpg") right 0 no-repeat;
}
.various-content .c-gallery h2 {
    margin-bottom: 5px;
}
.address-bar-contact ul.s-first { width: 29%; }
.address-bar-contact ul.s-last { width: 26%; }

.address-bar-contact ul.last { width: 45%; }

#bottom-panel h3,
#bottom-panel a{ color:#996B35;}
#bottom-panel .c-button{background-color: #996B35;}
/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */
.address-bar { padding: 20px 0px 0px;}
.address-reservation {width: 100%; text-align: center; margin-bottom: 20px; }
.address-bar-contact {float: left; width: 100%; }
.address-bar-contact ul { float: left; margin-left: 0%;  margin-bottom: 20px;  width: 31%; }
.address-bar-contact ul.s-first {
    width: 37%;
}
.address-bar-contact ul.s-last {
    width: 33%;
}
.address-bar-contact ul.last {
    width: 30%;
}

.address-bar-contact ul li dt, .address-bar-contact ul li dd {
    width: 89%;
    margin-bottom: 5px;
}

.address-bar-contact ul li dd {
    margin-bottom: 5px;
}
.address-bar-contact ul li i.ico.fa.fa-clock-o {    height: 192px;}
	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */
.address-bar-contact {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.address-bar-contact ul li dt, .address-bar-contact ul li dd {
    float: left;
    text-align: left;
}
.address-bar-contact ul li dt{
    width: 80px;
}
.address-bar-contact ul li dd {
    width: 95px;
}
.address-bar-contact ul.last {
    width: 196px;
    float: none;
    margin: auto;
}
.address-bar-contact ul {
    float: left;
    margin-left: 0%;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
.address-bar-contact ul.s-first, .address-bar-contact ul.s-last {
    width: 100%;
}


	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}