
.is_mobile{ display: none; }
.is_desktop{ display: block; }

@media only screen and (max-width: 991px){

	.is_mobile{ display: block !important; }
	.is_desktop{ display: none !important; }


	h1, h2, h3, h4, h5, h6{ }

	h1 { font-size: 1.25rem !important; }
	h2 { font-size: 1.20rem !important; }
	h3 { font-size: 0.90rem !important; }
	.h2-modal { font-size: 1.00rem !important; }


	
	.cln-sm-100p{ width: 100% !important; }
	.cln-sm-50p{ width: 50% !important; }
		


	/* HEADER */
		header{
			height: 70px !important; 
		}
		.header-logotipo .header-image{
			width: calc(70% - 1px);
			padding-right: 0px;
		}
		.header-logotipo .header-participe{
			width: calc(35% - 1px);
		}
		.nav-menu-dft {
			flex-direction: column !important;
		}
		.nav-menu-dft li { margin: 8px 0 !important; }



	/* MAIN */
		#app{ padding-top: 68px !important; padding-top: 40px !important;  }
		main{
			height: auto !important;  
			padding: 45px 0 !important;
		}
		.section-slider-home .bg{
			/*background-position: top center;*/
			/*background-size: 200% !important; */
			/*background-repeat: no-repeat !important; */

			background-position: top center !important;
			background-size: contain !important;
			background-repeat: no-repeat !important;
		}
		.section-slider-home, 
		.section-slider-home .bg.bg-banner {
			height: calc(70vh - 5px) !important;
			height: auto !important;
		}
		.controlNav { display: none !important; }

		.box-form-header{ border-top: 1px solid rgb(241 34 156); border-top: 1px solid rgb(237 192 160); margin-top: 5px; padding-top: 5px; }
		.box-form-header.active { /*display: none !important;*/ }

		.bar-mobile .navbar-toggler{
			font-size: 2rem !important;
			color: var(--color-white);
			box-shadow: inset 0 -1px 0 #ddd;
			box-shadow: none;

		}


		.menu_bar_login {
			position: relative;
			display:none !important;
		}
		.menu_bar_login.active{
			display: block !important;
		}
		/*.menu_bar_login.active{*/
			/*top: 0;*/
		/*}*/



		.menu-bar, .menu_bar {
			position: relative;
			display:none !important;
		}
		.menu-bar.active, .menu_bar.active{
			display: block !important;
		}
		.menu-principal{
			position: absolute;
			top: -200px;
			background-color: #DD0886;
			background-color: #3a160f;
			width: 100%;
			padding-bottom: 10px;
			-webkit-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
		}
		.menu-bar.active .menu-principal{
			top: 0;
		}
		.nav-menu-principal{ 
			flex-direction: column !important;
		}
		.nav-menu-principal .nav-a{
			width: 100% !important;	
		}
		.nav-menu-principal .nav-item, 
		.nav-menu-principal .nav-item-b {
			width: 100% !important;
			font-size: .80rem !important;
			padding: 10px 0px 10px 0px !important;
			/*border-bottom: 1px dotted white;*/
		}

		
		.navbar-toggler{ padding: 0.25rem 0.5rem !important; }
		.navbar-toggler i{ color: #dd0886 !important; }
		.navbar-toggler:active{ background-color: rgb(38 49 105) !important; }
		.navbar-toggler:active i{ color: #FFFFFF !important; }
		.btn-login{
			padding: 0.50rem 0.50rem !important;
			font-size: 0.65rem !important;		
		}
		.iconmenu.active{ background-color: rgb(38 49 105) !important; }
		.iconmenu.active i{ color: #FFFFFF !important; }



		.btn-minhaconta { padding: 0.5rem 0.5rem !important; font-size: 0.65rem !important; }
		header .label_text { font-size: 0.80rem !important; }

		.btn-blue.larg { font-size: 1.0rem !important; letter-spacing: 0.05rem !important; }

		.box-produto img {
			border-radius: 0.75rem !important;
		}


	/* CADASTRO */
		.section-cadastro .wrapper-cadastro {
			padding-top: 85px !important;
		}
		.card-box{
			padding-top: 30px !important;
		}
		.form-cadastro .form-content {
			margin-bottom: 0 !important;
		}
		.form-cadastro .form-group .form-label {
			font-size: .65rem !important;
			margin-bottom: 0.20rem !important;
		}
		.box-termos .field .form-check-input{
			margin-top: 0 !important;
		}
		.box-termos .text label {
			font-size: .75rem !important;
		}

		.nav-tabs.tabs-custom .nav-link { padding: 1rem 3rem !important; text-align: center !important;  }
		.nav-tabs.tabs-custom{ width: 100% !important; }
		.nav-tabs.tabs-custom li{ width: 100% !important; }
		.card.card-padrao.tabs {
			border-top-left-radius: 0.25rem;
			border-top-right-radius: 0.25rem;
			border-top: 1px solid #ed3c91;
		}
		.card.card-padrao .card-body { padding: 15px !important; }



		.card.card-roleta{
			min-width: 50vw !important;
			max-width: 95vw !important; 
		}
		.roulette {
			width: 90vw !important;
			height: 90vw !important;
		}

	
	/* REGULAMENTO */
		.box-pdf{
			border: 0;
			border-radius: 16px;
			/* padding: 8px 30px; */
			/* padding-top: 4px; */
			/* padding-bottom: 30px; */
			background-color: #FEA7DA;
			background-color: #E0AA91;
			/* box-shadow: 0.3rem 0.3rem 0.2rem rgb(255 255 255 / 90%) !important; */
			box-shadow: 7px 7px 5px rgb(139 2 83 / 80%);
			box-shadow: 7px 7px 5px rgb(58 22 15 / 80%);
			-webkit-clip-path: unset;	
			padding: 16px;
		}

        .iframePDF {
            width: 100%;
            height: 50vh !important;
            border: none;
			border-radius: 4px;
        }
	
		.scroll-vert{ position: relative; overflow-x: auto !important; padding-bottom: 7px; }
		/*.scroll-vert:before{ */
			/*content: 'role para o lado'; */
			/*position: absolute; */
			/*bottom: -2px; */
			/*left: 0;*/
			/*font-size: .65rem;*/
		/*}*/
		.scroll-vert::-webkit-scrollbar-track
		{
			/*-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);*/
			background-color: #FFFFFF;
		}
		.scroll-vert::-webkit-scrollbar
		{
			/*width: 6px;*/
			height: 3px;
			background-color: #FFFFFF;
		}
		.scroll-vert::-webkit-scrollbar-thumb
		{
			background-color: #000000;
		}

		.scroll-vert .scroll-wrap{ width: 500px !important; }


		.text-example .txtspan-sm{ display: block !important; }
		.text-example .txtspan{ width: 40px !important; }
		.text-example .txtspan span{ display: none !important; }



	/* FALE CONOSCO */
		.form-cadastro.form-faleconosco .form-content textarea.form-control{
			height: 120px !important;	
		}
		.form-cadastro.form-faleconosco .form-group .form-control {
			font-size: .68rem !important;
			padding: 0.4rem 0.5rem !important;
		}



	/* PRODUTOS */
		.img-pack-produtos { max-width: 90% !important; margin: 0 auto !important; }
		.rowListProduto{ border-top: 1px dashed gray; padding-top: 0.5rem !important; }



	/* CARDS */
		.card.card-padrao.mrMD { width: 100% !important; }
		.card.card-padrao{ border-radius: 0.5rem !important; }
		.card.card-login{ width: 100% !important; }
		.card.card-contagem{ width: 100% !important; }

		.card.card-cupom-produtos .card-header { font-size: 0.8rem !important; }
		.card.card-cupom-produtos .card-body {
			padding: 12px 10px !important;
			font-size: .72rem !important;
		}

		.tagnumsorte { padding: 12px 12px !important; margin: 4px 3px !important; font-size: 0.9rem !important; }



	/* BUTTONS */
		.btn-primary { padding: .5rem 1.5rem !important; font-size: .85rem !important; }
		.btn-cadastro { font-size: 0.90rem !important; }



	/* FOOTER */
		footer .text-regulamento{
			font-size: .60rem !important;
		}
		footer .text-regulamento p{
			font-size: .60rem !important;
			line-height: 1.1 !important;
		}
		footer .logotipo{
			width: 33% !important;
			margin: 0 auto !important;
		}
		footer .social-media {
			display: flex !important;
			justify-content: center !important;
		}

}

@media only screen and (min-width: 1920px){

}