.m_menu_main {

    position:sticky;

    }

    /* .subPage-right-panel{

    

        margin-right: auto;

    } */

    #back, #toHome {

        font-size: 18px;

        background-color: #FFD933;

        border: none;

        padding: 8px;

        color: white;

        margin-top: 10px;

        width: 140px;

    }

    

    .ac_year{

        

        display: inline-block;

    

    }

    

    .category{

    

        /* display: inline-block; */

    

    }

    

    .achievements{

        margin-top:20px;

        display: grid;

        grid-template-columns: 30% 30% 30%;

        grid-auto-rows: 400px;

        grid-gap: 30px 15px;

    }

    

    .achievement-img{

        width: 100%;

        /* height: 65%; */

        overflow:hidden;

    }

    

    .achievement-info{

        background-color: #F2F3F5;

        /* height: 35%; */

        position: relative;

    }

    

    .achievement-info .title{

        font-size: 16px;

        height: 60%;

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 10px;

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    

    .achievement-info .date{

        font-size: 14px;

        display: inline-block;

        position: relative;

        padding-left: 30px;

    }

    

    .achievement-info .read-more{

        display: inline-block;

        font-size: 14px;

        margin-left: 90px;

        background-color: #FFD933;

        border: none;

        padding: 5px 15px;

        color: white;

        position: absolute;

        right: 10px;

    }

    

    

    #show-more-btn{

        font-size: 16px;

        margin-top: 15px;

        background: none;

        border: none;

        color: #0EA891;

    }

    

    .achievement-content{

        margin-top: 20px;

        margin-left: 10px;

        margin-right: 36px;

    

    }

    

    .important-block{

        position: absolute;

        background-color: #CE4230;

        font-size: 12px;

        color: white;

        padding-top: 3px;

        padding-left: 12px;

        padding-right: 10px;

        padding-bottom: 6px;

    }

    

    .achievement-content .title{

        font-size: 32px;

        line-height: 1.5em;

    }

    

    .achievement-content .date{

        color: gray;

        font-size: 14px;

        margin-top: 14px;

    }

    

    

    

    .achievement-content .content{

        font-size: 18px;

        min-height: 150px;

        background-color:#F2F3F5;

        margin-top: 10px;

        padding: 20px;

        word-wrap: break-word;

        color:#000;

    }

    

    .achievement-content .img-part{

        display:grid;

        grid-template-columns: 32% 32% 32%;

        grid-gap: 2%;

        padding: 20px;

    }

    

    .achievement-content .img-part .photo{

        overflow: hidden;

        display: grid;

        grid-template-rows: 80% 20%;

        height: 260px;

    }

    

    .achievement-content .img-part .photo a{

        height: 100%;

    }

    

    div.caption{

        cursor: default;

        font-size: 17px;

        width: 100%;

        display: -webkit-box;

        -webkit-line-clamp: 3;

        word-break: break-word;

        line-height: 1;

        -webkit-box-orient: vertical;

        overflow-y: hidden;

        padding: 8px;

        font-size: 20px;

        color: #000;

    

    }

    

    #back{

        font-size: 18px;

        background-color: #FFD933;

        border: none;

        padding: 5px;

        color: white;

        margin-top: 10px;

    }

    .title , .category , .date{

        color:#000;

    }

    

        

    

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

     

        .achievements{

            grid-auto-rows: 350px;

        }

    

        .album_img{

            height: 230px;

        }

    

        .achievement-info .title{

            padding-left: 10px;

            padding-right: 10px;

            height: 65%;

            -webkit-line-clamp: 2;

        }

     

        .achievement-info .date, .achievement-info .category{

            padding-left: 10px;

        }

        

    

        .achievement-info .read-more{

            padding: 3px 12px;

            margin-left: 30px;

        }

     }

    

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

     

        .achievements{

            grid-auto-rows: 280px;

        }

        

        .album_img{

            height: 182px;

        }

    

        .achievement-info .read-more{

            padding: 2px 8px;

            margin-left: 30px;

            font-size: 12px;

        }

    }

    

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

     

        .achievements{

            grid-auto-rows: 260px;

        }

    

        .album_img{

            height: 169px;

        }

    

        .achievement-info .read-more{

            padding: 0px 5px;

            margin-left: 10px;

            font-size: 6px;

        }

    

        .important-block{

            padding-top: 3px;

            padding-left: 6px;

            padding-right: 6px;

            padding-bottom: 3px;

            font-size: 8px;

        }

    

        .achievement-info .title{

            font-size: 14px;

            padding-left: 5px;

            padding-right: 5px;

            height: 65%;

        }

    

        .achievement-info .date, .achievement-info .category{

            padding-left: 5px;

            font-size: 14px;

        }

    }

    

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

     

        .achievements{

            grid-auto-rows: 400px;

            grid-template-columns: 50% 50%;

        }

    

        .album_img{

            height: 260px;

        }

        

        .achievement-img{

            /* height: 58% */

        }

    

        .achievement-info .read-more{

            margin-left: 160px;

            padding: 0px 5px;

            font-size: 12px;

        }

    

    }

    

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

        .achievements{

            grid-template-columns: 45% 45%;

            grid-auto-rows: 225px;

        }

        .album_img{

            height: 145px;

        }

        .achievement-info .read-more {

            margin-left: 15px;

            float: right;

            margin-right: 5px;

        }

        .achievement-info .title{

            height:50%;

        }

        .achievement-content .title{

            font-size: 110%;

            font-weight: bolder;

        }    

        .achievement-content .content{

            font-size: 16px;

        }

        .achievement-content .img-part{

            grid-template-columns: 48% 48%;

        }

        

        .achievement-content .img-part .photo{

            grid-template-rows: 50% 50%;

            height: 160px;

        }

        .achievement-content .img-part div{

            height: 80px;

        }

        div.caption{

            font-size: 12px;

        }

    }