@media only screen and (max-width: 583px){
    #content.single-page{
        .entry-meta{
            .author,.date{
                width: 100% !important;
                span:first-of-type{
                    width: 15% !important;
                }
                span:last-of-type{
                    width: 80% !important;
                }
            }
            .date{
                float: none !important;
            }
        }
    }
}
@media only screen and (max-width: 767px){
    #content.single-page{
        max-width: 100% !important;
        padding: 15px 30px 40px 30px !important;
    }
}
@media only screen and (max-width: 768px){
    #post{
        .list{
            width: 50%;
            margin: 0 5px 20px 5px;
        }
    }
}
@media only screen and (min-width: 768px){
    .container{
        max-width: 750px !important;
    }
}
@media only screen and (min-width: 992px){
    .container{
        max-width: 970px !important;
    }
}
@media only screen and (max-width: 1024px){
    .offcanvas,.logo-desktop,#TopHeader,#language{
        display: none !important;
    }
    #MenuMobile{
        display: block !important;
    }
    .button-nav-mobile{
        display: inline-block !important;
    }
    .logo-mobile{
        display: block !important;
    }
    #MyMenu{
        display: inline-block !important;
    }
    #masthead{
        height: 130px;
        background-color: rgb(16, 22, 34) !important;
        #nav-main{
            .container{
                justify-content: space-between;
                align-items: center;
                padding: 0 !important;
                .navbar-brand{
                    padding: 3px 0 0;
                    margin-top: 6px;
                }
                .Desktop-Nav{
                    display: block !important;
                }
            }
            .Desktop-Nav{
                display: none !important;
            }
        }
    }
    #bootscore-navbar{
        flex-direction: column !important;
        > li{
            display: block !important;
        }
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .navbar-brand{
        width: 22% !important;
    }
}
@media only screen and (min-width: 1200px){
    .container{
        max-width: 1170px !important;
    }
}