@media(max-width:1400px) 
{
	#visual{
	    height: 650px;
	}
	.visual-text{
        bottom: 170px;
    }
	.row {
	    margin-right: -5px;
	    margin-left: -5px;
	}
}

@media(max-width:920px) and (min-width: 721px) 
{
	#visual{
		height: auto;
	}
	.visual-text{
		padding: 0 0 30px 0;
	}
	#nav-menu {
    	margin-left: 5px;
   	}
   	#nav-menu li a {
	    padding: 8px 10px;
	}
	.term-item{
		margin-bottom: 35px;
	}
}

@media(max-width:720px) 
{
	#visual{
		height: 420px;
		background-image: url('../images/visual-xs.jpg');
		margin-bottom: 40px;
	}
	#visual .date{
		bottom: -50px;
	}
	.grid{
		margin-left: -10px;
	}
	.visual-text{
        text-align: center;
        width: 100%; margin-left: 0;
        bottom: 20px; left: 0;
	}
	.visual-text h1{
		font-size: 40px;
	}
	.modal{
		width: 100%;
		padding: 0;
	}
	.owl-nav .owl-prev span, 
	.owl-nav .owl-next span {
	    margin-top: -15px;
	}
	section.default{
		padding: 20px 0 40px 0;
	}
	section.default h1{
		font-size: 36px;
	}
	.term-item{
		margin-bottom: 45px;
	}
	#products h1{
		margin-top: 0;
	}
	#products h1 br{
		display: inline-block !important;
	}
	.headliner p{
		font-size: 20px;
	}
	.visual-text .btn{
		margin-bottom: 5px;
	}

	.tabler{
		height: auto;
		width: 100%;
		overflow-x: auto;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		top: 0px;
		z-index: 99;
		will-change: box-shadow;
		transition: box-shadow 150ms ease 0s;
	}

	.tabler::-webkit-scrollbar {
	    width: 6px; height: 6px;
	}
	.tabler::-webkit-scrollbar-corner {
	    background: transparent;
	}
	.tabler::-webkit-scrollbar-thumb {
		min-height: 20px;
		border: solid transparent;
		border-width: 1px 3px;
		border-radius: 1px;
		background-clip: content-window;
		box-shadow: inset 0 0 0 10px rgba(255,255,255,0.85);
	}

		.tabler-item{
			height: 32px;
			color: rgb(69, 75, 84);
			font-weight: 500;
			line-height: 32px;
			margin: 4px;
			background: rgb(243, 243, 247);
			padding: 0px 16px;
			border-radius: 16px;
			flex: 0 0 auto;
		}
}