/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) { 
 	.modal-dialog {
        width: 600px;
        margin: calc(50vh - 150px) auto 0 auto;
	}
	
	.btn { padding-left:40px; padding-right:40px; }
	.btn-small { padding:10px 0; }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	
	h1, .h1 { font-size:56px; line-height: 52px; }
	h2, .h2 { font-size:30px; }
	h3, .h3 { font-size:16px; }
	
	#header { top:50%; margin-top: -40px; left: 0; }
	
	section.xs { padding-top:15px; padding-bottom:15px; }
	section.sm { padding-top:30px; padding-bottom:30px; }
	section.md { padding-top:60px; padding-bottom:60px; }
	section.lg { padding-top:120px; padding-bottom:120px; }
	section.lgb { padding-bottom:120px; }
	section.bg { padding:120px 15px; }
	
	.box-square { padding:0 15px; }
	
	.title_primary { font-size: 120px; }
	.title_secondary { font-size: 47px; }
	
	#block-product { padding:40px 60px; }
	#block-product h1 { font-size:39px; }	
	
	.ls-fullheight { height:auto; position:absolute; top:0; bottom:0; }
	
	.lg-outer .lg-img-wrap { padding: 80px; }
	
	.vertical-divider { width: 1px; height: 100%; background-color: rgba(255,255,255,0.4); position: fixed; top: 0; left: 50%; z-index: 999; }
	.vertical-line { width: 1px; height: 100%; background-color: rgba(255,255,255,0.4); position: absolute; top: 0; left:0; }
	
	.primary-logo img { height: auto; }
	
	.ml-md-120-n { margin-left: -120px; }
	
	#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; bottom: auto; }
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
	
	h1, .h1 { font-size:74px; line-height: 64px; }
	h2, .h2 { font-size:39px; }
	h3, .h3 { font-size:22px; }
	
	.container {
        width: 100%;
		max-width: 1400px;
    }
	
}