/* Tablet Screen Sizes */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .ribbon-tablet {
        color: #fff;
        display: block;
        font-family: ralewaylight, sans-serif;
        font-size: 22px;
        position: relative;
    }

    #ribbon-tablet-before {
        height: 2px;
        width: 100%;
        background: #fff;
        top: -2em;
        left: 0;
        position: relative;
    }
    #ribbon-container #ribbon {
        font-size: 22px;
        left: 0;
        overflow: hidden;
        width: 100%;
        display: none;
    }

    #ribbon-after {
        display: none;
    }

    .ribbon-container-margin {
        margin-bottom: 0;
    }

    #kaseya-header {
        margin-bottom: -40px;
    }

    .bodyouter #kaseya-header {
        margin-bottom: 0;
    }

    #kaseya-content {
        position: relative;
        top: -6px;
    }
    
    #subheaderid {
        display: none;
    }

    #kaseya-header #sticky {
        position: relative;
    }

    .bodyouter #kaseya-header #sticky {
        top: 64px;
    }

    .bodyouter #kaseya-header .logotag {
        top: -70px;
    }

    .contact_popup {
        top: 100;
        position: absolute;
        height: 200px;
        width: 200px;
        z-index: 1000;
    }

    .hero {
        margin-top: 70px;
    }

    .section_heading, 
    .special_heading {
        font-size: 35px;
    }

    .mainmenu {
        display: none;
    }

    #heroRow {
        font-size: 13px !important;
    }

    .heroDesc {
        font-size: 1em;
        display: block;
    }

    #kaseyalogo {
        width: 100px !important;
    }

    .menuimage {
        display: block;
        width: 100px;
    }

    #accordianholder {
        display: block;
    }

    .col_4 .section_para {
        text-align: left !important;
    }
    .content-container div {
        font-size: 1em !important;
    }
        .video-list .video-popup .play-img{
        width: 25%;
    }
    .video-list .description {
         font-size: 1.1em;
    }
    .video-list .counter{
        left: 2%;
        font-size: 1.8em;
    }
}