
@media (min-width: 1220px) {
	.wrap{
	    max-width: 1200px;
	    margin: 0 auto;
	}
}
@media (min-width: 768px){
	.navbar-right{
	    margin-right: 0px;
	}
}
@media (max-width: 1220px) {
	.row{margin: 0;}
	.navbar-header{padding-left: 10px;}
	.wrap{ max-width: 100%;}
	.index-banner .bannerContent{width: 100%;}
	.navbar .freeUse{margin-right: 10px;}
	.index-div4 .row:nth-of-type(odd),
	.index-div4 .row:nth-of-type(even){
		background: none;
	}
}

@media (max-width: 1024px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	ul.navbar-nav>li{margin: 0 8px;}
	.navbar .freeUse{margin-left: 10px;}
	
}

@media (max-width: 767px) {
    .navbar-brand {
    	/*background-image: url(../img/logo.png) !important; background-repeat: no-repeat !important; background-size: 256px 30px !important;*/
		height: 55px;
    }
	.navbar-brand { margin-left: 15px;}
	.navbar-collapse { border: 0; background: rgba(0,0,0,.8);float: inherit;}
	.navbar-toggle { margin-top: 11px; margin-right: 5px;z-index: 10;}
	.navbar-toggle .icon-bar { background: #fff;}
	.navbar-toggle .icon-bar1{display: none;}
	.navbar-toggle .icon-bar1 img{width: 24px;margin-top: -3px;}
	.scrolled .navbar-toggle .icon-bar{background: #000;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: initial;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{box-shadow: 0px 6px 10px rgba(0,0,0,.27);}
	ul.navbar-nav>li{height: auto;margin-right: 15px;margin-left: 15px;}
	ul.navbar-nav li a { display: inline-block;padding: 20px 0 10px;}
	.scrolled ul.navbar-nav>li>a{color: #fff;}
	ul.navbar-nav>li>a::after{background: #fff;}
	.navbar .freeUse{display: block;float: initial;text-align: center;margin: 15px 0;}
	.navbar .freeUse a{width: 100%;background: #fff;color: #000;padding: 15px 0;}
	
	.banner .bannerContent a img{max-width: 70%;}
	
	.main h2{font-size: 24px;}
	.index-div1{padding: 40px 0;}
	.index-div2 .row>div{margin-bottom: 30px;}
	.index-div4 .row>div h3{font-size: 18px;}
	.index-div4 .row>div:nth-child(2){margin-top: 30px;}
	.index-div5 .imgDiv{height: 80px;line-height: 80px;max-width: 80px;}
	
}

@media (max-width: 640px) {
    .indexDiv1 .wall-column {
	    width: 50%;
	  }
	 .index-banner{margin-top: 55px;overflow: hidden;}
}
@media (max-width: 440px) {
   
}
@media (max-width: 320px) {
	
}

/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
}
