.show-1200,
.show-1024,
.show-900,
.show-768,
.show-767,
.show-700,
.show-600,
.show-500, .show-mobile {
	display: none !important;
}

@media only screen and (max-width : 1200px) {
	.hide-1200 { display: none !important; }
	.show-1200 { display: block !important; }
	#wrapper span.show-1200 { display: inline-block !important; }
	#wrapper .tbl.show-1200 { display: table !important; }
	#wrapper .row.show-1200 { display: table-row !important; }
}

@media only screen and (max-width : 1023px) {
	.hide-1024 { display: none !important; }
	.show-1024 { display: block !important; }
	#wrapper span.show-1024 { display: inline-block !important; }
	#wrapper .tbl.show-1024 { display: table !important; }

	.clean_br br {
		display: none;
	}

	.slct_dd .dd {
		display: none !important;
	}

	.slct_dd select,
	.slct select {
		display: block;
		visibility: visible;
		z-index: 999999;
	}
	
	.center-1024 {
		text-align: center;
	}

		.center-1024 ul {
			display: inline-block;
		}
		
		.center-1024 .dFlex {
			display: inline-flex;
		}
	
}

@media only screen and (max-width : 900px) {
	.hide-900 { display: none; }
	.show-900 { display: block !important; }
	span.show-900 { display: inline !important; }
	.tbl.show-900 { display: table !important; }
}

@media only screen and (max-width : 768px) {
	.hide-768 { display: none !important; }
	.show-768 { display: block !important; }
	span.show-768 { display: inline-block !important; }
	.tbl.show-768 { display: table !important; }
}

@media only screen and (max-width : 767px) {
	.hide-767 { display: none !important; }
	.show-767 { display: block !important; }
	span.show-767 { display: inline-block !important; }
	.tbl.show-767 { display: table !important; }

	.block-767 { display: block; }

	.no_padd-767 {
		padding: 0 !important;
	}

	.show-mobile {
		display: block !important;
	}

	.hide-mobile {
		display: none !important;
	}
	
	.center-768 {
		text-align: center;
	}

}

@media only screen and (max-width : 700px) {
	.hide-700 { display: none !important; }
	.show-700 { display: block !important; }
	 span.show-700 { display: inline-block !important; }
	.tbl.show-700 { display: table !important; }
	.row.show-700 { display: table-row !important; }

	.clear_br br, .description br {
		display: none;
	}
}

@media only screen and (max-width : 600px) {
	.hide-600 { display: none !important; }
	.show-600 { display: block !important; }
	span.show-600 { display: inline-block !important; }
	.tbl.show-600 { display: table !important; }
	.row.show-600 { display: table !important; }
}

@media only screen and (max-width : 500px) {
	.hide-500 { display: none !important; }
	.show-500 { display: block !important; }
	span.show-500 { display: inline-block !important; }
	.tbl.show-500 { display: table !important; }
	.block-500 { display: block; }
}


@media only screen and (max-width:1200px) {
	
	.marg_b_mobile {
		margin-bottom: 40px;
	}

	.scrollDowns {
		display: none;
	}
	
	#wrapper .padd_tb {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	#wrapper .padd_tb2 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#content .dFlex.mainHolder {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.dFlex.mainHolder > .col50,
	.dFlex.padded.mainHolder > div {
		width: 100% !important;
	}

	.dFlex.mainHolder:not(.textBoxes) > .col50,
	.dFlex.padded.mainHolder:not(.textBoxes) > div {
		padding-bottom: 25px;
	}
		.dFlex.mainHolder:not(.textBoxes) > .col50:last-child,
		.dFlex.padded.mainHolder:not(.textBoxes) > div:last-child {
			padding-bottom: 0;
		}


	#wrapper .btns:not(.left) {
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 0;
		margin-left: 0;
	}
		#wrapper .btns:not(.left) a {
			margin-right: 15px;
			margin-left: 15px;
		}

		#wrapper .btns:not(.left) a:only-child {
			margin-right: 0;
			margin-left: 0;
		}

		
	.tabletCenter {
		text-align: center;
	}
	
	.dFlex.padded_sm.m_twoCols > div {
		width: 50% !important;
	}
	
	.dFlex.padded_sm.m_twoCols:not(.textBoxes) > div:not(.slick-list) {
		padding-bottom: 25px;
	}
		.dFlex.padded_sm.m_twoCols:not(.textBoxes) > div:last-child {
			padding-bottom: 0;
		}
		
	
}



@media only screen and (max-width:1023px) {
	
	#header {
		position: fixed;
		padding: 0;
	}
	
	#wrapper .padd_tb,
	#wrapper .padd_tb2 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#sideMenu .sideMenu .scroll {
		overflow: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: auto;
	}

	#sideMenu .sideMenu.open .scroll {
		margin-top: 0;
	}

	#sideMenu ::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	#sideMenu ::-webkit-scrollbar:vertical {
		width: 10px;
	}

	#sideMenu ::-webkit-scrollbar:horizontal {
		height: 10px;
	}

	#sideMenu ::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, .99);
		border-radius: 10px;
	}

	#sideMenu ::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(255, 255, 255, .2);
	}
		
	h1, .h1, h1.bigger, .h1.bigger {
		font-size: 2.5em !important;
	}
	
	#intro h1 {
		font-size: 2.2em !important;
	}
	
	
	#ftHolder .info {
		order: 2;
		-webkit-order: 2;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
		#ftHolder .info .btns {
			margin-left: -10px;
			margin-right: -10px;
			margin-bottom: -20px;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
			#ftHolder .info .btns > * {
				margin: 0 10px 20px 10px;
			}

	#ftHolder .ftLinks {
		width: 100%;
		max-width: 100%;
		order: 1;
		-webkit-order: 1;
	}
	
	#ftHolder .apps {
		order: 3;
		-webkit-order: 3;
	}
	
	#ftHolder .apps + div {
		order: 4;
		-webkit-order: 4;
	}

}

@media only screen and (max-width:950px) {
	
	.sectionHeader .txt {
		width: 100%;
		padding-bottom: 20px;
	}
}

	
@media only screen and (max-width:830px) {
	
	.ftLinks {
		-webkit-box-pack: unset !important;
		-ms-flex-pack: unset !important;
		justify-content: unset !important;
	}
	
	.ftLinks > div {
		width: 33.33333%;
	}
	
}
	
@media only screen and (max-width:767px) {
	
	:root {
		--header-height: 80px;
	}
	
	.padd {
		padding: 20px;
	}
		
	.iconRow.slick-dotted:not(:last-child) {
		margin-bottom: 30px;
	}
	
	#content .dFlex.padded_sm {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#content .dFlex.padded_sm:not(.left) {
		text-align: center;
	}
		.dFlex.padded_sm:not(.left) .wLine:before {
			margin: auto;
			right: 0;
		}
		
		#content .dFlex.padded_sm:not(.left) ul {
			display: inline-block;
			text-align: left;
		}
		

	.dFlex.padded_sm > div {
		width: 100% !important;
	}
	
	.dFlex.padded_sm.m_twoCols > div {
		width: 50% !important;
	}

	.dFlex.padded_sm:not(.textBoxes) > div:not(.slick-list) {
		padding-bottom: 25px;
	}
		.dFlex.padded_sm:not(.textBoxes) > div:last-child {
			padding-bottom: 0;
		}
		
	.formHolder .dFlex.padded_sm > div {
		padding-bottom: 0 !important;
	}
	
	#wrapper #intro .padd_tb {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#helpFooter .dFlex.padded_sm:not(.textBoxes) > div:not(.slick-list):not(:first-child) {
		padding-top: 20px;
	}
	
	
}
	
	
@media only screen and (max-width:750px) {
	
	.dFlex.padded {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
		.dFlex.padded > [class*='col'] {
			width: 50% !important;
		}
			
		.dFlex.padded:not(.textBoxes) > [class*='col'] {
			padding-bottom: 35px;
		}
			.dFlex.padded:not(.textBoxes)> [class*='col']:last-child {
				padding-bottom: 0 !important;
			}
		
		
	#sideMenu .bottom .link {
		width: 100% !important;
	}

	#wrapper .padd_tb,
	#wrapper .padd_tb2 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#content.home > section {
		margin-top: 0;
	}
	
	#footer p,
	.ftLinks .contactDetails p {
		max-width: 100%;
	}
		


}
	
	
@media only screen and (max-width:620px) {
	
	.dFlex.padded > [class*='col'] {
		width: 100% !important;
	}

	.bricks > .col25 {
		width: 100% !important;
	}

	.bricks > .col {
		min-height: 250px;
	}

	#sitemap .col50 {
		width: 100% !important;
		padding-bottom: 0 !important;
	}


	.btns {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
		.btns * {
			width: 100%;
		}

		.btns a, .bricks .btns a {
			margin-right: 0 !important;
			margin-left: 0 !important;
			text-align: center;
		}


	.btns {
		margin-right: 0 !important;
	}

	.btns .btn:only-child,
	.btn.btnWider, .bricks .btns .btn {
		width: 100%;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	
	.captcha {
		text-align: center;
	}

	
	.ftLinks > div {
		width: 60%;
	}
		.ftLinks > div:nth-child(even) {
			width: 40%;
		}
	

}



@media only screen and (max-width:570px) {
	
	#header .logo {
		width: 60px;
		height: 30px;
		background-image: url(../img/ousoul_white_logo_mobile.png)
	}
	
	
}
	
	
@media only screen and (max-width:530px) {
	
	h1.big, .h1.big,
	h1.bigger, .h1.bigger {
		font-size: 2.0rem !important;
	}	

}
	
	
@media only screen and (max-width:460px) {
	
	:root {
		--blocks-padding: 25px;
	}

	#footer .copy .links {
		display: block;
		padding-top: 25px;
	}
	
	#footer .copy .links a:first-child {
		margin-left: 0;
	}
	
	.ftLinks .doubleList {
		width: 90%;
	}
	
	.btn {
		display: block;
		width: 100%;
	}
	
		.comboHolder .inpt {
			width: 100%;
			margin-bottom: 12px;
		}
		
		.comboHolder .btn {
			width: 100%;
			margin: 0 0 20px 0;
		}
	
}
	
	
@media only screen and (max-width:400px) {

	#footer .googlePlay, #footer .appStore {
		max-width: calc(100% - 14px);
	}
	
	#topActions .btn {
		margin-left: 10px !important;
		padding-left: 12px;
		padding-right: 12px;
	}

}


@media only screen and (max-height:800px) {
}


@media only screen and (max-height:680px) {
}