/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
	/* ----------------------------------
	#. Wrapper
	---------------------------------- */
	
	.wrapper {
		width: 1200px;
	}
	
	.container {
		width: 1150px;
	}
	
	/* ----------------------------------
	#. 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: 1108px;
		}
		
	.content .inner {
		width: 748px;
	}
		
	/* ----------------------------------
	#. Gallery
	---------------------------------- */
	
	.gallery {
		
	}
	
		.gallery li {
			width: 262px;
			height: 180px;
		}
	
	/* ----------------------------------
	#. Navigation
	---------------------------------- */
	
	.navigation {
		width: 1210px;
	}

}

/* 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;
	}

}