/* Extra small devices (phones, 600px and down) 
        @media only screen and (max-width: 600px) {
        }

         Small devices (portrait tablets and large phones, 600px and up) 
       @media only screen and (min-width: 600px) {
        }

         Medium devices (landscape tablets, 768px and up) 
       @media only screen and (min-width: 768px) {
        }

         Large devices (laptops/desktops, 992px and up) 
       @media only screen and (min-width: 992px) {
        }

         Extra large devices (large laptops and desktops, 1200px and up) 
        @media only screen and (min-width: 1200px) {

        }*/
.Year_01, NEWS_01 {
    font-size: 25px;
}



.mobile_device_header {
    display: flex;
    width: 100%;
    min-height: 3vh;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 3;
}

.row-column {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.column-4 {
    width: 33.33%;
    padding: 10px;
}

.column-8 {
    width: 66.66%;
    padding: 10px;
}

.log-menu {
    width: 130px;
    height: auto;
}
/*#menu {
    height: 45px;
    border: 1px solid #1a1616;
}

    #menu ul, #menu li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu ul {
        height: 45px;
    }

#menu {
    width: 100%;
}

    #menu li {
        float: left;
        display: inline;
        position: relative;
        font: bold 13px Arial;
    }

    #menu a {
        display: block;
        line-height: 45px;
        padding: 0 14px;
        text-decoration: none;
        color: #ccc;
    }

    #menu ul li:hover a {
        background: #ffe000;
        color: #fff !important;
    }

    #menu input {
        display: none;
        margin: 0 0;
        padding: 0 0;
        width: 100%;
        height: 45px;
        opacity: 0;
        cursor: pointer;
    }

    #menu label {
        font: bold 30px Arial;
        display: none;
        width: 100%;
        padding-left: 15px;
        height: 45px;
        line-height: 45px;
        text-align: left;
        color: #fff;
    }

        #menu label span {
            font-size: 13px;
            position: absolute;
            right: 5px;
            text-align: end;
            width: 100%;
        }

    #menu ul li ul {
        height: auto;
        overflow: hidden;
        position: absolute;
        z-index: 99;
        color: #191f6a;
    }

        #menu ul li ul li a {
            color: #fff;
            width: 180px;
            height: 35px;
            line-height: 35px;
            background: #191f6a;
        }

    #menu a.prett {
        padding: 0 27px 0 14px;
    }

        #menu a.prett::after {
            content: "";
            width: 0;
            height: 0;
            border-width: 6px 5px;
            border-style: solid;
            border-color: #ccc transparent transparent transparent;
            position: absolute;
            top: 20px;
            right: 9px;
        }

        #menu a.prett:hover::after, #menu ul li:hover a.prett::after {
            content: "";
            width: 0;
            height: 0;
            border-width: 6px 5px;
            border-style: solid;
            border-color: #191f6a transparent transparent transparent;
            position: absolute;
            top: 20px;
            right: 9px;
        }

    #menu ul li ul li a:hover {
        background: #BABABA;
    }*/

* {
    /*margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-decoration:none;
  color:#f2f2f2;*/
}

header {
    position: relative;
    width: 100%;
    background: #191f6a;
}

.logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #ffe000;
    float: left;
    width: 15%;
}

    .logo a {
        color: #ffe000;
    }

#cssmenu {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

    #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #cssmenu:after, #cssmenu > ul:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        #cssmenu #head-mobile {
            display: none;
        }

#cssmenu {
    font-family: sans-serif;
    background: #191f6a;
}

    #cssmenu > ul > li {
        float: left;
    }

        #cssmenu > ul > li > a {
            padding: 17px;
            font-size: 12px;
            letter-spacing: 1px;
            text-decoration: none;
            color: #ddd;
            font-weight: 700;
        }

        #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
            color: #fff;
        }

        #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
            background: #ffe000 !important;
            -webkit-transition: background .3s ease;
            -ms-transition: background .3s ease;
            transition: background .3s ease;
        }

        #cssmenu > ul > li.has-sub > a {
            padding-right: 30px;
        }

            #cssmenu > ul > li.has-sub > a:after {
                position: absolute;
                top: 22px;
                right: 11px;
                width: 8px;
                height: 2px;
                display: block;
                background: #ddd;
                content: '';
            }

            #cssmenu > ul > li.has-sub > a:before {
                position: absolute;
                top: 19px;
                right: 14px;
                display: block;
                width: 2px;
                height: 8px;
                background: #ddd;
                content: '';
                -webkit-transition: all .25s ease;
                -ms-transition: all .25s ease;
                transition: all .25s ease;
                
            }

        #cssmenu > ul > li.has-sub:hover > a:before {
            top: 23px;
            height: 0;
        }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
    }

        #cssmenu ul ul li {
            height: 0;
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            background: #191f6a;
            transition: all .25s ease;
        }

            #cssmenu ul ul li:hover {
            }

    #cssmenu li:hover > ul {
        left: auto;
    }

        #cssmenu li:hover > ul > li {
            height: 35px;
        }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0;
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid rgba(150,150,150,0.15);
        padding: 11px 15px;
        width: 170px;
        font-size: 12px;
        text-decoration: none;
        color: #ddd;
        font-weight: 400;
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0;
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #fff;
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: '';
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0;
    }

    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        background: #363636;
    }

    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #191f6a;
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: 1px solid #191f6a;
    }


    @media screen and (max-width:1000px) {
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
        }

        .logo {
            position: absolute;
            top: 0;
            left: 0;
            width: 90%;
            height: 46px;
            text-align: left;
            padding: 10px 0 0 0;
            float: none;
        }

        .logo2 {
            display: none;
        }

        #cssmenu {
            width: 100%;
        }

        #cssmenu {
            width: 100%;
        }

            #cssmenu ul {
                width: 100%;
                display: none;
            }

                #cssmenu ul li {
                    width: 100%;
                    border-top: 1px solid #444;
                }

                    #cssmenu ul li:hover {
                        background: #363636;
                    }

                #cssmenu ul ul li, #cssmenu li:hover > ul > li {
                    height: auto;
                }

                    #cssmenu ul li a, #cssmenu ul ul li a {
                        width: 100%;
                        border-bottom: 0;
                    }

            #cssmenu > ul > li {
                float: none;
            }

            #cssmenu ul ul li a {
                padding-left: 25px;
            }

            #cssmenu ul ul li {
                background: #191f6a !important;
            }

                #cssmenu ul ul li:hover {
                    background: #363636 !important;
                }

            #cssmenu ul ul ul li a {
                padding-left: 35px;
            }

            #cssmenu ul ul li a {
                color: #ddd;
                background: none;
            }

            #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
                color: #fff;
            }

            #cssmenu ul ul, #cssmenu ul ul ul {
                position: relative;
                left: 0;
                width: 100%;
                margin: 0;
                text-align: left;
            }

                #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
                    display: none;
                }

            #cssmenu #head-mobile {
                display: block;
                padding: 23px;
                color: #ddd;
                font-size: 12px;
                font-weight: 700;
            }

            .font_button{ width: 150px;position:absolute;cursor:pointer;color:#fff;}

        .button {
            width: 60px;
            height: 51px;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            z-index: 12399994;
        }

            .button:after {
                position: absolute;
                top: 22px;
                right: 20px;
                display: block;
                height: 4px;
                width: 20px;
                border-top: 2px solid #dddddd;
                border-bottom: 2px solid #dddddd;
                content: '';
            }

            .button:before {
                -webkit-transition: all .3s ease;
                -ms-transition: all .3s ease;
                transition: all .3s ease;
                position: absolute;
                top: 16px;
                right: 20px;
                display: block;
                height: 2px;
                width: 20px;
                background: #ddd;
                content: '';
            }

            .button.menu-opened:after {
                -webkit-transition: all .3s ease;
                -ms-transition: all .3s ease;
                transition: all .3s ease;
                top: 23px;
                border: 0;
                height: 2px;
                width: 19px;
                background: #fff;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .button.menu-opened:before {
                top: 23px;
                background: #fff;
                width: 19px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        #cssmenu .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid #444;
            height: 46px;
            width: 46px;
            cursor: pointer;
        }

            #cssmenu .submenu-button.submenu-opened {
                background: #262626;
            }

        #cssmenu ul ul .submenu-button {
            height: 34px;
            width: 34px;
        }

        #cssmenu .submenu-button:after {
            position: absolute;
            top: 22px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #ddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:after {
            top: 15px;
            right: 13px;

        }

        #cssmenu .submenu-button.submenu-opened:after {
            background: #fff;
            
        }

        #cssmenu .submenu-button:before {
            position: absolute;
            top: 19px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #ddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:before {
            top: 12px;
            right: 16px;
        }

        #cssmenu .submenu-button.submenu-opened:before {
            display: none;
            
        }

        #cssmenu ul ul ul li.active a {
            border-left: none;
        }

        #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
            border-top: none;
        }
    }

    @media screen and (max-width: 1000px) {
        /*#menu {
        position: relative;
    }

        #menu ul {
            background: #191f6a;
            position: absolute;
            top: 100%;
            right: 0;
            left: 0;
            z-index: 3;
            height: auto;
            display: none;
        }

            #menu ul.menus {
                width: 100%;
                position: static;
                border: none;
            }

        #menu li {
            display: block;
            float: none;
            width: auto;
            text-align: left;
        }

            #menu li a {
                color: #fff;
            }

                #menu li a:hover {
                    color: #191f6a;
                }

            #menu li:hover {
                background: #BABABA;
                color: #191f6a;
            }

                #menu li:hover > a.prett, #menu a.prett:hover {
                    background: #ffe000;
                    color: #191f6a;
                }

        #menu ul.menus a {
            background: #ffe000;
        }

            #menu ul.menus a:hover {
                background: #1a1616;
            }

        #menu input, #menu label {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
        }

        #menu input {
            z-index: 4;
        }

        #menu ul li ul li a {
            width: 100%;
        }*/
    }

    .row-left {
        width: 30%;
        display: flexbox;
    }

    .row-right {
        width: 70%;
        display: flexbox;
    }
    /* if desktop */
    .mobile_device_380px {
        display: none;
    }

    .mobile_device {
        display: none;
        background-color: #191f6a;
    }

    .creavite_07 {
        display: none;
    }

    .targus_01 {
        display: none;
    }

    .LANDMARKS_01 {
        display: none;
    }

    .Celebrations_01 {
        display: none;
    }

    .BEARERS_01 {
        display: none;
    }

    .Visuvanath_01 {
        display: none;
    }

    .UPCOMING_01 {
        display: none;
    }

    .Membership_01 {
        display: none;
    }

    .Obituary_01 {
        display: none;
    }

    .UpcomingEvents_01 {
        display: none;
    }

    .Scholarships_01 {
        display: none;
    }

    .What_We_Do_01 {
        display: none;
    }

    .leave_your_01 {
        display: none;
    }

    .Contact_01 {
        display: none;
    }

    .fancy_01 {
        display: none;
    }

    .Copyright_01 {
        display: none;
    }

    .MEMBERSHIPok_01 {
        display: none;
    }

    .SCHOLARSHIPokok_01 {
        display: none;
    }
    /*.kodpointerREC_nt01{display: none;}*/
    /*#EA-photo_s{display: none;}*/
    .ASSOCIATIONnest_01 {
        display: none;
    }

    .Back_to_Album_01 {
        display: none;
    }

    .President_01 {
        display: none;
    }

    .OBITUARY089_01 {
        display: none;
    }

    .ALUMNI09_01 {
        display: none;
    }

    .Cookie_Policy7_01 {
        display: none;
    }

    .Beginning_01 {
        display: none;
    }

    /* if mobile device max width 380px  and if desktop max width 380px*/
    @media only screen and (max-device-width: 380px),screen and (max-width:380px) {
        .mobile_device_380px {
            display: block;
        }

        .desktop {
            display: none;
        }
    }

    /* if mobile device max width 480px and if desktop max width 480px*/
    @media only screen and (max-device-width: 480px), screen and (max-width:480px) {
        .mobile_device {
            display: block;
        }

        .desktop {
            display: none;
        }
    }

    /* if mobile device max width 510px and if desktop max width 510px*/
    @media only screen and (min-device-width: 510px) and (max-device-width: 875px), screen and (min-width: 510px) and (max-width: 875px) {
        .mobile_device {
            display: block;
        }

        .desktop {
            display: none;
        }


        /*other detilas*/

    }
    /* if mobile device max width 510px and if desktop max width 510px*/
    @media only screen and (min-width: 875px) and (max-width: 1000px) {
        .mobile_device {
            display: block;
        }

        .desktop {
            display: none;
        }

        .creavite_07 {
            display: none;
        }

        targus_01 {
            display: none;
        }
    }

    /* if mobile device max width 510px and if desktop max width 510px*/
    @media only screen and (min-width: 875px) and (max-width: 1000px) {
        .mobile_device {
            display: block;
        }

        .desktop {
            display: none;
        }
    }
    /* if mobile device max width 510px and if desktop max width 510px*/
    /*@media only screen and (min-device-width: 1060px) and (max-device-width: 1250px),screen and (min-width: 1060px) and (max-width: 1250px) {


    .col-image {
        float: none;
        width: 50%;
    }

    .col-content {
        width: 50%;
        float: none;
    }

    .detail {
        margin-left: 0px;
    }
}*/

    /* if mobile device max width 510px and if desktop max width 510px*/
    @media only screen and (min-device-width: 150px) and (max-device-width: 1080px),screen and (min-width: 200px) and (max-width: 1080px) {


        /*.detail {
        margin-left: 0px;
        width: 100%;
    }*/


    }

    /*@media only screen and (min-device-width: 1475px) and (max-device-width: 1500px),screen and (min-width: 1475px) and (max-width: 1500px) {
    .column-4 {
        width:  32.33%;
    }
}

@media only screen and (min-device-width: 1450px) and (max-device-width: 1475px),screen and (min-width: 1450px) and (max-width: 1475px) {
    .column-4 {
        width: 31.33%;
    }
}
@media only screen and (min-device-width: 1425px) and (max-device-width: 1450px),screen and (min-width: 1425px) and (max-width: 1450px) {
    .column-4 {
        width: 30.33%;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1425px),screen and (min-width: 1400px) and (max-width: 1425px) {
    .column-4 {
        width: 29.33%;
    }
}

@media only screen and (min-device-width: 1375px) and (max-device-width: 1400px),screen and (min-width: 1375px) and (max-width: 1400px) {
    .column-4 {
        width: 28.33%;
    }
}*/


    @media only screen and (min-device-width: 150px) and (max-device-width: 1000px),screen and (min-width: 150px) and (max-width: 1000px) {
        .column-4 {
            width: 70%;
        }

        .row-column {
            flex-direction: column;
            justify-content: center;
        }
    }

    @media only screen and (min-device-width: 350px) and (max-device-width: 450px),screen and (min-width: 350px) and (max-width: 450px) {
    }

    @media only screen and (min-device-width: 500px) and (max-device-width:700px),screen and (min-width: 500px) and (max-width: 700px) {
        .div-focussed-client-main-col {
            margin-left: 80px;
        }
    }

    @media only screen and (min-device-width: 450px) and (max-device-width: 500px),screen and (min-width: 450px) and (max-width: 500px) {

        .div-focussed-client-main-col {
            margin-left: 60px;
        }
    }

    @media only screen and (min-device-width: 150px) and (max-device-width: 370px),screen and (min-width: 150px) and (max-width: 370px) {

        .div-focussed-client-main-col {
            margin-left: 60px;
        }
    }





    @media only screen and (min-device-width: 350px) and (max-device-width: 450px),screen and (min-width: 350px) and (max-width: 450px) {


        /*#container-s {
        flex-direction: column;
    }*/
        /*.div-focussed-client-main-col {
        margin-left: -60px;
    }*/
    }

    @media only screen and (min-device-width: 500px) and (max-device-width:700px),screen and (min-width: 500px) and (max-width: 700px) {
        /*.log-menu {
        width: 110px;
    }*/

    }

    @media only screen and (min-device-width: 450px) and (max-device-width: 500px),screen and (min-width: 450px) and (max-width: 500px) {
    }

    @media only screen and (min-width: 150px) and (max-width: 1400px) {
        .log-menu {
            width: 130px;
        }
    }

    @media only screen and (min-device-width: 150px) and (max-device-width: 700px) {
        .log-menu {
            width: 110px;
        }
    }


    @media only screen and (min-width: 100px) and (max-width: 600px) {
        .mobile_device {
            display: block;
        }

        .creavite_07 {
            display: block;
        }

        .targus_01 {
            display: block;
        }

        .LANDMARKS_01 {
            display: block;
        }

        .Celebrations_01 {
            display: block;
        }

        .BEARERS_01 {
            display: block;
        }

        .Visuvanath_01 {
            display: block;
        }

        .UPCOMING_01 {
            display: block;
        }

        .Membership_01 {
            display: block;
        }

        .Obituary_01 {
            display: block;
        }

        .UpcomingEvents_01 {
            display: block;
        }

        .Scholarships_01 {
            display: block;
        }

        .What_We_Do_01 {
            display: block;
        }


        .leave_your_01 {
            display: block;
        }

        .Contact_01 {
            display: block;
        }

        .fancy_01 {
            display: block;
        }

        .Copyright_01 {
            display: block;
        }

        .MEMBERSHIPok_01 {
            display: block;
        }

        .SCHOLARSHIPokok_01 {
            display: block;
        }
        /*.kodpointerREC_nt01{display: block;}*/
        /*#EA-photo_s{display: block;}*/
        .ASSOCIATIONnest_01 {
            display: block;
        }

        .Back_to_Album_01 {
            display: block;
        }

        .President_01 {
            display: block;
        }

        .OBITUARY089_01 {
            display: block;
        }

        .ALUMNI09_01 {
            display: block;
        }

        .Cookie_Policy7_01 {
            display: block;
        }

        .Beginning_01 {
            display: block;
        }

        .desktop {
            display: none;
        }

        .creavite_02 {
            display: none;
        }

        .targus_02 {
            display: none;
        }

        .LANDMARKS_02 {
            display: none;
        }

        .Celebrations_02 {
            display: none;
        }

        .BEARERS_02 {
            display: none;
        }

        .Visuvanath_02 {
            display: none;
        }

        .UPCOMING_02 {
            display: none;
        }

        .Membership_02 {
            display: none;
        }

        .Obituary_02 {
            display: none;
        }

        .UpcomingEvents_02 {
            display: none;
        }

        .Scholarships_02 {
            display: none;
        }

        .What_We_Do_02 {
            display: none;
        }


        .leave_your_02 {
            display: none;
        }

        .Contact_02 {
            display: none;
        }

        .fancy_02 {
            display: none;
        }

        .sement_01 {
            display: none;
        }

        .Copyright_02 {
            display: none;
        }

        .MEMBERSHIPok_02 {
            display: none;
        }

        .SCHOLARSHIPokok_02 {
            display: none;
        }

        .kodpointerREC_nt02 {
            display: none;
        }

        .Meet_ing_02 {
            display: none;
        }

        .ASSOCIATIONnest_02 {
            display: none;
        }

        .Back_to_Album_02 {
            display: none;
        }

        .President_02 {
            display: none;
        }

        .OBITUARY089_02 {
            display: none;
        }

        .ALUMNI09_02 {
            display: none;
        }

        .Cookie_Policy7_02 {
            display: none;
        }

        .phto-contai > .alb-back > .back-btn {
            width: 130px;
            margin: 0 auto;
            background-color: #224b9f;
            padding: 5px;
            text-align: center;
            color: #ffffff;
            cursor: pointer;
            margin-bottom: 40px;
            margin-right: 15px
        }
    }

    /* if mobile device max width 510px and if desktop max width 510px*/
    @media only screen and (min-device-width: 100px) and (max-device-width: 1000px),(min-width: 100px) and (max-width: 1000px) {
        .mobile_device {
          
            display: block;
        }
    
        .creavite_07 {
            display: block;
        }

        .targus_01 {
            display: block;
        }

        .LANDMARKS_01 {
            display: block;
        }

        .Celebrations_01 {
            display: block;
        }

        .BEARERS_01 {
            display: block;
        }

        .Visuvanath_01 {
            display: block;
        }

        .UPCOMING_01 {
            display: block;
        }

        .Membership_01 {
            display: block;
        }

        .Obituary_01 {
            display: block;
        }

        .UpcomingEvents_01 {
            display: block;
        }

        .Scholarships_01 {
            display: block;
        }

        .What_We_Do_01 {
            display: block;
        }


        .leave_your_01 {
            display: block;
        }

        .Contact_01 {
            display: block;
        }

        .fancy_01 {
            display: block;
        }

        .Copyright_01 {
            display: block;
        }

        .MEMBERSHIPok_01 {
            display: block;
        }

        .SCHOLARSHIPokok_01 {
            display: block;
        }
        /*.kodpointerREC_nt01{display: block;}*/
        /*#EA-photo_s{display: block;}*/
        .ASSOCIATIONnest_01 {
            display: block;
        }

        .Back_to_Album_01 {
            display: block;
        }

        .President_01 {
            display: block;
        }

        .OBITUARY089_01 {
            display: block;
        }

        .ALUMNI09_01 {
            display: block;
        }

        .Cookie_Policy7_01 {
            display: block;
        }

        .Beginning_01 {
            display: block;
        }

        .desktop {
            display: none;
        }

        .creavite_02 {
            display: none;
        }

        .targus_02 {
            display: none;
        }

        .LANDMARKS_02 {
            display: none;
        }

        .Celebrations_02 {
            display: none;
        }

        .BEARERS_02 {
            display: none;
        }

        .Visuvanath_02 {
            display: none;
        }

        .UPCOMING_02 {
            display: none;
        }

        .Membership_02 {
            display: none;
        }

        .Obituary_02 {
            display: none;
        }

        .UpcomingEvents_02 {
            display: none;
        }

        .Scholarships_02 {
            display: none;
        }

        .What_We_Do_02 {
            display: none;
        }


        .leave_your_02 {
            display: none;
        }

        .Contact_02 {
            display: none;
        }

        .fancy_02 {
            display: none;
        }

        .sement_01 {
            display: none;
        }

        .Copyright_02 {
            display: none;
        }

        .MEMBERSHIPok_02 {
            display: none;
        }

        .SCHOLARSHIPokok_02 {
            display: none;
        }

        .kodpointerREC_nt02 {
            display: none;
        }

        .Meet_ing_02 {
            display: none;
        }

        .ASSOCIATIONnest_02 {
            display: none;
        }

        .Back_to_Album_02 {
            display: none;
        }

        .President_02 {
            display: none;
        }

        .OBITUARY089_02 {
            display: none;
        }

        .ALUMNI09_02 {
            display: none;
        }

        .Cookie_Policy7_02 {
            display: none;
        }


        .phto-contai > .alb-back > .back-btn {
            width: 130px;
            margin: 0 auto;
            background-color: #224b9f;
            padding: 5px;
            text-align: center;
            color: #ffffff;
            cursor: pointer;
            margin-bottom: 40px;
            margin-right: 15px
        }

        #card-2 {
            /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
            /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
            box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
            /*border: 2px solid red;*/
            /*padding: 10px;*/
            border-radius: 10px;
            width: 100%;
        }

        .event0709_view {
            width: 100px;
            background-color: #224b9f;
            padding: 0px;
            text-align: center;
            color: #ffffff;
            cursor: pointer;
            height: 30px;
        }
    }

    .flex-row-new-banner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .flex-column-new-banner {
        /*flex: 1 100%;*/
        width: 100%;
    }
    /* if mobile device max width 510px and if desktop max width 510px*/
    @media only screen and (min-width: 660px) and (max-width: 1322px) {

        .Year_01, NEWS_01 {
            font-size: 5px;
        }

        .ev-list > li {
            list-style: none;
            padding: 6px 0px 6px 29px;
            color: #ffffff;
            margin-left: -69px;
            z-index: 2999;
            background-color: #191f6a;
        }
    }