@media screen and (min-width:1366px) 
{
    .container {
        max-width: 1300px;
    }
}


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


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

}


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

@media screen and (max-width:992px) 
{
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 25px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }
    .left_pannel {
        margin-left: -260px;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        bottom: 0;
    }
    .left_pannel.active {
        margin-left: 0;
    }
    .left_pannel .inside .menu {
        display: block;
    }
    .right_pannel {
        width: 100%;
    }
    .right_pannel.active2 {
        width: 100%;
    }
    .right_top_header {
        justify-content: flex-start;
        flex-direction: row-reverse;
    }
    .top_header_profile
    {
        margin-right: 12px;
    }
    
}

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




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

}


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



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

}


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


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