@media (max-width:1200px){
    ul.main-menu li a{
        font-size: 16px;
    }
}
@media (max-width:992px){
    .menu{
        transform: translateY(120px);
        height: calc(100vh - 150px);
    }
    .menu-content{
        height: calc(100vh - 285px);
        padding: 0 0 0 15px;
        margin-top: 85px;
    }
    .main-text{
        padding-top: 0;
    }
    ul.main-menu img,.menu-btn{
        display: block;
    }
    ul.main-menu {
        background: #000000bd;
        position: fixed;
        left: -300px;
        top: 0;
        width: 300px;
        height: 100%;
        border-radius: 0;
        transition: 0.3s all;
    }
    ul.main-menu li {
        display: block;
    }
    ul.main-menu li a{
        padding: 10px 25px 10px 5px;
    }
    ul.main-menu li a:after {
        width: 8px;
        height: 8px;
        right: 0;
        top: 40%;
        background-color: #fff;
        opacity: 0;
    }
    ul.main-menu li a.active:after, ul.main-menu li a:hover::after {
        opacity: 1;
        right: 5px;
        left: 40%;
    }
    .main-text strong {
        display: block;
        font-size: 40px;
        padding: 10px 10px 20px;
    }
    .main-text img{
        width: 125px !important;
    }
    .page-content{
        height: calc(100vh - 285px);
    }
    .page-content p{
        font-size: 16px;
        padding: 0 15px;
    }
    .page-content img{
        padding: 15px;
    }
    .page-content .image{
        padding:0px !important;
    }
    .menu-tabs{
        position: absolute;
        top: 15px;
        right: 15px;
        width: 100%;
        flex-direction: row !important;
        direction: rtl;
    }
    .mouse-cursor{
        display: none !important;
    }
    ::-webkit-scrollbar {width: 3px;}
}