/* max-width: 990px */
@media (max-width: 1200px){
	html{
		margin: 0 2px;
		border: none;
	}
	.nav > li > a {
  		padding: 15px 10px !important; 
  		word-wrap: normal;
	}
	.rus-headline a, .rus-headline a:hover{
		font-size:2em;
	}
	.rus-slogan{
		font-size:1em;
		text-align: center;
	}
	.rus-phone, .rus-phone a{
  		margin: 1.1em auto;
  		font-size: 1.4em;
	}
	.rus-mail, .rus-mail a{
  		margin-top: 1.6em;
  		font-size: 1.2em;
	}				
}
/* max-width: 990px */
@media (max-width: 990px){
	.nav > li > a {
  		padding: 15px 10px !important; 
	}	
	.navbar-form {
		padding: 0;
	}
	#back-to-top{
		padding: 16px 16px;
		border-radius: 50%;
		background-color: rgba(41,176,255,0.5);
		border-color:#29B0FF;
	} 
	.rus-headline a, .rus-headline a:hover{
		font-size:1.5em;
		text-align: center;
	}
	.rus-slogan{
		font-size:0.8em;
		text-align: center;
	}
	.rus-phone, .rus-phone a{
  		margin: 1em auto;
  		font-size: 1.3em;
	}
	.rus-mail, .rus-mail a{
  		margin-top: 1.3em;
  		margin-right: 3%;
  		font-size: 1.2em;
	}
	.buttons .btn{
		margin-bottom: 10px;
		width: 50%;
		padding: 10px 25px;
		font-size: 1.6rem;
	}
	.buttons .btn-info{
		color: #FFF !important;
	}
	.buttons .btn-info:hover, .buttons .btn-default:hover{
		color: #000 !important;
	}
	.param ul li{
		font-size: 1.8rem;
	}
	.table>tbody>tr>td{
		border-bottom: 2px solid #337AB7;
	}
	#right-sidebar.col-good{
		margin-top: 5px;
	}
	#right-sidebar.col-good h3{
		text-align: center;
		font-size: 1.8rem;
	}	
	#right-sidebar.col-good .ul-brand li {
		float: left;
		margin: 0 5px 5px;
		font-size: 1.6rem;
	}
	#right-sidebar.col-good ul > li > a {
		font-size: 1.6em;
	}									
}

/* min-width: 768px */
@media (min-width: 769px) {
	.navbar-collapse.collapse {
   	display: inline-block !important;
   }
}

/* max-width: 767px */
@media (max-width: 768px) {
	html{
		margin: 0;
		border: none;
	}
	.navbar-static-top {
  		margin-bottom:20px;
  		height: 50px;
	}	
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    	margin-right: 0;
    	margin-left: 0;
	}
	.navbar-nav{
		background-color: #DBDBDB;
		border-bottom: 3px solid #337AB7;
		margin: 0 -15px 7.5px;
	}	
	#back-to-top{
		padding: 16px 16px;
		border-radius: 50%;
		background-color: rgba(41,176,255,0.5);
		border-color:#29B0FF;
	} 
	#top-nav{
		position: relative;
	}
	#top-nav .nav > li > a{
		font-size: 2rem;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    	background-color: #337AB7;
	}
	.navbar-inverse .navbar-toggle {
    	border-color: #337AB7;
	}	
	.navbar-form {
    	border-top: none;
    	border-bottom: none;
    	box-shadow: none;
    	position:absolute;
    	padding: 0;
    	top: 1px;
    	left: 25px;  
    }	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #fff;
	}    
	.form-control, .btn-search {
    	height: 36px;
	}
	.form-group{
		display: flex;
	}	
	.btn-search {
    	height: 36px;
    	padding: 6px 10px;
    	border-radius: 0 4px 4px 0;
    	border-left: none;
    	float: left;
    	color: #29B0FF;
	}	
	.rus-headline a, .rus-headline a:hover{
		font-size:1.5em;
		text-align: center;
		margin-left:0;
	}
	.rus-slogan{
		text-align: center;
		margin-left: 3%;
	}
	.rus-phone, .rus-phone a{
  		margin: 0.5em auto;
  		font-size: 1.2em;
	}
	.rus-mail, .rus-mail a {
  		margin: 0.5em auto;
  		font-size: 1.2em;	
	}
	.rus-wsp, .rus-wsp a {
  		margin: 0.5em auto;
  		font-size: 1.2em;	
	}	
	.flex-container {
	 	min-height: 1px;
	}	
	#left-sidebar{
		order: 4;
      padding-top: 0;
      padding-right: 0;		
	}	
	#left-sidebar2{
		order: 2;
      padding-top: 0;
      padding-right: 0;		
	}		
	#content{
		order: 1;
	}
	.breadcrumb, .breadcrumb a{
    	font-size: 18px;	
	}	
	#right-sidebar{
		order: 3;
	}	
	#right-sidebar .ul-brand li {
    	float: left;
    	margin: 5px 0;
    	font-size: 1.6em;
    	width: 49%;
	}
	#right-sidebar .ul-brand a	{
    	font-size: 1.6rem;		
	}
	#right-sidebar ul > li > a {
    	font-size: 1.6em;
	}
	#right-sidebar .ul-filter h6{
    	font-size: 1.6em;
	}
	#right-sidebar .ul-filter a {
    	font-size: 1.6em !important;
	}
	
	#left-sidebar #left-menu{
		/*display: flex;
		justify-content: space-around;*/
	} 
	#left-menu > li{
		float: none;
		width: 100%;
		text-align: center;
	}	
	#left-menu > li:first-child{
		margin-top:2px;
	}	 
	#left-menu > li > a {
		padding: 15px 0 !important;
	}
	#left-sidebar2 #left-menu > li{
		text-align: left;
		background: #DBDBDB;
	}		
	#left-sidebar2 #left-menu > li > a {
		font-size: 2.4rem;
		padding-left: 20px !important;
	}	
	#left-sidebar2 #left-menu{
		border-bottom: 2px solid #337AB7;
	}
	#left-sidebar2 #left-menu ul > li {
    	font-size: 2.4rem;
	}
	#left-sidebar2 #left-menu ul ul{
		list-style: disc;
	}
	#left-sidebar2 #left-menu ul ul li{
		vertical-align: bottom;
	}
	.table>tbody>tr>td{
		border-bottom: 2px solid #337AB7;
	}
	tr.bars a{
		font-size: 2rem; 
	}
	.buttons .btn{
		margin-bottom: 10px;
		width: 50%;
		padding: 10px 25px;
		font-size: 1.6rem;
	}
	#myOrder .btn{
		margin-bottom: 10px;
		width: 49%;
		padding: 10px 25px;
		font-size: 1.6rem;
	}	
	.buttons .btn-info{
		color: #FFF !important;
	}
	.buttons .btn-info:hover, .buttons .btn-default:hover{
		color: #000 !important;
	}
	.param ul li{
		font-size: 1.8rem;
	}
	#content{
		font-size: 1.5rem;
	}									 
	label{
		width: 100%;
	}
}
/* max-width: 479px */
@media (max-width: 479px) {
	.rus-left, .rus-right{
  		width: 100% !important;		
	}	
	.rus-phone{
  		text-align: center;
	}
	.rus-mail a {
  		margin: 0 auto;
  		text-align: center;
	}
	.rus-mail {
  		margin: 0 auto 0.5em auto;
	}	
	.rus-wsp a{
		text-align: center;
  		margin-right: 0;
	}
	.rus-wsp {
  		margin: 0 auto 0.5em auto;
	}
}