/* #Media Queries
================================================== */

@media handheld, only screen and (max-width: 767px) {

  body { margin-top: 10px;}
  #top-row {display: none;}
  #logo img{margin-top: 20px;} 	
#homepage1 .flexslider .slides img {margin-top: 0px;}
  #recently-viewed-products {display: none;}
  #logoheader {      background: none; }
  
}

/* iphone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{  
  #footer {width: 90%!important;  } 

}

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{   
  #footer {width: 90%!important;  } 

}



	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

    #left-images, #right-images { margin-bottom: 5px! important; }
      #welcome-text h1{margin: 20px 0px;}
      #welcome-text p{ margin:0px; font-size: 15px;text-align: left!important;
}
      img {max-width:100%; border: 0;}

#top-row {margin-top:0px; text-align: right;}
#logo {background: none; margin-top: 0px;}   

  ul#cart { margin-top: -20px;}


ul.tabs li a {height: 25px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; line-height: 25px; font-size:11px!important; border: 1px solid #ECECEC;}
ul.tabs li a.active {height: 29px;}
ul.tabs {border-bottom: none;}
ul#popups { max-width: 100%!important;}
ul#popups li {font-size:13px!important; padding-right: 4px; margin-left:4px; } 

#footer { margin: 20px 10px;   font-size: 14px; line-height: 1.6em; padding-top: 20px; background:none; margin-bottom: -10px;}

#page-text {float: left; width: 100%;}
.brands img {max-width:20%; }
       
#page {margin:10px 0px;}     
#scrolltotop {display:none;}
            
.instagram-image {padding: 5px 6px 0px 6px ; max-width:50%; }
    #collection-description-text {margin-left:0px; margin-right:0px; }
     #divider2 h2
{  width: 250px;}  
#divider2
{

  line-height: 30px;
  height: 30px;

  margin-bottom: 20px;

} 
    }




	/* Tablet Wide */
	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
    {

#left-images img, #right-images img { margin-bottom: 10px! important;}
body {margin-top: 0px;}

#navigation {clear: left;position: relative;left: 0;bottom: 0;}
.hide {display: none;}
ul#nav li a{ padding: 0 15px; font-size: 15px!important;}
    
      
.down { display: none; }
#welcome-text h1 {font-size: 16px!important;}
ul#popups li {font-size:12px!important; padding-right: 5px; margin-left:5px; } 
ul#popups li.last {padding-right: 0px; }     
      .icons-top {padding-left: 10px;}
    }

 /* Tablet Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 


{
ul#nav li a{ padding: 0 8px; font-size: 12px!important;}
#top-row {margin-top:0px; text-align: right; font-size:13px;}
  #logo {margin-top: 0px;}   
 .icons { padding-top:10px;float: left; }     
.instagram-image {padding: 5px 6px 0px 6px ; max-width:33.3%; }
 
}


    /* 800px Width Table Screen size */
    @media screen and (max-width: 800px) { 

    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	ul#featured-posts li { margin-bottom: 20px; clear: left;  }
	#logo { margin: 5px auto 10px auto; text-align: center; max-width:250px; }
	#q { width: 100%; }
    #footer ul { text-align: center; margin-bottom: 20px;  }
      #footer ul {font-size:13px; line-height:20px;}
      #footer h4 {font-size:14px;}
      
    #mce-EMAIL { width: 100%; }
    .button { width: 100%; }
	#navigation { position: initial! important; }
	#left-images img.last, #right-images img.last { margin-bottom: 20px! important; }

  	nav.primary select { display: block! important; height: 25px; width: 100%; } 
    ul#nav { display: none! important; } 
	#product-photos { display: none; }
	#mobile-product { display: block! important; margin-bottom:10px;}
	#product-description { padding: 0! important; border: 0! important; }
	#related { display: none! important; }
	#looked-at { display: none! important; }
    #add { width: 100%; }
    input { width: 100%; min-width: 100%; }
    #update-cart, #checkout { width: 100%; }
  .flex-direction-nav { display: none; }
  .search {text-align: center; font-size:10px;}
	#order_shipping { margin-top: 20px; }  

      #follow-us h2 {font-size: 16px;}
      #welcome-text h1 {font-size: 16px!important;}
      #menu-page {  
background-image:none;
}
#about {  background-image:none;}
 .zoomContainer {display: none;}
#header-border{display: none;}     
      
      ul.tabs li:first-child a.active, 

ul.tabs li a
      {border: 1px solid #ECECEC;}

      ul.tabs {border-bottom: none;}
ul.tabs li { 
  display: block; 
  width: 100%; 
  height: 30px; 
  padding: 0; 
  float: left; 
  margin-bottom: 5px;

}
      #galleria
{
  max-height: 250px!important;}
.galleria-theme-classic {
max-height: 250px!important;
}
.galleria-theme-classic img {
top:0px!important;
}
.galleria-theme-classic .galleria-thumbnails-container {}
      #page-center {width: 100%; margin: 0px auto;}
      
body { margin-top: 0px;}
      .home-icons {display: none;}      
.icons { margin-top:10px; 
padding:20px;
margin: 10px auto 0px 10px;
}
 
      #product-variants label {
float:none;
margin-bottom: 3px;
}
    .brands {margin: 0px 0px; text-align: center;}
      
    }

    
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

    /* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; margin: 20px 0;}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 10px; 
      
	}
  #welcome-text h1 {font-size:17px!important}

img {max-width:100%; border: 0;}

    #shopping-cart table input { margin-top: 20px! important; }
    
    .cart-item { display: block; }
    .cart-image, .cart-title { display: block; width: 100%;}
    
    #basket-right h4 { font-weight: normal; text-align: center; margin: 20px 0 30px; }

  
    #shopping-cart table td:nth-of-type(2):before { content: "Item Price"; }
    #shopping-cart table td:nth-of-type(3):before { content: "Quantity"; }
    #shopping-cart table td:nth-of-type(4):before { content: "Remove"; }
    #shopping-cart table td:nth-of-type(5):before { content: "Total"; }

}    

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .mobile-hide {display:none;}
  

    }