/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	    header {
            width:100%;
            background-size: 25%;
        }
        header img{
            padding:1em;
        }
        header ul{
            width:30%;
        }
      
        .container > section {
            width: 100%;
        }
        .main{
            background-position: right;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size:30%;
        }
}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1124px) and (orientation: landscape) {
        header{
            width: 100%;
        }
	    nav{
            width: 70%;
        }
        .container{
            width: 70%;
        }
        .main{
            background-image:none;
        }
}
/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	   .container{
            width: 90%;
        }
        nav{
            max-width: 60%;
        }
        nav ul li {
            width: 20%;
        }
        header {
            width:100%;
        }
        header img{
            padding:1em;
        }
        header ul{
            width:40%;
        }
        .container > section {
            width: 100%;
        }
        .main{
            background-image:none;
        }
        .shop_item_image{
            width: 100%;
            clear: both;
        }
        .shop_item_content{
            width: 100%;
        }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
        body{
            font-size: 90%;
        }
        nav .menuOne{
			width:20%;
        }
        nav .menuTwo{
			width:20%;
        }
        header{
           width: 100%;
        }
		nav img{
			height:50px;
			width:auto;
		}
        nav ul li {
            width: 10%;
        }
	    .container{
            width: 95%;
        }
        .container > section {
            width: 100%;
        }
        .main{
            background-image:none;
        }
        .shop_item_image{
            width: 100%;
            clear: both;
        }
        .shop_item_content{
            width: 100%;
        }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
        body{
            font-size: 90%;
        }
        a{
            font-size:90%;
        }
        nav .menuOne{
			width:100%;
        }
        nav .menuTwo{
            margin: 0 auto;
			width:100%;
        }
        nav ul li {
            width: 100%;
        }
        header{
           width: 100%;
           background-image:none;
        }
        header ul{
            width: 100%;
        }
	    .container{
            width: 90%;
        }
        .container > section {
            width: 100%;
            margin-top:40%;
        }
        img {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        .main{
            background-image:none;
        }
        .shop_item_image{
            width: 100%;
            clear: both;
        }
        .shop_item_content{
            width: 100%;
        }
}