@media screen and (max-width:768px) {

    .social.load.follow.active li {

    }
    .social.load.follow {
        display:none;
        /*position:fixed;*/
        bottom:40px;
        margin-top:0px;
        right:120px;
        height:0px;
        max-height:0px;
        -webkit-transition:max-height 800ms linear;
        -moz-transition:max-height 800ms linear;
        -o-transition:max-height 800ms linear;
        transition:max-height 800ms linear;
        overflow:hidden;
    }
    #DModal.modal .modal-content {
        height:88%;
    }
    #DModal.modal.smaller .modal-content {
        height:70%;
    }
    .social.load.follow.active {
        width:40px!important;
        display:block;
        max-height:220px;
        height:220px;

        margin-top:-220px;
        -webkit-transition:max-height 800ms linear;
        -moz-transition:max-height 800ms linear;
        -o-transition:max-height 800ms linear;
        transition:max-height 800ms linear;
        margin-left:0px!important;
        background-position: 50% 5% !important;
        background-size: 32%;
    }

    .social.load.follow.active ul li:first-child {
        margin-top:56px!important;
    }
    .social.load.follow.active ul li {
        font-size:15px!important;
    }
    .social.load.follow.active ul {
        margin:0px!important;
    }
    .social.top.center.networks-5 li:first-child {
        margin-top:40px;
    }
    .social.top.center.networks-5.active {
        width:40px!important;
        display:block;
        height:280px;
        margin-top:-280px;
        margin-left:0px!important;
        background-position: 50% 5% !important;
        background-size: 32%;
        transition:none!important;
    }
    .social.top.center.networks-5 {
        width:40px!important;
        display:block;
        height:0px;
        margin-top:0px;
        bottom:10px!important;
        margin-left:0px!important;
        background-position: 50% 5% !important;
        background-size: 32%;
        right:170px;
    }

    .flipbook-menu span:first-child {
        display:block!important;
    }
    .flipbook-menu.show span.fa-link .active {
        margin-left:-100%;
    }
    .flipbook-menu.show span.btnExpand {
        position:fixed;
        bottom:10px;
        right:215px;
    }
    .flipbook-menu.show span.fa-download {
        position:fixed;
        bottom:10px;
        right:170px;
    }
    .flipbook-menu.show span.fa-print {
        display:none!important;
    }
    .flipbook-menu.show span.fa-link {
        position:fixed;
        bottom:10px;
        right:125px;
    }
    .flipbook-menu.show span.btnFollow {
        position:fixed;
        bottom:10px;
        right:80px;
        width:40px!important;
        height:40px!important;
        background-image:url('../img/folow.png')!important;
        background-repeat:no-repeat!important;
        background-position:center center!important;
        background-size:auto!important;
        top:auto;
        left:auto;
    }
    .flipbook-menu.show span.subscribeLogo {
        position:fixed!important;
        background-color:#D22529!important;
        background-image:url('../img/vokas.png')!important;
        background-repeat:no-repeat!important;
        background-position:center center!important;
        background-size:auto!important;
        width:40px;
        height:40px;
        bottom:10px!important;
        right:35px!important;
        top:auto;
        left:auto;
    }
    .flipbook-menu.show span {
        display:block;
    }
    .flipbook-menu span {
        display:none;
    }
    .mobilemenutoggler {
        display:block;
        position:fixed;
        cursor:pointer;
        background-image:url('../img/savarzele.png')!important;
        background-repeat:no-repeat!important;
        background-position:center center!important;
        z-index:999;
        width:25px;
        height:40px;
        margin-bottom:4px;
        background:#333;
        bottom:10px;
        right:0px;
    }

}