@charset "utf-8";
/* CSS Document */




@media (max-width: 767px) {

.col-sm-align-bottom,
.col-sm-align-middle{
display:block;
}

.col-sm-align-bottom *[class*='col-sm-'],
.col-sm-align-middle *[class*='col-sm-']{
display:block;
float:left;
width:100%;
}


h1{
font-size:30px;
}

h2{
font-size:28px;
}

h3{
font-size:25px;
}

h4{
font-size:22px;
}

h5{
font-size:18px;
}

h6{
font-size:15px;
}


/**
 * Header Styling
**/



.header-phone img,
.header-account-login img{
display:none;
}

.header-phone,
.header-account-login{
font-size:13px;
}


.header-logo{
max-width:200px;
width:100%;
}



.mobile-menu-open{
text-align:right;
font-weight:700;
font-size:18px;
text-transform:uppercase;
cursor:pointer;
display:block;
}

.mobile-menu-open .fa{
font-size:22px;
color:#E0C350;
}

.header-nav-container{
position:fixed;
top:0;
left:0;
z-index:10000000;
width:100%;
height:100vh;
overflow-y:scroll;
background:#424242;
color:#ffffff;
transition:all .2s;
-webkit-transition:all .2s;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform-origin:top center;
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
}

.mobile-menu-active .header-nav-container{
transform:scaleY(1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
}

.mobile-menu-close{
display:block;
width:100%;
background:#E0C350;
color:#ffffff;
font-size:20px;
text-transform:uppercase;
font-weight:700;
text-align:center;
padding:20px;
cursor:pointer;
}

.header-nav>ul{
text-align:left;
}

.header-nav>ul>li{
display:block;
width:auto;
margin:0;
}

.header-nav>ul>li>a,
.header-nav>ul>li>ul>li>a,
.header-nav>ul>li>ul>li>ul>li>a{
color:#ffffff;
}

.header-nav>ul>li>a{
display:block;
border-bottom:1px solid rgba(0,0,0,.3);
padding:20px;
}

.header-nav>ul>li>ul{
position:relative;
width:100%;
height:auto;
transform:none;
-webkit-transform:none;
-ms-transform:none;
box-shadow:none;
right:0;
left:0;
}

.header-nav>ul>li>ul:before{
display:none;
}

.header-nav>ul>li>ul>li{
padding:0;
margin:0;
}

.header-nav>ul>li>ul>li>a{
padding:20px;
padding-left:40px;
display:block;
width:100%;
font-size:15px;
}

.header-nav>ul>li>ul>li:hover>a{
background:transparent;
color:#E0C350;
}

.header-nav>ul>li>ul>li>ul>li>a{
padding:20px;
padding-left:60px;
}


}