/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

header .header-inner
{
padding-left:70px;
padding-right:70px;
}
.header-left .logo
{
max-width:300px;
}
.header-left .logo img
{
width:100%;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

}
@media only screen and (min-width: 768px) and (max-width : 991px) {
header .signin-btn
{
top:4px;
}
.header-left .logo img
{
width:93%;
}
header .header-inner
{
padding-left: 40px;
padding-right: 40px;
}
	header .menu li {
		padding: 0 4px;
	}
	header .navbar-nav>li>a {
		padding-right: 5px;
		padding-left: 5px;
		font-size:12px;
	}
	header
	{
	height: 85px;
	}
	html body
	{
	padding-top:85px !important;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.header-inner
{
padding-left:20px!important;
padding-right:20px!important;
}
.mob-menu.open {
  z-index: 100;
}
.signin-btn
{
position: absolute;
right: 50px;
top: 10px;
}	 

	
header .menu>li {

    border-bottom: 1px solid #777272!important;
    }
.header-right .component-header-signin {
    padding-right: 15px;
    }

.submenu-active ul.sub-menu{
	right:0;
}
.header-middle nav {
    position: relative;
    height: 100%;
}
ul.sub-menu {
 
     height: calc(100% - 8px);
    position: absolute;
    background: #272626;
    z-index: 9;
    padding: 5px 15px;
    list-style: none;
    margin: 0;
    transition: all 0.5s ease;
    top: 0;
    left: auto;
    right: -100%;
    display: block;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
   width: calc(100% - 30px);
    }
.back-to-menu span {
    border: 1px solid #797171;
    font-size: 0.625rem;
    padding: 2px 5px;
    float: left;
    
	}

li.back-to-menu {
    float: left;
    width: 100%;
     margin-bottom: 10px;
    }
li.menu-main-link a {
    font-size: 0.875rem!important;
}
   .sub-menu  li.menu-main-link {
    float: left;
    width: 100%;
	}
span.submenu-nav {
    color: #fff;
    font-size: 0.75rem;
    padding: 10px 0;
    font-weight: 500;
    background:url("img/Arrow_Right.png") no-repeat right center transparent;
   
    }
header .search-input {
       background: url(img/search.png) no-repeat 95% center #fff;
    border-radius: 22px;
	outline: none;
}
header .sub-menu  li a {
    color: #fff;
    border-bottom: 1px solid #797171!important;
        padding-top: 10px;
    padding-bottom: 15px;
    font-size: 0.75rem;
    padding: 10px 0;
    font-weight: 500;
    position: relative;
    float: left;
    width: 100%;
	}
header .sub-menu  li:first-child a{
    font-size:14px;
	}
header .sub-menu  li:last-child a {

    border-bottom: 0 solid #3c3c3c!important;
	}
.menu-wrap {
    padding-top: 0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

   
}