/* Layouts smaller than 600px, iPhone and mobiles */
@media screen and (max-device-width: 480px), screen and (max-width: 720px)  {
	.col 
	{
	    width:  100%;   
	}
	
	.mobile 
	{
	    display:    block;
	}
	
	h1 
	{
	    font-size: 3.2em;
	    font-weight: bold;
	    padding: 0 20px 20px 20px;
	}
	
	h2 
	{
	    padding: 0 20px 10px 20px;
	}
	
	p 
	{
	    padding: 0 15px 10px 15px;
	}
	
	.header 
	{
	    background-color: #fff;
	    text-align:center;
	    margin-bottom: 0;
	}
	
    .header img.logo 
    {
        cursor: pointer;
        margin-bottom: 0;
        width: 80%;
    }
    
    .header a 
    {
        display:block;
        padding: 10px 0 0 0;
    }
    
    .header a i 
    {
        font-size: 1.6em;
    }
	
	.header ul 
	{
	    margin: 0;
	    padding: 0;
	}
	
	.header ul li 
	{
	    display:block;
	    padding: 0;
	    margin: 0;
	}
	
	.header ul li a 
	{
	    display:block;
	    padding: 10px;
	    margin: 0;
	    text-align:center;
	    border-bottom: 1px solid #eee;
	}
	
	.header ul li.selected a 
	{
	    background-color:#a762c0;
	    color:#fff;
	}
	
	.header ul li:last-child a 
	{
	    border-bottom: 0;
	}
	
	.header ul li.items a
	{
	    padding: 2px 0;
	}
	
	.header .container 
	{
	    width: 100%;
	}
	
	.footer 
	{
	    margin-top: 0;
	}
	
	
	.footer .wrap 
	{
	    width: 100%;
	}
	
	.mainContainer 
	{
	    width: 100%;
	}
	
	
	.container 
	{
	    width: 100%;
	}
	
	
	.outerwrap 
	{
	    margin-left:0 !important;
	    margin-right: 0 !important;
	}
	
	
	.more_images 
	{
	    height: auto;
	    overflow: visible;
	    margin-left: 20px;
	    margin-right: 20px;
	}
	
	div.more_images 
	{
	        background-color: #f7f7f7;
    margin: 0 20px 20px 20px;
    padding: 10px 20px 10px 20px;
    height: auto;
    overflow: scroll;
    
    text-align:center;
	}
	
.sizingPanel 
{
    background-color: #f7f7f7;
    margin: 0 20px 20px 20px;
    height: auto;
    overflow: scroll;
    
    text-align:center;
}

.purchasePanel 
{
    margin-left: 20px;
    margin-right: 20px;
    text-align:center;
}

	form.addtobasket 
	{
	    padding: 0 15px 0 15px;
	}
	
	form.addtobasket h2 
	{
	    display: none;
	}
	
	form.addtobasket select 
	{
	    width: 95%;
	}
	
	.tabs ul 
	{
	    margin: 0;
	}
	
	.tabs ul li 
	{
	    display:block;
	}
	
	ul.image_thumbnails 
	{
	    margin: 0 auto;
	    text-align: center;
	}
	
	ul.image_thumbnails li 
	{
	    display:inline-block;
	    width: 90%;
	    max-width: auto;
	    padding-left:0;
	    padding-right: 0;
	}
	
	.no-mobile 
	{   display:    none;
	}
	
	
	.showcase 
	{
	    display: none !important;
	}
	
	p.mainimg 
	{
	    padding-left: 20px;
	}
}