@media all and (max-width: 1023px) {
	#filter_search{
		width:100% !important;
	}
	#filters label, span.span-check{
		font-size:14px;
	}
	.sidebar-left{
		top:90px !important;
	}
  	/*all styles*/
  	header{
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: reverse;
	        -ms-flex-direction: row-reverse;
	            flex-direction: row-reverse;
	}
	.stickmenu .logo{
		width: 120px;
	}  
	.card-comming{	
	    border-radius: 10px;
	}  
	.card-comming h4{
    	font-size:1rem;
  	}
  	.navbar-wrapper{
  		display: none;
  	}
  	#open-nav{
		display: block;
		font-size:23px;
		color:var(--primary-color);
		cursor: pointer;
		margin-left: auto;
	}
	.navbar-nav, .search{
		display: none !important;
	}
	.sub-menu{
		list-style: none !important;
		padding-left:15px;
	}
	ul.nav-mob{
		padding:0px !important;
	}
	/* Sidenav */
	/* The side navigation menu */
	.sidenav {
	  height: 100%; /* 100% Full-height */
	  width: 250px; /* 0 width - change this with JavaScript */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Stay on top */
	  top: 0; /* Stay at the top */
	  right: -250px;
	  background-color: #FFF; /* Black*/
	  overflow-x: hidden; /* Disable horizontal scroll */
	  padding-top: 15px; /* Place content 60px from the top */
	  -webkit-transition: 0.5s;
	  -o-transition: 0.5s;
	  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	  display: block;
	}

	.sidenav-filters{
		left: -250px;
	}

	.sidenav.open{
		right:0px;
		z-index:9999999;
	}

	.sidenav-filters.open{
		left: 0px;
		padding:15px;		
	}

	/* The navigation menu links */
	.sidenav a {
	    padding: 15px;
	    text-decoration: none;
	    font-size: 16px;
	    color: var(--primary-color);
	    display: block;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    font-weight: bold;
	}

	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
	  color: var(--blue-color);
	}

	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		cursor: pointer;	    
	    font-size: 36px;	    
	    width: 100%;
	    text-align: right;
	    padding:0px 10px;
	}
	.text-down{
		width: 80%;
		margin-right: auto;
		margin-bottom: 20px;
	}
	/*.proceso .circle.direction-top:after, .proceso .circle.direction-bottom:after{
		display: none !important;
		width:0px;
		border:none;
		background:none;
	}*/

	.row-contador{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		background:none;
	}

	.card-comming{
		border-radius: 10px;
	}
	.card-content-r{
		height:200px;
	}
	.img-download{
		top:0px;		
	}
	.btn-download{
		margin-left:0px !important;
	}
	.beneficio {
	    max-height: 320px !important;    
	}
	.navbar-wrapper{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.stickmenu{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.div-sm-ele{
		width: 100%;
	}
	.gray-line{
		border: none;
	}
}