/* CSS Document */

#Header img{width:100%}
#content{position:relative; width:100%; margin-top: 15px;}
#content img.bkg, #banner img{width:100%;}
#inner{width:100%; position:absolute; top:0px; left:0px; padding:15px; overflow: hidden; border-radius: 20px;}
.addVideo{padding-left:20px;}
.addVideo img{width:70%;}
img.install{}
img.rotor{width:100%; position:absolute; top:0px; left:60px;}
.videoThumb{position:relative; z-index:10;}
.addVideo p{text-align:center; color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:20px;  position:relative; z-index:10;}

.addVideo button{background:none; border:none;}


.video, .addVideo{float:left;}



div.tab {
    overflow: hidden;
    
    
}

div.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

div.tab button:hover {
    background-color: #ddd;
}

div.tab button.active {
    background-color: #ccc;
}

.tablinks{width:30%; background-color: #f1f1f1;}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}
@media only screen and (max-width: 1000px) {
.main{width:80%;}
}
@media only screen and (max-width: 768px) {
.main{width:100%}

}
@media only screen and (max-width: 450px) {
.video{
    width: 100%;
    margin-left: 0;}
}