/* ---------------------------------------------------------------------- */
/*	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; }
    .btn-block { padding: 10px 0; }
    
    #page-contact .pull-left { float: left !important; } 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	
	h1, .h1 { font-size:70px; line-height: 1em; }
    h2, .h2 { font-size:40px; line-height: 1em; }
    h3, .h3 { font-size:30px; line-height: 1em; }
    h4, .h4 { font-size:26px; }
    h5, .h5 { font-size:18px; }
	
	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; }
    
    .pl-md-140  { padding-left: 140px; }
    
    .mw-md-400 { max-width: 400px; display: inline-block; }
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
	body.navigation-is-open .primary-nav {	
		display: none;
	}
	body.navigation-is-open .menu-wrap {
		background-color: transparent;
	}
    
    .container { width: 970px; }
    
    .primary-logo img { max-height: none; }
    .primary-nav { padding-top: 200px; }
    .primary-nav-wrap { height: 140px; }
    
    #header .menu > ul > li > a { padding: 57px 10px 37px 10px; }
    #header.affix .menu > ul > li > a { padding: 50px 10px 44px 10px; }
    
}

@media (min-width:1460px) {
    
    .container-fluid { max-width: 1400px; }
    
    .ratio-xl-5x2 { padding-top:40%; width:100%; position:relative; overflow:hidden; }
    .ratio-xl-3x1 { padding-top:33.333%; width:100%; position:relative; overflow:hidden; }

}