section.schedule {
    float: left;
    width: 100%; }

	section.schedule .tab-day {
	    float: left;
	    width: 100%;
	    border-bottom: 1px solid #eee; }
	    section.schedule .tab-day .tab {
		    float: left;
		    width: calc(100% / 7);
		    font-weight: bold;
		    text-transform: uppercase;
		    text-align: center;
		    padding: 5px;
    		transition: 0.5s;
		    cursor: pointer; }
	    	section.schedule .tab-day .tab.active,
	    	section.schedule .tab-day .tab:hover {
	    		background-color: var(--frame-main);
	    		color: white;
	    		transition: 0.3s; }

	section.schedule .tab-data {
	    float: left;
	    width: 100%; }
	    section.schedule .tab-data .grid {
	    	display: none; }
	    	
		    section.schedule .tab-data .grid .box {
	    	    display: flex;
    	        flex-wrap: wrap;
			    padding: 10px 0;
			    border-bottom: 1px solid #eee; }
		    	section.schedule .tab-data .grid .box.active {
			    background-color: var(--frame-main);
    			color: white; }

			    section.schedule .tab-data .grid .box .time {
		    	    display: flex; align-items: center;
		    	    height: 100%;
				    font-size: 16px;
				    font-weight: bold;
				    text-transform: uppercase;}
			    	section.schedule .tab-data .grid .box .time p {
			    		width: 100%; 
					    text-align: right; 
					    margin: 0; }
				    	@media (max-width: 425px) { section.schedule .tab-data .grid .box .time p { text-align: left; } }
			    section.schedule .tab-data .grid .box .image {
				    float: left;
				    width: 100%;
				    height: 200px;
				    background-position: center;
				    background-size: cover;
				    transition: 0.3s; }
			    section.schedule .tab-data .grid .box .title {
				    font-size: 14px;
				    font-weight: bold;
				    text-transform: uppercase; }
			    section.schedule .tab-data .grid .box .desc {
				    font-size: 10px; }