@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px !important;
	}
	.content-block{
		min-height: auto;
	}
}

@media (max-width: 1024px){
	#timer{
		font-size: 64px;
	}
	.rundown{
		margin-top: 35%;
	}
	.content-top{
		height: auto;
	}
	.content-bottom{
		height: auto;
	}

	.content-flex{
		padding-bottom: 0;
	}
}
@media (max-width: 823px){
	.content-top{
		padding: 100px 40px 0px 40px;
	}
	.text-congrats{
		position: relative;
		right: 0;
	}
	.content-flex{
		padding-bottom: 0;
	}
	.virtual-box{
		margin-top: 0;
	}
	.rundown {
		margin-top: 15%;
	}
	.inner {
		padding-right: 0;
		position: relative;
		min-height: auto;
		height: auto;
	}
	.content-inner-left {
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 40px 40px;
	}
	.content-inner-right {
		float: none;
		width: 100%;
		padding: 40px 40px;
	}
}
@media (max-width: 768px){
	#timer{
		font-size: 40px;
	}
	.rundown{
		margin-top: 60%;
	}
	.rundown .logo-rundown{
		width: 100%;
	}
	.topbar{
		position: absolute;
	}
	.text-congrats{
		position: relative;
		right: 0;
		margin-top: 40px;
	}
	.text-congrats h1{
		font-size: 40px;
	}

	.table-rundown{
		margin-bottom: 32px;
	}
	.content-block{
		height: auto;
		min-height: auto;
	}
	.content-flex{
		padding-bottom: 0;
	}
	.content-top{
		height: auto;
		padding: 100px 16px 16px 16px;
	}
	.content-top .logo-smexpo{
		margin-top: 40px;
	}
	.content-bottom{
		height: auto;
		padding: 40px 16px;
	}
	.footer{
		position: relative;
	}
	.logo-smexpo{
		margin-top: 50%;
	}
	.action-header{
		margin-top: 100%;
		width: 100%;
	}

}
@media (max-width: 767px){
	h2{
		font-size: 24px !important;
		line-height: 34px !important;
	}
	.topbar{
		position: relative;
	}
	.topbar-left{

	}
	.topbar-left img, .topbar-right img {
		width: 100%;
		height: auto;
	}
	.content-flex{
		display: block;
		height: auto;
		min-height: auto;
	}
	.content-left{
		width: 100%;
		padding: 40px 16px;
	}
	.content-right{
		width: 100%;
	}
	.rundown{
		margin-top: 0;
	}
	.rundown .logo-rundown{
		width: 100%;
	}
	#timer{
		font-size: 40px;
		margin-top: 40px;
	}
	#timer span{
		margin: 12px;
	}


	.footer{
		position: relative;
		height: auto;
		background: #fff;
		border-top: 1px solid #eee;
	}
	.copyright{
		text-align: center;
		margin-bottom: 24px;
		color: #086db5;
	}
	.social-media a img{
		width: 24px;
		height: 24px;
	}
	.support{
		margin: 24px 0px;
		text-align: center;
	}

	#password{
		padding-top: 40px;
	}
	.form-wrapper{
		height: auto;
	}
	.content-right{
		padding: 40px 0px;
	}

	.content-top{
		height: auto;
		margin-bottom: 0;
		padding: 16px 16px 16px 16px;
	}
	.text-congrats{
		position: relative;
		text-align: center;
		right: 0;
		margin-top: 40px;
	}
	.text-congrats h1{
		font-size: 32px;
	}
	.content-bottom{
		padding: 40px 16px;
		height: auto;
	}
	.block-green{
		/*height: auto;*/
	}
	.table-rundown{
		margin-bottom: 32px;
	}

	.action-header {
		width: 100%;
		margin: auto;
		margin-top: -10%;
		padding: 0px 16px;
	}
	.profil-tenant h2{
		margin-bottom: 24px;
	}


	/* LAUNCH */
	.welcome {
		width: 100%;
		margin: auto;
		margin-top: 0;
		padding: 40px 16px;
	}
	.welcome-footer {
		position: relative;
		width: 100%;
		bottom: 0;
		z-index: 0;
	}
	.text-box-null {
		margin: 20px 0px 40px 0;
	}
	.text-box {
		margin: 20px 0px 40px 0;
		display: block;
	}
	.wizard > div.wizard-inner{
		display: none;
	}

	.rundown{
		padding: 0px 16px;
	}
	.virtual-box{
		margin-top: 0;
	}

	.inner{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.content-inner-left {
		float: none;
		width: 100%;
		margin-right: inherit;
		padding: 40px 16px;
	}
	.content-inner-right {
		float: none;
		width: 100%;
		padding: 40px 16px;
	}
	.pra-login-form {
		width: 90%;
		background: rgba(255,255,255,0.10);
		margin: 60px auto;
		padding:80px 40px;
	}
	.ps-cart--mini
	{
	    display:none;
	}
	.ps-block--user-header
	{
	    display:none;
	}
}



@media(max-width: 736px){
	.logo-smexpo{
		margin-top: 10%;
	}
	.topbar-right img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		text-align: right;
		object-position: top right;
	}
}
@media (max-width: 640px){
	.logo-smexpo{
		margin-top: 10%;
	}
}

@media (max-width: 280px){
	.content-top{
		padding: 0px 16px 0px 16px;
	}
}

@media (max-width: 320px){
	
	.text-box{
		padding: 8px 16px;
	}
}