/* Small to Wide and larger */

@media (max-width: 319px) {

 .wrapper { width:300px;}

}


@media (max-width: 449px) {

  .container {width: 300px;}

 .hidden-mb {
    display: none !important;
  }

 .visible-mb {
    display: block !important;
  }

}


@media (min-width: 450px) and (max-width: 599px) {

.wrapper { min-width:500px;}

.container {width: 500px;}

}



@media (min-width: 600px) and (max-width: 767px) {
  .container {
    width: 580px;
  }
}


/* ===================================== */
/* Small only */
/* ===================================== */

@media (max-width: 767px) {

.center-xs { 

display:block;
text-align: center;
margin-left: auto ;
margin-right: auto ;
position:relative;

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;

}

.topmenu {position:relative;margin:0 auto !important; text-align: center; display:block; right:none;float:none; }


.logo, .logo a, .logo img {position:relative;margin:0 auto !important; }




}

/* ===================================== */
/* Medium to Large */
/* ===================================== */


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

}

/* Large to Wide */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Wide and larger */
@media (min-width: 1200px) {

#sidebar-right .col-lg-2   {
    width: 18.76666667%;
	margin:0px 0px 20px 5px;
	padding:0px;
  }


 #sidebar-wide-left .col-lg-2   {
width: 18.76666667%;
    margin: 2px 0px 20px 10px;
    padding: 3px;


}