@charset "utf-8"



/* CSS Document */







@media screen {



body {



	width: 100%;



}



}







@media print {



body {



	width: 100%;



}



}







@media only screen and (min-width: 768px) and (max-width: 990px) {

.wrapper{

	width:98%;

	margin:10px auto;

	}

.header{

	background-size:100% 100%;

	}	

.box_button-back {

    right: 50px;

    top:12px;

}	

.inner-box{

	width:30%;

	}

.inner-box a img{

	display:block;

	margin-left:50px;

	}	

.box-style-left1, .box-style-left2, .box-style-left3, .box-style-left4{

	float:none;

	width:100%;

	}	

}



@media only screen and (max-width: 640px) {

.wrapper{

	width:97%;

	margin:10px auto;

	}

.header{

	background-size:100% 100%;

	}	

.box_button-back {

    right: 50px;

    top:12px;

}	

.inner-box{

	width:30%;

	}

.inner-box a img{

	display:block;

	margin-left:50px;

	}	

.box-style-left1, .box-style-left2, .box-style-left3, .box-style-left4{

	float:none;

	width:100%;

	}	

.xs-hide{

	display:none;

	}	

.md-hide{

	display:block;

	text-align:center;

	background:url(../images/smallback.png) repeat;

	padding-bottom:20px;

	}	

	

	

	#cssmenu > ul > li:first-child {

    float: none;

    background-image: url("../images/bg_divider.jpg"), url("../images/bg_divider.jpg");

    background-position: right top, left top;

    background-repeat: no-repeat, no-repeat;

}

	

	

.prices1

{height: 131px;

}

.qtys1

{height: 131px;}

.iteams_bottom

{height: 131px;}

.description1

	{height: 131px;}	

	

	

}







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



.wrapper{

	width:96%;

	margin:10px auto;

	}

.header{

	background-size:100% 100%;

	}

.title1 {

	font-size:13px;

	}

.numbers {

	font-size:16px;

	}			

.box_button-back {

    right: 50px;

    top:12px;

}	

.inner-box{

	width:45%;

	}

.inner-box a img{

	display:block;

	margin-left:50px;

	}	

.box-style-left1, .box-style-left2, .box-style-left3, .box-style-left4{

	float:none;

	width:100%;

	}

	

.prices1

{height: 131px;

}

.qtys1

{height: 131px;}

.iteams_bottom

{height: 131px;}	

	

}











@media only screen and (max-width: 360px) {



.wrapper{

	width:96%;

	margin:10px auto;

	}

.header{

	background-size:100% 100%;

	padding:0;

	}



.logo {

    width: 68%;

	line-height:18px;

}	

.title1 {

	font-size:13px;

	}

.numbers {

	font-size:16px;

	line-height: 16px;

	}			

.box_button-back {

    right: 50px;

    top:12px;

}	

.inner-box{

	width:90%;

	float:none;

	}

.inner-box a img{

	display:block;

	margin-left:50px;

	}	

.box-style-left1, .box-style-left2, .box-style-left3, .box-style-left4{

	float:none;

	width:100%;

	}	

.contact table tr td{

	display:block;

	text-align:left;

}

	

	

	

}

@media only screen and (max-width: 360px) {



.wrapper{

	width:96%;

	margin:10px auto;

	}

.header{

	background-size:100% 100%;

	padding:0;

	}



.logo {

    width: 71%;

	line-height:18px;

}	

.title1 {

	font-size:13px;

	}

.numbers {

	font-size:14px;

	line-height: 16px;

	}			

.box_button-back {

    right: 50px;

    top:6px;

}	

.inner-box{

	width:90%;

	float:none;

	}

.inner-box a img{

	display:block;

	margin-left:50px;

	}	

.box-style-left1, .box-style-left2, .box-style-left3, .box-style-left4{

	float:none;

	width:100%;

}

	

	

.iteamss

{width: 98%;

}

.iteams1

{width: 100%;

border-bottom:1px solid #C7C7C7;	

}

.description

{width: 100%;

border-bottom:1px solid #C7C7C7;

text-align: center;	

}

.prices

{width: 100%;

border-bottom:1px solid #C7C7C7;

text-align: center;		

}

.qtys

{width: 100%;

border-bottom:1px solid #C7C7C7;

text-align: center;		

}	

.shoppings

{width: 100%;

border-bottom:1px solid #C7C7C7;

text-align: center;		

}

.iteams_bottom

{width: 100%;

height: auto;	

text-align: center;	

}

.description1

{width: 100%;

height: auto;	

text-align: center;	

}

.prices1

{width: 100%;

height: auto;	

text-align: center;	

}

.qtys1

{width: 100%;

height: auto;	

text-align: center;	

}		

.shoppings1

{width: 100%;

height: auto;	

text-align: center;	

}	

	

}