/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
	/* ----------------------------------
	#. Wrapper
	---------------------------------- */
	
	.wrapper {
		width: 72%;
	}
	
	.container {
		width: 72%;
	}
	
	/* ----------------------------------
	#. Contact Modal
	---------------------------------- */
	
.contact-modal .modal-inner .col {
		width: 370px;
	}
	
		.contact-modal .modal-inner .col input[type='text'],
		.contact-modal .modal-inner .col textarea {
			width: 348px;
		}
	
	/* ----------------------------------
	#. Content
	---------------------------------- */
	
	.content {
		
	}
	
		.content.full-width {
			
		}
		
		.content.full-width .inner {
			width: 1035px;
		}
		
	.content .inner {
		width: 748px;
	}
		
	/* ----------------------------------
	#. Gallery
	---------------------------------- */
	
	.gallery {
		
	}
	
		.gallery li {
			width: 243px;
			height: 180px;
		}
	
	/* ----------------------------------
	#. Navigation
	---------------------------------- */
	
	.navigation {
		width: 100%;
	}
	
	/* ----------------------------------
	#. Content Images
	---------------------------------- */
	
	.content-images ul li {
		width: 31%;
	}
	
		.content-images ul li .caption {
			width: 306px;
		}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

	/* ----------------------------------
	#. Wrapper
	---------------------------------- */

	.wrapper {
		width: 1500px;
	}
	
	.container {
		width: 1450px;
	}
	
	/* ----------------------------------
	#. Content
	---------------------------------- */
	
	.content {
		
	}
	
		.content.full-width {
			
		}
		
		.content.full-width .inner {
			width: 1408px;
		}
		
	.content .inner {
		width: 1048px;
	}
	
	/* ----------------------------------
	#. Gallery
	---------------------------------- */
	
	.gallery {
		
	}
	
		.gallery li {
			width: 337px;
			height: 240px;
		}
	
	/* ----------------------------------
	#. Navigation
	---------------------------------- */
	
	.navigation {
		width: 1510px;
	}
	
	/* ----------------------------------
	#. Content Images
	---------------------------------- */
	
	.content-images ul li {
		width: 436px;
	}
	
		.content-images ul li .caption {
			width: 406px;
		}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.brands{
		display:none;
	}
	
	
}