/* MEDIA QUERIES */

/* GAME MODAL */
@media (max-width: 1200px) {
	/* FIXING THE LANDSCAPE - PORTRAIT BREAKPOINT */
	#gameModal .modal-xl {
		max-width: 768px !important;
	}
}
@media (max-width: 1024px) {
	/* FIXING THE LANDSCAPE - PORTRAIT BREAKPOINT */
	#gameModal .modal-xl {
		max-width: 512px !important;
	}
}

/* OTHER */ 

@media (max-width: 375px) {
	.headline h1, h1 {
		font-size: 2rem !important;
		word-spacing: -2rem !important;
	}
	h2 {font-size:1.8rem !important; word-spacing:-1.8rem !important}
}

@media (max-height: 650px) {
	.headline p {
		font-size: 1.1rem !important; 
	}
}

@media (max-width: 1199px) {
	
	/* header { height: 700px !important; margin-bottom: 50px !important;} */
   .icon-wrap { padding: 0 15px; }
   .feature .heading, .feature-block { padding-right: 0; }
   .gallery a { display: block; }
   .gallery .owl-item { padding: 0 10px; }
   .owl-carousel .owl-controls { opacity: 1; }
   .arrow-left, .arrow-right { opacity: 1; } 
   
}


@media (min-width: 376px) and (max-width: 991px) {

	.nav-submenu {
		display: block !important;
		position: relative !important;
		box-shadow: none !important;
		opacity: 1 !important;
	}
	
	.headline h1 { font-size:3rem !important; word-spacing:-3rem !important}
	
	h2 {font-size:2rem !important; word-spacing:-2rem !important}

	.screenshot-container div img {
		margin: 0 auto;
		width: 100% !important;
	}

	.buybutton {
		margin-bottom:25px;	
	}

	.feature-m:last-child {
		margin-bottom: 50px !important;
	}
	
	.cpr {
		margin-bottom:15px !important;	
	}
	
	.feature-s {
		padding: 0 !important;
	}

    .nav .download-btn a:hover, .nav .download-btn a.active {
        color: #217099;
    }

	.top-bar { 
		position: fixed; 
		top: 0; 
		left: 0; 
		width: 100%; 
		z-index: 999; 
		padding: 0 0 10px;
		margin: 0; 
		background: #217099; 		
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); 
	}
	
	



	
	.top-bar .logo { margin-top: 15px; margin-left: 10px; margin-bottom: 5px;}
	.top-bar .nav { padding-top: 5px; position: absolute; width: 100%; left: 0; float: none; }
	.top-bar.slidedown { display: none; }
	.nav li a, .nav li:first-child a.active { padding: 10px 0 !important; }
	.nav li { border-top: 1px solid #2985ad; }
	.nav li, .nav li a { display: block !important; text-align: center; }
	.nav li a.active, .nav li a:hover, .nav .download-btn a, .nav li:first-child a.active, .nav li:first-child a.active:hover { border-radius: 0 !important; }
	.nav li:first-child a.active { display: block; }
	.nav .download-btn a { color: #fff; background: none; }
	.nav .download-btn a:hover, .nav .download-btn a.active { background: #fff; }
	
	.swb p {
		text-align:center !important;	
	}
	
	h2 {text-align:center}
   
}


@media (max-width: 767px) {
	
	/* Special classes */
	
	.stretch-page footer {
		position: relative !important;
	}
	
	/* Footer columns */
	
	.footer-column-left, .footer-column-center {
		margin-bottom: 2rem;
	}
	
	.footer-column-left div, .footer-column-right div {
		text-align: center !important;
	} 
	
	
	/* Home blocks */
	
	.block-center, .block-left {
		margin-bottom: 32px;
	} 
	
	.block-right, .block-left {
		text-align: center !important;
	}
	
	.block-image, .block-container {
		padding: 8px;
		top: 0 !important;
		left: 0 !important;	
	}
	
	/* Exercise block tweaks */
	.exercise-text {
		padding-bottom: 1rem;
	}
	
	.overlay-text {
		font-size:5rem !important;
	}

}

@media (max-width: 600px) {
	/* header { margin-bottom: 50px !important;}*/
	.top-bar .logo { margin-left: 0 !important;  height: 36px !important; width: 130px; }
	.navbar-toggle { right: 0 !important;}
	.submitbutton { width:100% !important;}
}

@media (max-width: 425px) {
	
	.navbar-logo a p {
		display:none !important;
	}
	
	.headline-logo {
		max-width: 128px !important;
		margin: 48px auto 0 auto !important;
	}
	
	.headline-content {
		position: initial !important;
	}
	
	.navbar-collapse {
		max-width: 100% !important;
		right: 0 !important;
		top: 72px !important;
	}
	
	
}