@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;
            .detail{
                position: static !important;
                opacity: 1 !important;
                visibility: visible !important;
                transform: translateY(0) !important;
            }
        }
        #list.have-category.product{
            .list{
                width: 50% !important;
            }
        }
    }
}
@media only screen and (min-width: 768px){
    .container{
        max-width: 750px !important;
    }
}
@media only screen and (max-width: 991px){
    #footer{
        .footer_widget{
            > div{
                flex-direction: column;
                .wp-block-column:first-of-type{
                    width: 100%;
                    text-align: center;
                }
            }
        }
    }
}
@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;
    }
    .navbar-brand{
        display: flex;
        justify-content: center;
        .logo-mobile{
            display: block !important;
        }
    }
    #MyMenu{
        display: inline-block !important;
    }
    #masthead{
        padding-bottom: 0;
        .container{
            align-items: center;
            padding: 0 !important;
        }
    }
    #bootscore-navbar{
        flex-direction: column !important;
    }
    .navbar-brand{
        width: 64% !important;
        margin: 0 !important;
    }
    #popup{
        display: none !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1396px){
    .Desktop-Nav{
        flex-direction: column !important;
        gap: 10px;
        #bootscore-navbar{
            > li{
                > a{
                    padding: 0 15px !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;
    }
}