/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	.cA {
		width: 90%;
	}
	.logo {
		display: none;
	}

	.menu {
		width: 100%;
		margin-top: 0px;
	}
	.menu li {
		float: none;
	}
	.menu .menuS {
		background: url(../images/menu.png) no-repeat 10px center;
		padding: 0px;
		font-weight: normal;
		font-family: Segoe UI;
		color: #d1d3d2;
		font-size: 18px;
		display: block;
	}
	.mCo {
		display: none;
	}
	.menu .menuS span {
		display: inline-block;
		padding-left: 50px;
		background: url(../images/lIocn.png) no-repeat 40px center;
		width: 10px;
		height: 30px;
		vertical-align: middle;
	}
	.slider {
		display: none;
	}
	.box {
		width: 100%;
		margin-left: 0px;
	}
	.boxSC h3 {
		display: block;
		color: #000000;
		border-bottom: 1px dotted #ccc;
		padding: 10px 0px 5px 0px;
		margin: 0px 0px 5px 0px;
	}
	.boxSC .box img {
		margin: 0px;
	}
	.boxSC .box p {
		height: auto;
	}
	.foot {
		display: none;
	}
	.box2:first-child, .box2 {
		width: 100%;
	}
	.box2 {
		margin: 0px;
		border: 0px;
		padding: 0px;
	}
	.box2 img {
		width: 50%;
	}
	.wC {
		text-align: justify;
	}
	.wC h2 {
		text-align: center;
	}
	.box2 div.h180 {
		height: auto;
	}
	.sliderBox.footerBox .boxF {
		width: 100%;
		border: 0px;
		margin-left: 0%;
		padding-left: 0px;
		height: auto;
		text-align: justify;
	}
	.sliderBox.footerBox .boxF.boxF3, .sliderBox.footerBox .boxF.boxF4 {
		width: 100%;
	}
	.sliderBox.footerBox .boxF:first-child {

	width: 100%;
}
	ul.editionBox li {
		width: 100%;
		margin: 10px 0px 0px 0px;
		height: auto;
	}
	.inquir div input[type=text] {
		width: 98%;
	}
	.tab.tab2N a {
		display: block;
		padding: 10px;
	}
	.inDiv div {
		text-align: left;
		width: 55%;
	}
	.leftPanel {
		width: 100%;
		margin-left: 0%;
	}
	.tabC.inquiry {
		margin: 0px;
		padding: 0px;
		border: 0px;
		background: none;
	}
	.tabBox.tab1.inquir {
		width: 100%;
	}
	.inLeft {
		height: auto;
	}
	.inLeft .content .midC {
		width: 96%;
	}

	.tabBox.tab1.inquir, .inLeft, .fourCol .input, .fourCol .inputT, .inRight, .input.input50, .input, .inputT {
		width: 100%;
	}
	.input.input1 {
		width: 40%;
	}
	.input.input4 {
		width: 55%;
	}

	.input75 label {
		display: block;
	}
	.inputT, .input {
		margin: 2px 0px 0px 0px;
	}
	.fourCol.fi600 div input[type=text] {
		width: 50%;
	}
	.inLeft.orderB {
		height: auto;
	}
	.firOr {
		margin-top: 0px;
		text-align: left;
	}
	.forOr .in1, .forOr .in2, .forOr .in3, .forOr .in4, .firOr div, .firOr div:first-child {
		width: 100%;
		margin-top: 0px;
		text-align: left;
	}
	.sixOr .in0, .sixOr .in2, .sixOr .in4 {
		text-align: left;
		width: 36%;
	}
	.sixOr .in1, .sixOr .in3, .sixOr .in5 {
		width: 50%;
	}
	.fourCol.fi600.order div {
		width: 100%;
	}
	.fillingButton.order a {
		padding: 5px 4px;
		margin-right: 0px;
	}
	.spam textarea {
		width: 98%;
	}
	.proM .boxP {
		width: 100%;
		margin-top: 10px;
		margin-right: 0px;
	}
	.proBox {
		width: 100%;
		padding: 20px 0px 0px 0px;
		background: none;
		position: static;
	}

	.proBg {
		height: auto;
	}
	.proBox .Box1, .proBox .Box2, .proBox .Box3 {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.productTab {
		margin: 10px 0px 10px 0px;
	}
	.editionTab .div1, .editionTab .div2, .editionTab .div3{ width:100%;}
	.editionTab .div2 p{ text-align:center;}
	.editionTab .div1 a{ width:100%;}
	.editionTab .div1 span{ display:none;}
	.div2, .div3{ padding-top:5px;}
	.sfot {
	width:100%;
}
.sfotHid {
	width:100%;
	}
	/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

	/* Styles */
}


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {



	/* Styles */
}
@media only screen and (max-width: 479px) {
	.tab a {
		padding: 10px 3px;
	}
	ul.editionBox li {
		height: auto;
	}
	.inquir div input[type=text] {
		width: 98%;
	}
	.inDiv div {
		width: 100%;
	}
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
	.cA {
		width: 94%;
	}
	.logo {
		display: none;
	}

	.menu {
		width: 100%;
		margin-top: 0px;
	}
	.menu li {
		float: none;
	}
	.menu .menuS {
		background: url(../images/menu.png) no-repeat 10px center;
		padding: 0px;
		font-weight: normal;
		font-family: Segoe UI;
		color: #d1d3d2;
		font-size: 18px;
		display: block;
	}
	.mCo {
		display: none;
	}
	.menu .menuS span {
		display: inline-block;
		padding-left: 50px;
		background: url(../images/lIocn.png) no-repeat 40px center;
		width: 10px;
		height: 30px;
		vertical-align: middle;
	}
	.slider {
		display: none;
	}
	.box h3 {
		font-size: 12px;
	}
	.box2:first-child, .box2 {
		width: 100%;
	}
	.box2 {
		margin: 0px;
		border: 0px;
		padding: 0px;
	}
	.box2 img {
		width: 10%;
	}
	.wC {
		text-align: justify;
	}
	.wC h2 {
		text-align: center;
	}
	.box2 div.h180 {
		height: auto;
	}
	.sliderBox.footerBox .boxF {
		width: 100%;
		border: 0px;
		margin-left: 0%;
		padding-left: 0px;
		height: auto;
		text-align: justify;
	}
	.sliderBox.footerBox .boxF.boxF3, .sliderBox.footerBox .boxF.boxF4 {
		width: 100%;
	}
	.sliderBox.foot {
		padding-top: 0px;
		background: none;
	}
	ul.editionBox li {
		width: 100%;
		margin: 10px 0px 0px 0px;
		height: auto;
	}
	.inquir div input[type=text] {
		width: 80%;
	}
	.inDiv div {
		width: 100%;
		text-align: left;
	}
	.leftPanel {
		width: 100%;
		margin-left: 0%;
	}
	.tabC.inquiry {
		margin: 0px;
		padding: 0px;
		border: 0px;
		background: url(../images/inquiryt.jpg) no-repeat right top;
	}
	.tabBox.tab1.inquir {
		width: 80%;
	}
	.inLeft {
		height: auto;
		width: 45%;
	}
	.inRight {
		width: 51%;
	}
	.inLeft .content .midC {
		width: 96%;
	}
			.sfot {
	width:100%;
}
.sfotHid {
	width:100%;
	}

	.tabBox.tab1.inquir, .input, .inputT {
		width: 100%;
	}
	.fourCol .input, .fourCol .inputT {
		width: 49%;
	}
	.inputT.new {
		width: 100%;
	}
	.input.input75.new {
		width: 100%;
	}
	.input.input75.new label {
		display: block;
	}
	.fl.cms {
		width: 20%;
	}
	.fl.cms input[type=text] {
		width: 88%;
	}
	.input.input50 {
		width: 78%;
	}
	.input75 label {
		display: inline;
	}
	.inputT, .input {
		margin: 2px 0px 0px 0px;
	}
	.input.input1 {
		width: 20%;
	}
	.input.input4 {
		width: 27%;
	}
	.fourCol.fi600 div {
		width: 100%;
	}
	.fourCol.fi600 div input[type=text] {
		width: 80%;
	}
	.inLeft.orderB {
		height: auto;
	}
	.firOr {
		margin-top: 0px;
		text-align: left;
	}
	.forOr .in1, .forOr .in2, .forOr .in3, .forOr .in4, .firOr div, .firOr div:first-child {
		width: 100%;
		margin-top: 0px;
		text-align: left;
	}
	.sixOr .in0, .sixOr .in2, .sixOr .in4 {
		text-align: left;
		width: 35%;
	}
	.sixOr .in1, .sixOr .in3, .sixOr .in5 {
		width: 50%;
	}
	.fourCol.fi600.order div {
		width: 100%;
	}
	.fillingButton.order a {
		padding: 5px 4px;
		margin-right: 0px;
	}
	.sixOr.for600 div {
		width: 100%;
	}
	.spam textarea {
		width: 98%;
	}
	.proM .boxP {
		width: 45%;
	}
	.proBox {
		width: 100%;
		padding: 20px 0px 0px 0px;
		background: none;
		position: static;
	}
	.proBox ul {
		font-size: 15px;
	}
	.proBg {
		height: auto;
	}
	.proBox .Box1, .proBox .Box2, .proBox .Box3 {
		width: 30%;
		margin-left: 28px;
		margin-bottom: 10px;
	}
	.proBox .Box1 {
		margin-left: 0px;
	}
	.productTab {
		margin: 10px 0px 10px 0px;
	}
	.boxP.full {
		width: 100%;
	}
	.editionTab .div1{ width:30%;} .editionTab .div2{ width:30%;} .editionTab .div3{ width:35%;}
	.editionTab .div2 p{ text-align:center;}
	.editionTab .div1 a{ width:100%;}
	.editionTab .div1 span{ display:none;}
	.div2, .div3{ padding-top:5px;}

	/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.slider {
		height: 400px;
	}
	.cA {
		width: 95%;
	}
	.box2 img {
		width: 58%;
	}
	.menu li a {
		padding: 10px 14px;
	}
	.inDiv div {
		text-align: left;
		width: 55%;
	}
	.inDiv div input[type=text] {
		width: 95%;
	}
	.inLeft {
		height: 435px;
		width: 68%;
	}
	.inRight {
		width: 30%;
	}
	.input.input50 {
		width: 52%;
	}
	.inLeft.orderB {
		height: auto;
	}
		.editionTab .div1{ width:30%;} .editionTab .div2{ width:30%;} .editionTab .div3{ width:35%;}
	.editionTab .div2 p{ text-align:center;}
	.editionTab .div1 a{ width:95%;}
	.editionTab .div1 span{ display:none;}
	.div2, .div3{ padding-top:5px;}

	/* Styles */
}
@media (min-width : 768px) and (max-width: 980px) {
	.slider {
		height: 315px;
	}
	.sty {
		margin-top:0px;
	}
	.menu li a {
		padding: 10px 5px;
	}
	ul.editionBox li {
		width: 100%;
		margin: 10px 0px 0px 0px;
		height: auto;
	}
	.inquir div input[type=text] {
		width: 80%;
	}
	.inDiv div {
		text-align: left;
		width: 55%;
	}
	.inDiv div input[type=text] {
		width: 95%;
	}
	.tabC.inquiry {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	.tabBox.tab1.inquir {
		width: 50%;
	}
	.proBox {
		width: 98%;
		background-position: left top;
	}
	.proBox .Box1, .proBox .Box2, .proBox .Box3 {
		width: 30%;
		margin-left: 28px;
		margin-bottom: 10px;
	}
	.proBox .Box1 {
		margin-left: 0px;
	}
	.proM .boxP{ width:45%;}
	.boxP.full {
		width: 100%;
	}

}
@media only screen and (min-width: 768px ) and ( max-width: 800px) {
	.inLeft {
		height: 485px;
	}
	.inLeft.orderB {
		width: 65%;
		height: auto;
	}
	.inRight.orderB {
		width: 33%;
	}

	.inLeft .content .midC {
		width: 96%;
	}

	.tabBox.tab1.inquir, .input, .inputT {
		width: 100%;
	}
	.fourCol .input, .fourCol .inputT {
		width: 49%;
	}
	.inputT.new {
		width: 100%;
	}
	.input.input75.new {
		width: 100%;
	}
	.fl.cms {
		width: 20%;
	}
	.fl.cms input[type=text] {
		width: 88%;
	}
	.input.input50 {
		width: 78%;
	}
	.input75 label {
		display: inline;
	}
	.inputT, .input {
		margin: 2px 0px 0px 0px;
	}
	.input.input1 {
		width: 20%;
	}
	.input.input4 {
		width: 27%;
	}
	

}

@media only screen and (min-width : 320px) and (max-width : 480px) {
	.sty {
		margin-top: 30px;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

	/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
}