@media(max-width:1230px){
	 .grid-item{	
		 width: 28.303% !important; /* 300px */ 

	}
}


@media(max-width:990px){
	
	section#artwork #info #name,
	section#photo #info #name{
		margin-top:20px;
		text-align:center;
	}
	
	section#artwork #info #artist,
	section#photo #info #artist{
		text-align:right;
	}
	
	
}


@media(max-width:930px){
	header #header-main  #search{
		display:block;
		width:700px;
		margin:25px 2% 10px 2%;
	}

	
	header #nav {
		display:none;
	}
	
	#toggle-nav{
		display:block;
	}

	header #header-main img#logo2{
		width:80px;
		height:auto;
		top:-10px;
		left:10px;
		margin:8px 0px 10px 0px;
	}

	header #header-main img#logo{
		position:absolute;
		width:250px;
		height:auto;
		top:0px;
		left:100px;
		margin:8px 0px 10px 0px;
	}
}


@media(max-width:860px){
	
	.page-desc{
		width:100%;			
	}

}


@media(max-width:820px){
	
	header #header-top {
		display:none;
	}
}

@media(max-width:800px){
	header #header-main  #search{
		display:block;
		width:500px;
		margin:10px 15%;
	}
}

@media(max-width:730px){
	 .grid-item{	
		 width: 44% !important; /* 300px */ 

	}
}


@media(max-width:700px){
	
	.art{
		margin-top:10px !important;
		margin-bottom:20px !important;
	}
	
	.art img{
		height:330px !important;
		margin-bottom:10px !important;
	}

	 .art .title{
		font-size:1.5em !important;
		letter-spacing:1px !important;
		margin-bottom:10px !important;
	}
	
	.art .artist{
		font-size:1.3em !important;
		margin-bottom:5px !important;
	}
	
	 .art .price{
		font-size:1.4em !important;
		margin-bottom:5px !important;
	}
}


@media(max-width:766px){
	section#background .col:last-child{
		display:none;
	}
	
	section#background figure  img{
		margin:13px auto;	
		height:420px;		
	}

	section#artwork #img-container img{
		width:100%;
	}


	section#artwork #info .price,
	section#artwork #info #size,
	section#artwork #info #medium,
	section#artwork #info #action{
		text-align:center;
	}
}

@media(max-width:680px){
	
	section#checkout  ul.nav li:nth-child(2){
		margin-left:30px;
		margin-right:30px;
	}
}

@media(max-width:647px){	
	section#checkout #cart table tbody tr .product img{
		display:none;
	}
	
	header #header-main  #search{
		display:block;
		width:500px;
		margin:25px 10% 10px 10%;
	}
	
	section#checkout #cart table tbody tr .product .title,
	section#checkout #cart table tbody tr .product .artist,
	section#checkout #cart table tbody tr .product .size{
		font-size:1.1em;
		padding-left:0px;
	}
	
	
	
	section#checkout #cart table thead th,
	section#checkout #cart table tbody tr td{
		text-align:left !important;
		vertical-align:middle;
	}
	
	section#checkout #cart table tbody tr td.action{
		text-align:center !important;
	}
	
	section#checkout #cart table tbody tr .product .artist{
		display:none;
	}
	
	section#checkout #cart table tbody tr .product,
	section#checkout #cart table tbody tr .price,
	section#checkout #cart table tbody tr .qty{
		font-family:'Comfortaa', cursive !important;
		font-size:1.2em !important;
	}
}



@media(max-width:590px){
	 .grid-item{	
		 width: 43% !important; /* 300px */ 
	}
}


@media(max-width:580px){
	section#order #order-id{
		text-align:center;
	}
	
	header #header-main  #search{
		display:block;
		width:500px;
		margin:30px 6% 10px 6%;
	}
	
}


@media(max-width:575px){
	section#banner-quote{
		width:100%;
		padding-top:40px;
	}
	

	section#checkout  ul.nav li{
		padding:5px 0px;
	}

	#wall-view #show-hide,
	#wall-view #tools{
		display: none;
	}

	#wall-view #mobile{
		display: block;
	}


}


@media(max-width: 550px)  {

	/* 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; }
	
	table td{
		width:100%;
		float:none;
		text-align:left;
		margin:0;
		overflow:auto;
		white-space:nowrap;
	}
	
	
	table td:not(.action):not(.col-title):not(.col-value):before{
		display:inline-block;
		width:45%;
		padding-right:10px;
		height:100%;
		vertical-align:middle;
		font-weight:bold;
		font-size:1em !important;
		content:attr(column-title);
		text-transform:capitalize;
	}
	
	table td.action{
		text-align:center;
	}
	
	section#order #customer table td.column-title,
	section#order #transaction table td.column-title{
		text-align: left;
	}
	
	section#order #customer table tr,
	section#order #transaction table tr{
		border:0;
		text-align:center;
	}
	
	section#order #customer table td:before,
	section#order #transaction table td:before{
		display:none;	
	}

	section#order #customer table td.column-content,
	section#order #transaction table td.column-content{
		padding:8px 10px 0px 0px;
	}

	section#order #transaction table{
		margin-top:15px;
		float:left;
		display:block;
	}
	
	section#checkout #cart table tbody tr .product .title,
	section#checkout #cart table tbody tr .product .size{
		margin:5px;
		font-size:0.9em;
		display:inline-block;
	}
	
	section#checkout #cart table tbody tr td.col-title,
	section#checkout #cart table tbody tr td.col-value{
		text-align:center !important;
		width:100% !important;
		display:block;
	}
	
	header #header-main  #search{
		display:block;
		width:500px;
		margin:25px 10px 10px 10px;
	}
}


@media(max-width:535px){
	
	header #header-main{
		padding-top:10px;
		padding-bottom:10px;
	}
	
}

@media(max-width:510px){
	 .grid-item{	
		 width: 85% !important; /* 300px */ 
	}
	
	header #header-main  #search{
		display:block;
		width:96%;
	}
	
	
	section#checkout  ul.nav li{
		display:block;
		width:100%;
		text-align:center;
		margin:4px auto 0px auto;
		padding:1px 0px;
		height:80px;
		transition:all ease 1s;
	}	
	
	section#checkout  ul.nav li.active{
		background:#000066;
		color:#FFF;
	}
	
	section#checkout  ul.nav li.active a{
		color:#FFF;
	}
	
	section#checkout  ul.nav li:nth-child(2){
		margin-left:0px;
		margin-right:0px;
	}
	
}




@media(max-width:450px){
   .grid-item{	
		 width: 90% !important; /* 300px */ 
	}

}
@media(max-width:440px){

	section#info .col:first-child img{
		width:250px;
		display:block;
		height:auto;
		margin:0 auto;
		margin-bottom:14px;
	}


	section#info #useful-links .row > .col{
		width:100%;
	}
	
	
	section#info #useful-links .link-title {
		text-align:center;
	}
	
	section#info #useful-links .row > .col ul li{
		text-align:left;
		width:100px;
		display:block;
		margin:5px auto;
		position:relative;
	}
	
	section#info #useful-links ul li:before{
		position: absolute;
		left: -10px;
		content: '\2022';
		color: #fda901;
	}
}

@media(max-width:470px){
	
	section#checkout .tab-action{
		text-align:center;
	}

	
	section#checkout .tab-content{
		padding:10px;
	}

	section#checkout .tab-content .tab-pane{
		padding:10px;
	}

}

@media(max-width:410px){

	header #header-main img#logo2{
		width:50px;
		height:auto;
		top:-10px;
		left:20px;
		margin:8px 0px 10px 0px;
	}

	header #header-main img#logo{
		position:absolute;
		width:250px;
		height:auto;
		top:5px;
		left:40px;
		margin:8px 0px 10px 0px;
	}
}


@media(max-width:370px){
	header #header-main img#logo{
		width:250px;
	}

	.grid-item{	
		 width: 87% !important; /* 300px */ 
	}

	#wall-view #floor img#artwork-furniture{
		max-width:100%;
	}
}

@media(max-width:360px){
	section#banner-quote{
		width:100%;
		padding-top:20px;
	}
}


@media(max-width:320px){

	.grid-item{	
		 width: 100% !important; /* 300px */ 
	}
}


@media(max-width:310px){
	header #header-main img#logo2{
		width:50px;
		height:auto;
		top:-10px;
		left:20px;
		margin:8px 0px 10px 0px;
	}

	header #header-main img#logo{
		position:absolute;
		width:220px;
		height:auto;
		top:15px;
		left:40px;
		margin:8px 0px 10px 0px;
	}
}

@media(max-width:300px){
	section#banner-quote{
		width:100%;
		height:350px;
		padding-top:15px;
	}
}