/* Tablet Styles */

@media (min-width: 767px) {

	/* Main Styles and Classes */

	body {		
		font:16px/32px roboto;		
	}
	.wrapper {		
		padding:0 50px;
	}
	/* Banner */

	.banner {	
		background:url(../img/bg-slide1-tablet.jpg) no-repeat;
		background-size:cover;
		padding:255px 25px 270px 25px;
	}	
		
	h1 {
		max-width:626px;
		margin:0 auto;
	}
	h1 br {
		display:none;
	}
	h1 span {
		font:48px/52px roboto;
	
	}
	
	/* About */

	#about {	
		padding:100px 0px;
	}
	#about p {
		margin-bottom:80px;
	}
	
	/* Services */

	#services {	
		background:url(../img/bg-services-tablet.jpg) no-repeat top;
		background-size:cover;
		padding:100px 0 100px 0;
		text-align:left;
	}
	#services h2 {
		font:40px/42px roboto;		
		margin-bottom:55px;		
		text-align:center;
	}
	#services li {		
		font-size:14px;
		line-height:24px;
	}
	#services li li {
		margin-bottom:5px;
		line-height:16px;	
		float:left;
		width:50%;
		font-weight:bold;
	}	
	#services li ul {
		overflow:hidden;
		margin-left:10px;
	}
	#services li div > div {	
		padding:10px 35px 10px 85px;	
		position:relative;
	}
	#services img {
		margin-bottom:0;
		position:absolute;
		top:50%;
		left:20px;
		width:39px;
		margin-top:-32px;
	}
	#services li:last-child img {
		width:61px;
		left:10px;
		margin-top:-22px;
	}
	#services h4 {
		font-size:18px;
		margin-bottom:5px;
		line-height:22px;
	}		
	
	/* Our Jewellery */

	#jewellery {
		padding:100px 0 85px 0;
	}
	#jewellery h2 {
		font:32px/36px roboto;
		margin-bottom:30px;
	}
	#jewellery p {
		margin:0 0 50px 0;	
	}
	#jewellery p + ul {
		margin:50px 0;
		overflow:hidden;
	}		
	#jewellery p + ul li {
		float:left;
		width:20%;
	}
	#jewellery .gallery-container li {
		float:left;
		width:33.33333%;
		padding-left:15px;
		margin-bottom:15px;
		box-sizing:border-box;		
	}
	#jewellery .gallery-container ul {
		overflow:hidden;
	}
	#jewellery .gallery-container li a  {
		overflow:hidden;
		display:block;
	}
	#jewellery .gallery-container li img {
		width:100%;		
		display:block;
		transition:.5s;		
		opacity:.9;
	}
	#jewellery .gallery-container li:hover img {
		transform:scale(1.1);
		opacity:1;
	}
	
	/* Contact */

	#contact {		
		background:url(../img/bg-contact-tablet.jpg) no-repeat;
		background-size:cover;
		padding:100px 0 60px 0;		
	}
	.map {	
		height:280px;
		margin-bottom:50px;	
	}
	#contact h4 {		
		margin-bottom:5px;
	}
	#contact p {
		margin-bottom:25px;
		line-height:26px;		
	}

	/* Form Styles */

	form {
		margin-bottom:30px;
	}
	form ul {
		margin-left:-10px;
	}
	form li {
		margin-bottom:10px;
		padding-left:10px;
		box-sizing:border-box;
	}
	form li:nth-child(1), form li:nth-child(2) {		
		float:left;
		width:50%;		
	}	
	button {		
		width:150px;		
	}
	::-webkit-input-placeholder {
	   opacity:1;
	}

	:-moz-placeholder { 
	   opacity:1;
	}

	::-moz-placeholder {  
	   opacity:1;  
	}

	:-ms-input-placeholder {  
	   opacity:1;
	}
	

}

/* Mobile Styles */

@media (min-width: 1100px) {
	
	.wrapper {
		max-width:990px;
	}
	
	/* Header */

	header {						
		height:80px;		
	}
	header img {						
		left:50%;
		margin-left:-76px;	
		top:-100px;		
		z-index:8000;
	}	
	header img {
		display:none;
	}
	header img + img {
		display:block;
	}
	header a + a {
		display:none;
	}
	header.show img {
		left:50%;	
		top:0px;
	}
	header.show a + a {
		right:15px;	
	}

	/* Navigation */

	header nav {	
		background:none;	
		top:-100px;
		right:auto;	
		left:50%;
		margin-left:-458px;
		width:990px;
		transition:1s;
		padding:0;
		z-index:6000;
	}
	header.show nav {
		right:auto;
		top:30px;
	}
	header nav ul {
		overflow:hidden;		
	}
	header nav li {		
		float:left;
		margin-right:100px;
		border:none;		
	}
	header nav li:nth-child(2) {
		margin-right:400px;
	}
	header nav li:nth-child(4) {
		margin-right:0px;
	}
	header nav li a {	
		opacity:1;
		font:16px/18px roboto;
		transition:color .5s;	
		color:#646464;
		padding:0;
	}	
	header nav a:hover {
		color:#800020;
	}
	
	/* Banner */
	
	.banner {
		background:url(../img/bg-slide1-desktop.jpg) no-repeat;
		background-size:cover;
	}
	
	/* Services */

	#services {	
		background:url(../img/bg-services-desktop.jpg) no-repeat;
		background-size:cover;
		text-align:center;
	}
	#services h2 {		
		margin-bottom:55px;		
	}
	#services ul {		
		overflow:hidden;			
	}
	#services li {
		float:left;
		width:33.33333%;
		padding-left:10px;
		box-sizing:border-box;
	}
	#services li ul li {		
		float:none;
		width:100%;		
		padding:0;		
	}	
	#services li ul {
		overflow:hidden;
		margin-left:0px;
	}	
	#services li div > div {	
		padding:145px 25px 10px 25px;	
		position:relative;
		min-height:220px;
	}
	#services img {
		margin-bottom:0;
		position:absolute;
		top:35px;
		width:auto !important;
		margin-top:0 !important;
		left:50%;
		margin-left:-24px;
	}	
	#services li:last-child img {
		margin-left:-42px;
		left:50%;
		top:45px;
	}		
	#services h4 {		
		margin-bottom:15px;		
	}	
	
	/* Contact */
	
	#contact {
		background:url(../img/bg-contact-desktop.jpg) no-repeat top;
		background-size:cover;
		overflow:hidden;
		text-align:left;
	}
	#contact .left {
		float:left;
		width:60%;		
	}
	#contact .right {
		float:right;
		width:35%;		
	}
	#contact .map {
		height:400px;
	}