.tab-preview{display: none;}
.tab-preview{display: flex; flex-wrap: wrap; align-items: center;}
.tab-preview .cropping{width: 100%;}
.tab-preview .cropping.top{margin: -1px 0 -16% 0;}
.tab-preview .cropping.bottom{margin:-10% 0 -4px 0;}
.tab-preview .tab-image{width: 30%; position: relative;}
.tab-preview .tab-image .image-wrap{}
.tab-preview .tab-content{width: 70%; padding:0 9vw 10vw 50px;}
.tab-preview .tab-content > .title{text-transform: uppercase; margin:0.65em 0 20px 0; }
.tab-preview .tab-content > p{width:75%;}
.tab-preview .tab-content .secondary{color:#6cc24a; position: relative;}
.tab-preview .tabs{display: flex; align-items: stretch; margin:20px 0;}
.tab-preview .tabs .description{display: none;}
.tab-preview .tabs .tab{width: 25%;padding:10px 20px;background: #d7d7d7;margin-right:10px;align-items: center;display: flex; cursor: pointer;}
.tab-preview .tabs .tab .title {margin:0;}
.tab-preview .tabs .tab:hover, .tab-preview .tabs section.active{background: #6cc24a;}
.tab-preview .tabs .tab:hover .title, .tab-preview .tabs section.active .title{color: white;}
.tab-preview .tabs .tab .title, .tab-preview .tabs section .title{line-height: 1.2em;}
.tab-preview .tab-content .content .description{height: 200px;}

.home .tab-preview .walkthrough-scroller{bottom: 450px;}

.tab-preview .arrow{
	position: absolute;
    top: 1px;
    bottom: 0px;
    margin: auto;
    height: 5px;
    right: -25px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #6cc24a;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
}

@media(max-width: 2400px){
    .tab-preview .tab-content{padding: 0 9vw 15vw 50px;}
}

@media(max-width: 2200px){
    .home .tab-preview .walkthrough-scroller{bottom: 400px;}
}

@media(max-width: 2000px){
    .home .tab-preview .walkthrough-scroller{bottom: 350px;}
}

@media(max-width: 1920px){
    .tab-preview .tab-content{padding: 0 9vw 5vw 50px;}
}

@media(max-width: 1700px){
    .home .tab-preview .walkthrough-scroller{bottom: 300px;}
}

@media(max-width: 1600px){
    .home .tab-preview .walkthrough-scroller{bottom: 280px;}
}

@media(max-width: 1500px){
    .home .tab-preview .walkthrough-scroller{bottom: 270px;}
}

@media(max-width: 1440px){
    .home .tab-preview .walkthrough-scroller{bottom: 200px;}
}

@media(max-width: 1150px){
    .home .tab-preview .walkthrough-scroller{bottom: 175px;}
}

@media (max-width:1024px){
	.tab-preview .tab-image .image-wrap{display:none;}
	.tab-preview .tab-content{width:90%; padding:50px 0 185px 0; margin:0 auto; text-align:center;}
	.tab-preview .tab-content > p{text-align:center; width:80%; margin:0 auto;}
	.tab-preview .tab-content .description{display:none;}
	.tab-preview .tabs .tab{background:#6cc24a; }
	.tab-preview .tabs .tab .title{color:#fff; text-align:center; width:100%;}
}


@media (max-width:768px){
	.tab-preview .tabs{flex-wrap:wrap;}
	.tab-preview .tabs .tab{width:48%; margin:1%;}
}

@media (max-width:460px){
	.tab-preview .tab-content{padding-bottom:85px;}
	.tab-preview .tabs .tab{width:98%; margin:1%;}
}