/* Responsive */

/* 
Extra small devices
Phones (<768px)

Small devices
Tablets (≥768px)

Medium devices
Desktops (≥992px)

Large devices
Desktops (≥1200px)

*/
/* Lg */
/* .visible-lg-* */
/* .hidden-lg */
@media (min-width: 1200px) { }

/* Md */
/* .visible-md-* */
/* .hidden-md */
@media (min-width: 992px) and (max-width: 1199px) { }

/* Sm */
/* .visible-sm-* */
/* .hidden-sm */
@media (min-width: 768px) and (max-width: 991px) { }

/* Xs */
/* .visible-xs-* */
/* .hidden-xs */
@media (max-width: 767px) {  }


@media (min-width: 1440px) {
	
	.sticky-navbar .logo-wrapper{
	    width: 20%;
	}

	.sticky-navbar .header-btn-wrapp{
		width: 30%;
	}

	.header-btn.left-btn{
		margin-right: 25px;
	}

}


@media (min-width: 1366px) and (max-width: 1439px) {

	.sticky-navbar .sub-header-menu{
		width: 52%;
		text-align: right;
	}

	.header-btn{
		margin: 0 5px !important;
	}

	.sticky-navbar .logo-wrapper{
	    width: 17%;
	    text-align: center;
	}

	.top-navbar .container-fluid{
		padding: 0;
	}
}

@media (min-width: 1280px) and (max-width: 1365px){

	.sticky-navbar .logo-wrapper{
		width: 24%;
	}

	.sticky-navbar .header-btn-wrapp{
		width: 26%;
	}

	.phone{
		margin-right: 0;
	}

	.left-btn-st{
		display: inline-block;
	}

	.header-btn.left-btn{
		display: none;
	}

	.header-btn.right-btn{
		display: inline-block;
	}

}


@media (min-width: 1200px) and (max-width: 1279px){


	.sticky-navbar .header-btn-wrapp{
		width: 25%;
	}
	
	.sticky-navbar .logo-wrapper{
		width: 23%;
	}

	.sub-header-menu {
	    width: 51%;
	}

	.left-btn-st{
		display: inline-block;
	}

	.header-btn.left-btn{
		display: none;
	}

	.header-btn.right-btn{
		display: inline-block;
	}

	.sticky-navbar .phone{
		margin-left: 0;
	}

}

@media (min-width: 768px) and (max-width: 1365px){
	
	.phone{ 
		margin-right: 0;
	}

}

@media (min-width: 1024px) and (max-width: 1199px){
	
	.header-btn.left-btn,
	.header-btn.right-btn,
	.dropdown.phone.dropdown-st{
		display:none;
	}

	.left-btn-st,
	.right-btn-st{
		display: inline-block;
	}

	.top-header-menu{
		padding-left: 0;
		margin-left: 0;
	}

	.top-header-menu li a{
		padding: 0px 5px;
	}

	.phone{
		margin: 0;
	}

	.logo-wrapper > .logo{
		left: auto;
	}

	.sticky-navbar .logo-wrapper{
	    width: 25%;
	}

	.sub-header-menu{
		width: 64%;
	}

	.sticky-navbar .header-btn-wrapp {
	    width: 10%;
	}

	.header-btn.right-btn-st img{
		width: 20px;
	}

	.top-navbar .container-fluid{
		padding-right: 0;
	}
}

@media (min-width: 768px) {
	
	.logo-wrapper,
	.sub-header-menu .nav.navbar-nav,
	.navbar-collapse.collapse,
	.header-btn-wrapp {
	    display: inline-block !important;
	    vertical-align: middle;
		float: none;
	}	

	.sub-header-menu .navbar-nav > li::after{
		left: auto;
		margin-left: 5px;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {  

	.sticky-navbar .header-btn img{
		width: 20px;
	}
	
	.sub-header-menu .navbar-nav > li > a{
		font-size: 12px;
	}

	.nav>li>a{
		padding: 0;
	}

	.sub-header-menu{
		width: 60%;
	}

	.sticky-navbar .header-btn-wrapp{
		width: 17%;
	}
	
	.header-btn.left-btn,
	.header-btn.right-btn,
	.dropdown.phone.dropdown-st{
		display:none;
	}

	.left-btn-st,
	.right-btn-st{
		display: inline-block;
	}

	.top-header-menu{
		padding: 0;
		margin: 10px 0;
	}

	.top-header-menu-right .left{
		display: none;
	}
	
	.logo-wrapper > .logo{
		left: 0;
		top: 0;
	}

	.sticky-navbar .logo-wrapper{
		width: 20%;
	}
}

@media (min-width: 320px) and (max-width: 767px){

	body{
		background-color: transparent;
	}


	.sticky-navbar .container-fluid{
		margin: 0;
		padding: 0;
	}

	.sticky-navbar .dropdown-menu-mobbile li a,
	.sticky-navbar .dropdown-menu-mobbile li a:focus,
	.sticky-navbar .dropdown-menu-mobbile li a:active{
		color: #424242;		
	}
		
	.sticky-navbar .dropdown-menu-mobbile{
	    background-color: #d0d0d0;
	    margin: 0 auto;
	    list-style: none;
	    text-align: center;
	    max-width: 100%;
	    padding-left: 0;
	    -webkit-transition: .7s;
    }

	.dropdown-menu-mobbile li{
		border-bottom: 1px solid #f0913a;
		padding: 10px 0;
	}
    

	#navbar{
		width: 100%;
		padding: 0;	
	}

	.sub-header-menu .navbar-nav > li{
		padding: 0;
	}

	.sub-header-menu .navbar-nav > li:nth-child(2n+1){
		background-color: #424242;
	}

	.sub-header-menu .navbar-nav > li:first-child{
		background-color: transparent;
	}

	.sub-header-menu .navbar-nav > li > a{
		
	}

	.navbar{
		background: #18191B;
	}

	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form{
		border: none;
	}

	footer .widget{
		border-right: none !important;
	} 

}




@media (min-width: 320px)  and (max-width: 629px){

	.sticky-navbar .logo-wrapper{
		width: 75%;
	    position: relative;
   		top: 0px;
	}

	.sticky-navbar .mobile-button{
		position: relative;
		top: 10px;
	}

	.header-btn.right-btn-st img{
		width: 20px;
	}
	.sticky-navbar .left-btn,
	.sticky-navbar .right-btn{
		display: none;
	}

	.toggle-button{
	    width: 100%;
    	background-color: #343434;
	}

	.toggle-button .left{
	    width: 38%;
	}

	.toggle-button .right{
		width: 60%;
	    padding: 10px 0;
	    margin: 0;
	    padding-right: 20px;
	    text-align: left;
	    background-color: #3e3d3d;
	}
	
	.toggle-button .header-btn.left-btn-st img{
		position: relative;
	    top: -2px;
	    left: -0.1px;
	}

	.header-btn.left-btn-st, .header-btn.right-btn-st{
		background-color: #1a1a1a;
	}

	.toggle-button .right .phone img{
	    position: relative;
    	top: -1px;
	}

	.toggle-button .right a{
	    color: #a6a6a6;
	}
	.sticky-navbar .left-btn-st,
	.sticky-navbar .right-btn-st,
	.toggle-button .left,
	.toggle-button .right{
		display: inline-block;
		vertical-align: middle;
	}

	.top-header-menu-wrapper .top-header-menu-left{
		text-align: center;
		width: 100%;
	}
	
	.top-header-menu-wrapper .top-header-menu-right{
		display: none;
	}
	
	.top-header-menu-wrapper .top-header-menu,
	.top-header-menu-wrapper .top-header-menu li{
		margin: 0;
		padding: 0;
	}
	
	.top-header-menu-wrapper .top-header-menu li,
	.top-header-menu-wrapper .top-header-menu li a{
		font-size: 8px;
	}
	
	.top-header-menu-wrapper .top-header-menu li a{
		padding: 0 7px;
	}
	
	body .top-navbar{
		min-height: 22px;
	}
	
	.sticky-navbar .toggle-button .header-btn{
		padding: 5px;
	}
	
	body .footer-navbar{
		min-height: initial;
	}
}


@media (min-width: 630px)  and (max-width: 720px){
	
	.sticky-navbar .logo-wrapper{
		width: 30%;
		position: relative;
    	top: 0px;
	} 

	.sticky-navbar .mobile-button{
		width: 10%;
	}

	#navbar{
		width: 100%;
		border: none;
		margin-top: 9px;
	}

	.navbar-default .navbar-toggle{
		margin-top: 12px;
	}

	.sticky-navbar .sticky-header-menu-wrapper{
		margin-top: 10px;
	}


}

@media (min-width: 721px)  and (max-width: 767px){
	

	.sticky-navbar .logo-wrapper{
		width: 35%;
	    position: relative;
	    top: -2px;
	}

	.mobile-button{
		width: 15%;
		text-align: center;
	}

	#navbar{
		width: 100%;
		border: none;
		margin-top: 10px;
	}
	
	.navbar-default .navbar-toggle{
		margin-top: 12px;
	}


}

@media (max-width: 767px) {  

	.affix .toggle-button .header-btn{
		padding: 5px; 
	}

	.top-header-menu-right .left,
	.effect{
		display: none;
	}

	.top-navbar .container-fluid{
		padding: 0; 
	}

	.top-header-menu{
		padding: 0;
		margin: 10px 0;
	}

	.right.dropdown.phone{
		margin-right: 0;
	}

	.sticky-navbar .logo-wrapper > .logo{
		top: 0;
		left: 0;
	}

	.logo-wrapper > .logo > img{
		max-height: none;
	}

	.navbar-toggle{
	    float: none;
    	margin: 0;
	}

	.navbar-header{ 
	    text-align: center;
	    border: none;
	}


	.navbar{
		min-height: 70px;
	}

	.sub-header-menu .navbar-nav{
		margin: 0;
	}

	.sub-header-menu{
		text-align: center;
	}

	.sub-header-menu .navbar-nav > li::after{
		display: none;
	}

	.navbar-header .toggle-button,
	.sticky-navbar .logo-wrapper,
	.mobile-button{
	    display: inline-block;
    	vertical-align: middle;
	}


	.toggle-button .header-btn{
		padding: 5px 12px;
	    margin-right: 0;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background: none;
	}

	.navbar-default .navbar-toggle {
	    border: none;
	    padding: 0 10px;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #f0913a;
	}

	.navbar-toggle .icon-bar {
	    display: block;
	    width: 40px;
	    height: 5px;
	    -webkit-border-radius: 10px;
	            border-radius: 10px;
	    margin-bottom: 6px;
	}
		
	.sub-header-menu .navbar-nav > li{
		margin-right: 0;
	}

}


@media (max-width: 1199px) {  

	.header-btn:active,
	.header-btn:focus{
		margin: 0 5px;
		padding: 5px;
	}

}