@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.site {
		width: 720px ;
		margin:0 auto ;
	}
	
	.site-header {
		display: table !important;
    padding: 0 20px;
    width: 680px !important;
	}
	
	.main-navigation {
		padding: 0;
    width: 100% !important;
	}
	
	.top-search-box {
		margin-right: 10px;
    margin-top: 10px;
	}
	
	.wrapper {
		width:auto;	
	}
	
	footer[role="contentinfo"] {
		width:690px;	
	}
	
	.main-navigation li a {
		padding: 22px 12px !important;
	}
	
	
	.slider-box {
		height: 345px;
    width: 345px;
	}
	
	.right-bans {
		 height: 140px;
    padding: 100px 50px;
    width: 250px;
	}
	
	.right-bans img {
		width:100%;	
	}
	
	.small-ban {
		width: 120px;
		height: auto;
	}
	
	.rslides_container {
		height: 385px;
    	overflow: hidden;
	}
	
	.product-grid {
		width:680px;
	}
	
	.product-grid .item {
	 	width: 157px;	
		margin-right: 17px;
	}
	
	.ftr-col {
		width: 155px;	
	}
	
	.copyright  {
		clear:both;	
	}
	
	.right-bans .textwidget {
    font-size: 21px !important;
    font-weight: bold;
    line-height: 30px !important;
}


.history-cont {
    float: right;
    width: 480px;
}

}






@media only screen and (min-width: 480px) and (max-width: 767px) {

   .site {
		width: 400px ;
		margin:0 auto ;
	}
	
	.site-header {
		display: table;
    	padding: 0 20px;
    	width: 360px;
	}
	
	.main-navigation {
		width:370px;	
		padding:0px 15px;
	}
	
	.wrapper {
		width:auto;	
	}
	
	footer[role="contentinfo"] {
		width:auto;	
	}
	
	.main-navigation li a {
		color: #dddddd;
    	padding: 5px 10px;
    	text-decoration: none;
	}
	
	
	.slider-box {
		height: 385px;
		width: auto;
	}
	
	.right-bans {
		height: 220px;
    margin-top: 10px;
    width: 220px;
	}
	
	.right-bans .textwidget {
    font-size: 26px !important;
    font-weight: bold;
    line-height: 30px !important;
    word-break: normal;
}
	
	.right-bans img {
		width:100%;	
	}
	
	.small-ban {
		width: 195px;
		height: auto;
	}
	
	.rslides_container {
		height: 385px;
    	overflow: hidden;
	}
	
	.product-grid {
		width:auto;
	}
	
	.product-grid .item {
	 	margin-bottom: 30px;
    	margin-right: 10px;
    	width: 175px;
	}
	
	
	.product-grid .item .pro-box img {
		width: 100%;
	}
	
	.product-grid .item:nth-child(2n+2) {
		margin-right:0px;	
	}
	
	.ftr-col {
		margin-bottom: 10px;
    	width: 160px;
	}
	
	.ftr-col.fcol-3 {
		clear:left;	
	}
	
	.copyright  {
		clear:both;	
	}
	
	
	.logo {
		display: table;
		float: none;
		margin: 0 auto;
	}
	
	
	.head-right-info {
		display: table;
		float: none;
		margin: 20px auto 0;
	}
	
	.top-search-box, .nav-menu, .menu-main-menu-container {
		float:none;	
	}
	
	.top-search-box {
		display: table;
    	margin: 10px auto;
	}
	
	
        
}







@media only screen and (min-width: 230px) and (max-width: 479px) {
	
	.site {
		width: 310px ;
		margin:0 auto ;
	} 
	
	.site-header {
		display: table;
    	padding: 0 20px;
    	width: 270px;
	}
	
	.main-navigation {
		width:280px;	
		padding:0px 15px;
	}
	
	.wrapper {
		width:auto;	
	}
	
	footer[role="contentinfo"] {
		width:auto;	
	}
	
	.main-navigation li a {
		color: #dddddd;
    	padding: 5px 10px;
    	text-decoration: none;
	}
	
	
	.slider-box {
		height: 310px;
    	margin-bottom: 10px;
    	width: auto;
	}
	
	.right-bans {
		border-radius: 10px;
    height: auto;
    padding: 30px;
    width: auto;
	}
	
	.right-bans img {
		width:100%;	
	}
	
	.small-ban {
		width: 150px;
		height: auto;
	}
	
	.rslides_container {
		height: 310px;
    	overflow: hidden;
	}
	
	.product-grid {
		width:auto;
	}
	
	.product-grid .item {
	 	 float: none;
    margin: 0 0 15px;
    width: auto;
	}
	
	.product-grid .item:nth-child(2n+2) {
		margin-right:0px;	
	}
	
	.ftr-col {
		margin-bottom: 10px;
    	width: 200px;
	}
	
	.copyright  {
		clear:both;	
	}
	
	
	.logo {
		display: table;
		float: none;
		margin: 0 auto;
	}
	
	
	.head-right-info {
		display: table;
		float: none;
		margin: 20px auto 0;
	}
	
	.top-search-box, .nav-menu, .menu-main-menu-container {
		float:none;	
	}
	
	.top-search-box {
		display: table;
    	margin: 10px auto;
	}
	
	.product-grid .item .pro-box img {
		width:100%;	
	}

	.right-bans .textwidget {
    font-size: 23px !important;
    font-weight: bold;
    line-height: normal !important;
    word-break: normal;
}

}