.videosList{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    row-gap: 20px;
    position:relative;
}
.videosList .gridItem{
    float:left;
    width:100%;
    border-radius:6px;
    border:1px solid #e5e5e5;
    height:260px;
    overflow: hidden;
}
.videosList .gridItem:hover{
    background:#ccc;
}
.videosList .gridThumb img{
    display:block;
    width:100%;
}
.videosList .gridTitle{
    float:left;
    width:100%;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    padding:10px 15px;
}
.videosList .gridSubTitle{
    float:left;
    width:100%;
    text-align:left;
    padding:10px 15px;
}

.videoEmb{
    margin:0 auto;
    width:700px;
    height:400px;
    background:#000;
}
.videoEmb iframe{
    width:100%;
    height:100%;
    border:1px solid #333;
}

.photosSlider{
    position: relative;
    float:left;
	clear:both;
    width:100%;
    height:600px;
    background:#000;
}

@media(max-width:768px){
    .videosList{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        row-gap: 20px;
        position:relative;
    }
    .videosList .gridItem{
        height:auto;
    }
    .videosList .gridTitle{
        font-size:16px;
        font-weight:bold;
    }

	.videoEmb{
		float:left;
		clear:both;
		width:100%;
		height:400px;
		background:#000;
	}
	.videoEmb iframe{
		width:100%;
		height:100%;
		border:1px solid #333;
	}

    .photosSlider{
        display:block;
        height:auto;
    }
}

@media(max-width:480px){
	.photosList .floatItem, .videosList .floatItem{
        width:100%;
        height:auto;
        margin:0 0 20px;
    }
    .photosList .floatItem img, .videosList .floatItem img{
        width:100%;
    }

	.videosList{
        grid-template-columns: repeat(1, 1fr);
    }
    .videosList .gridItem{
        height:auto;
    }

	.videoEmb{
		float:left;
		clear:both;
		width:100%;
		height:300px;
		background:#000;
	}
}