/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

#main .campaign {
	margin-top: 0;
}
#main .campaign img {
	max-width: 380px;
}
#main .title {
	margin-top: 30px;
	font-size: var(--fs-12);
}
#main .desc {
	font-size: var(--fs-16);
}
#main .brand {
	margin: 10px 0 0 0;
}
#main .price {
	margin-top: 10px;
}
#main a.order {
	margin-bottom: 30px;
}
#main .pix img {
	width: 300px;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

#main {
	padding: 20px 0;
}
#main .title {
	margin-top: 0;
}
#main .price {
	margin-top: 30px;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

#main .campaign img {
	max-width: 300px;
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

#main .campaign img {
	max-width: 220px;
}
#main .pix img {
	width: 220px;
}

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}