.vidshell {
    width:32.3%;
    min-height:250px;
    margin:0.5%;
    background-color:#444444;
    border-radius:3px;
    float:left;
}

.vidshell:hover {
    cursor:pointer;
    opacity:0.8;
}

#searcher {
    display:inline-block !important;
    width:100%;
}

.vidtitle {
    width:100%;
    background-color:#777777;
    font-size:10pt;
    padding:3%;
    color:#ffffff;
    text-overflow: ellipse;
    position:relative;
    border-top-right-radius:3px;
    border-top-left-radius: 3px;
    top:0;
    left:0;
}

.vidimg {
    width:100%;
    border-radius:3px;
}

.vidsearch {
    width:70%;
    border:none;
}

.vidsearchbox {
    width:75%;
    padding:10px;
    border-radius:3px;
    font-size: 16pt;
    border:1px solid #cf6700;
    float:left;
}

.vidsearchbtn {
    padding: 10px;
    margin: 0 1%;
    border-radius:3px;
    font-size:16pt;
    background-color:#cf6700;
    color:#ffffff;
    width:25%;
    float:left;
    text-align:center;
}

.vidsearchbtn:hover {
    cursor: pointer;
    opacity:0.8;
}

#showroom {
    width:100%;
    height:468px;
    display:inline-block !important;
}
.showfeatvid {
    margin:1% 0;
    width:100%;
    height:468px;
}

.section {
    width:48%;
    height:200px;
    margin:0 1% 1% 0;
    font-weight:normal;
    font-size:13pt;
    text-align:center;
    border-radius:3px;
    display:inline-block;
}

.section:hover {
    opacity:0.8;
    cursor:pointer;
}

.sectiontitle {
    width:100%;
    height:auto;
    padding:3%;
    color:#ffffff;
    position:relative;
    top:74%;
    border-radius:3px;
}

.headerplaylist {
    width:100%;
    height:auto;
    padding:5% 1%;
    margin:0.5% 0;
    font-size:18pt;
    color:#ffffff;
    text-align:center;
    border-radius:3px;
}

@media screen and (max-width: 800px) {
    .vidshell {
        width:49%;
    }
    .vidsearch {
        width:50%;
    }
    #showroom {
        height:400px;
    }
    .showfeatvid {
        height:400px;
    }
}

@media screen and (max-width: 480px) {
    .vidshell {
        width:100%;
        margin:2% 0;
    }
    .vidsearch {
        width:100%;
    }
    #showroom {
        height:480px;
    }
    .showfeatvid {
        height:480px;
    }
    .section {
        width:98%;
        margin:1% 0;
        display:inline-block !important;
    }
    .vidsearchbox {
        width:100%;
        margin:1% 0;
        padding:3% 5%;
    }
    .vidsearchbtn {
        width:100%;
        margin:1% 0;
        padding:3% 5%;
    }
}