
.wrapper{
	max-width:1200px;
	margin:0 auto;
	min-width:320px;
	}
.header{
	width:100%;
	display:block;
	min-height:65px;
	padding:0px;
	}
.header_bdr{
	border-bottom:#FFF solid 1px;
	}


.logo{
	padding:10px 0px;
	margin:0;
	float:left;

	}
	
.show-grid{background-color:#fff; }


@-webkit-keyframes rotating  {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


.main-content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
} 

@media only screen and (min-width: 230px) and (max-width:992px){
.wrapper { width:100%; margin:0% 0%; }
.header{
	min-height:52px;
	padding:0px 0px 0px 0px;
	}
.header_bdr{
	border-bottom:#FFF solid 0px;
}
.logo { display:none !important; }
.header{ box-shadow:none !important; background-image:none !important; }

}

@media only screen and (min-width: 993px) and (max-width:1064px) {
/*.wrapper { width:96%; margin:0% 2%; }
.logo{ padding:5px 0px; float:none !important; margin:0 auto !important; width:100% !important; text-align:center; }
.logo img{ width:220px;}*/
}


@media only screen and (min-width: 1024px) and (max-width:1200px) {
/*.wrapper { width:96%; margin:0% 2%; }*/
}


