/*======================================================
Responsive Media Query Section
=======================================================*/
*{
	-webkit-tap-highlight-color: transparent;
}


.shine {
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  
  display: inline-block;
  position: relative; 
  border-radius:3px;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
  }
@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  
  100% {
    background-position: 468px 0; 
  }
}
.inner_loader {
    padding: 10px 20px;
}
.loader_mobi {
    position: fixed;
    top: 0;
    width: 100%;
   
    height: calc(100vh - 60px); 
    z-index: 9999999;
    background: #fff;
	display:none;
	overflow: hidden;
}
.page_head .shine {
    background: rgb(255 255 255 / 13%);
}
.loader_mobi .page_head {
    position: relative !important;
}

/*===================     Large screens  ======================== */
@media only screen  and (min-width:1824px) {
}
/*===================     Desktops and laptops  ======================== */
@media only screen  and (min-width:1224px) {
}
/*=========================   iPads Pro (portrait)  ===================*/
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) {

  .inner-banner {
    height: 100%;
    max-height: 500px;
  }
  .primary-header .header-logo {
  max-width: 230px;
  padding: 15px 0px;
}
.header-menu-wrap ul li > a{
  padding: 5px 10px;
}
.header-menu-wrap li li{
      padding: 0 0px;
}

}
/*=========================   iPads Pro (Landscape)  ===================*/
@media only screen and (min-device-width:1366px) and (max-device-width:1024px) and (orientation:landscape) {
}
/*=========================   iPads  ===================*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  .partabs {
    margin: 0 15px;
    list-style: none;
    display: flex;
    padding: 25px 0px;
    margin-bottom: 0px;
}
  .partabs{
    display: flex;
  }
  ul.partabs li {
    width: 20%;
}
  .partabslink a.active {
    background-color: #1875D1 !important;
    color: #fff;
    display: flex;
    position: relative;
}
ul.partabs li a {
    background: #fff !important;
    color: #9FA8B4;
    margin-right: 0px;
    font-weight: 400;
    padding: 10px 23px !important;
    font-family: var(--headings-font-family);
    display: flex;
    justify-content: center;
}
.partabslink a.active:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -10px;
    left: 0;
    height: 3px;
    background-color: #1875D1 !important;
}
  .page_head.inbox_head {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 999;
}
.page_head a {
    display: flex;
    justify-content: inherit;
    align-items: center;
}
.page_head h2 {
    font-size: 18px!important;
    color: #fff;
}
    .inner-section {
        
        min-height: 100vh;
    }
.event-btns .buttonone.ml-30 {
    margin-left: 15px;
}
button.buttonone.tm.events_btn {
    width: 160px;

}
.inner-section{
  min-height: 100vh;
}
  .event-section.event .tabs-title.is-active a {
    background-color: var(--t_color1) !important;
    color: #fff !important;
    position: relative;
  }
  .galleryslidersec .container{
    width: 100%;
        padding: 0px;
  }
  .event-section .event-img,.event-box.eventbox-scroll{
    height: 230px;
  }

  ul#example-tabs li {
    margin-right: 0px;
    
}
.event-section.event .tabs-title.is-active > a:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -10px;
    left: 0;
    height: 3px;
    background-color: var(--t_color1) !important;
}
section.event .tabs-title > a {
    font-size: 12px;
}
.ipadsecpas .container {
    max-width: 100%;
}
.ipadsecpas .partabs{
      margin: 0px;
}

.ipadpadnsec{
      padding: 20px 0px;
}
.ipadpadnsec .container {
    max-width: 100%;
}
.event-section.event .tabs-title > a {
    background: #fff !important;
    color: #9FA8B4;
    margin-right: 8px;
    font-weight: 500!important;
    padding: 10px 20px!important;
    font-family: var(--headings-font-family);
}
.event-section.event .tabs-title > a {
    background: #fff !important;
    color: #9FA8B4;
    margin-right: 8px;
    font-weight: 500;
    padding: 10px 10px!important;
    font-family: var(--headings-font-family);
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
}
  .malar_image{
       min-height: auto;
    max-height: fit-content;
  }
  .malar_image img{
    min-height: auto;
    max-height: fit-content; 
  }
  .eventssec .zoom_img_sec{
    min-height: auto;
    max-height: fit-content;
  }
  .cell.evnt_tab_sec .tabs-content .cell .magnific-img img {
    object-fit: cover;
     min-height: auto;
    max-height: fit-content;
}
.cell.evnt_tab_sec .tabs-content .cell .magnific-img{
  min-height: auto;
    max-height: fit-content;
}
.explore_cnts {
    display: block;

}
  header.fixed-header a.login_btn{
    background: #fff;
    color: #0a0a0a!important;
  }
  .header-menu-wrap ul li:hover .loginbtn_btn{
        color: #0a0a0a!important;
  }
  .inner-header a.login_btn{
    background: #fff;
    color: #0a0a0a!important;
  }

.login_btn svg {
    display: none;
}
.header-menu-wrap{

}
  .cell.evnt_tab_sec .tabs-content .cell .description{
        min-height: auto;
    max-height: none;
  }
  .president-message {
    padding: 15px;
  }
  .mobdisplay-display {
    display: block;
  }
  .mobdisplay-none {
    display: none;
  }
  .description {
    padding: 0px;
    padding-bottom: 25px;
  }
  .inner-banner {
   
  }
  .inner-header .header-menu-wrap ul li.active a {
    background: transparent !important;
    color: #1875D1 !important;
  }
  .inner-header .header-menu-wrap ul li ul.sub-menu li a {
    color: #000 !important;
  }
  .inner-header .header-menu-wrap li ul {
    background: transparent !important;
  }
  .header.fixed-header .header-menu-wrap ul li.active > a {
    background: rgba(255, 255, 255, 0.4);
    color: #1875D1 !important;
  }
  .header.fixed-header .header-menu-wrap ul li.dropdown_menu:hover a.submenu-hvr {
    background: transparent !important;
    color: #1875D1 !important;
  }
  .header.fixed-header .header-menu-wrap li ul {
    background: transparent !important;
    color: #000 !important;
  }
  .inner-header .header-menu-wrap ul li > a:hover {
    background: transparent !important;
  }
  .header.inner-header .header-menu-wrap ul li.dropdown_menu:hover a.submenu-hvr {
    background: transparent !important;
    color: #1875D1 !important;
  }
  .inner-header .header-menu-wrap ul li > a:hover {
    color: #000 !important;
  }
  .header-menu-wrap ul li a.hvrclass:hover {
    color: #000 !important;
  }
  .sub-menu {
    transition: none !important;
  }
  .viewport-lg .primary-header .header-menu-wrap {
    display: none;
  }
  .viewport-lg .primary-header .header-menu-wrap {
    display: none;
  }
  .nav-item a {
    color: #0a0a0a;
  }
  .navbar ul {
    display: flex;
    flex-direction: column;
    position: fixed;
    justify-content: start;
    top: 0px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    transform: translate(-110%);
    text-align: center;    /*overflow: hidden;*/
    z-index: 999;
    border-right: 2px solid #eee;
  }
  .navbar li {
    padding: 10px;
  }
  .navbar li:first-child {
    margin-top: 50px;
  }
  .navbar li a {
    font-size: 14px;
  }
  .menu-toggle, .bar {
    display: block;
    cursor: pointer;
  }
  .mobile-nav {
    transform: translate(0%) !important;
  }
  .menu-toggle {
    z-index: 1000;
  }
  .menu-toggle.is-active .bar {
    background-color: #0f0e0e;
  }
  .login_btn img {
    right: 10px;
  }
  .dis-mob .login_btn img {
    right: 10px;
  }
  .left_layout {
  }
  .right_layout {
    padding: 30px 30px 30px 30px;
  }
  h2.title1 {
    font-size: 18px;
  }
  .youthnysc-section .mt-40 {
    margin-top: 50px;
  }
  .bottom_menu {
    padding: 17px 15px;
  }
  a.lern_more.tm {
    transform: translate(330px, 0px);
    position: absolute;
    padding: 5px 7px 5px 24px;
  }
  #carousel_team .owl-dots {
    text-align: center;
    margin: 20px 0px 30px;
  }
  #carousel_team1 .owl-dots {
    text-align: center;
    margin: 20px 0px 30px;
  }
  .president-section .owl-height {
    min-height: auto;
  }
  .culture-section {
    padding-bottom: 110px;
    margin-top: 60px;
  }
  .inner-header .menu-toggle .bar {
    background-color: #3f3f3f;
  }
  .eventdetails-section {
    padding: 20px 0px;
  }
  .eventdetails-section .event-btns {
    position: static;
  }
  .banner_section .item {
  }
  .banner_section .item .scnt {
    width: 60%;
  }
  .banner_section .owl-dots {
    bottom: -15px;
  }
  .banner_section .item h1 {
    font-size: 20px;
  }
  .banner_section .item h2 {
    font-size: 22px;
  }
  .singpore_busniess {
    padding: 40px 0px;
    text-align: center;
  }
  .business p {
    width: 100%;
  }
  .business h1 {
    font-size: 14px;
    line-height: 20px;
  }
  .cell.small-12.large-4.foot_logo {
    position: relative;
    text-align: center;
  }
  section.event .tabs-panel span {
    position: static;
  }
  .bottom_menu  ul {
    margin-bottom: 15px;
  }
  footer ul {
    padding: 10px 15px;
  }
  .item.s1 {
    background-size: cover;
  }
  button.login_btn {
    background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9);
    color: #fff !important;
  }
  button.login_btn img {
    transform: rotate(90deg);
  }
  .login_btn img {
    top: 5px;
  }
  .mbtxtcenter {
    text-align: center;
  }
  .sub-menu {
    position: relative !important;
    transform: none !important;
    z-index: 999 !important;
    min-width: 100px !important;
    width: 100% !important;
    background: transparent;
  }
  ul.sub-menu {
    background: transparent;
    padding: 0px;
    height: auto;
    top: 10px;
  }
  .sub-menu a {
    color: #393939;
    font-size: 13px !important;
  }
  .sub-menu li:first-child {
    margin-top: 0px;
  }
  .president-section.event .event-btns {
    position: absolute;
    bottom: -25px;
    text-align: center;
  }
  .eventdetails-section h2.title1 {
    padding-top: 20px;
  }
  .open-box {
    display: block;
    height: auto;
    text-align: center;
  }
  .open-box-icon h4.icon {
    font-size: 26px;
    font-weight: 400;
  }
  .mobile-none {
    display: none;
  }
  .cell.small-12.large-4.foot_logo::after {
    content: none;
  }
  section.event .tabs-panel h4 {
    font-size: 15px;
  }
  .eventinfo-box img {
   
  }
  .event .event-btns {
    bottom: 20px;
    text-align: center;
  }
  .mobpad-top-40 {
    padding-top: 40px;
  }
  .presidentsec .event-btns {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 20px);
  }
  .header-menu-wrap ul li > a {
    font-weight: normal;
    font-size: 14px;
    color: #0a0a0a;
  }
  .header-menu-wrap ul li.active a {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.4);
    color: #1875D1!important;
  }
  .sub-menu li.subactive a {
    background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9) !important;
    color: #1875D1 !important;
  }
  .header-menu-wrap ul li ul.sub-menu li a {
    color: #000 !important;
  }
  .header-menu-wrap ul li ul.sub-menu li.subactive a {
    color: #1875D1 !important;
  }
  .sub-menu li a:hover {
    background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9) !important;
    color: #1875D1 !important;
  }
  .sub-menu li a {
    background: transparent !important;
  }
  .sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.4) !important;
  }
  .sub-menu li.subactive a {
    background: rgba(255, 255, 255, 0.4) !important;
  }
  #page.site {
    margin-top: 0 !important;
  }
  .headroom--top .header-menu-wrap, .headroom--unpinned .header-menu-wrap {
    display: none !important;
  }
  .dropdown-plus {
    width: 49px;
    height: 49px;
    line-height: 49px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .dropdown-plus:before, .dropdown-plus:after {
    position: absolute;
    content: '';
    top: 21px;
    right: 10px;
    width: 13px;
    height: 3px;
    background-color: #222222;
  }
  .dropdown-plus:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .dropdown-plus.dropdown-open:after {
    display: none;
  }
  .mobile-menu-icon {
    display: block;
  }
  .header-menu-wrap {
    display: none;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 20px 20px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
  }
  .header-menu-wrap ul li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    margin: 0;
  }
  .header-menu-wrap ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }
  .header-menu-wrap ul li > a {
    padding: 15px 12px;
    height: inherit;
    line-height: inherit;
  }
  a.login_btn.loginbtn_btn{
     padding: 15px 12px!important;
     line-height: inherit!important;
  }
  .header-menu-wrap li li:hover > a {
    background-color: transparent;
  }
  .header-menu-wrap ul li ul li ul, .header-menu-wrap ul li ul {
    background-color: transparent;
    width: 100%;
    opacity: 1;
    padding: 0;
    visibility: visible;
    position: inherit;
    display: none;
    top: inherit;
    left: inherit;
    box-shadow: none;
    padding-top: 11px;
  }
  .header-menu-wrap li li {
    padding-left: 11px;
  }
  .header-menu-wrap li li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .header-menu-wrap li li > a {
    color: #07122D;
    font-size: 13px;
  }
  .header-menu-wrap li li:hover > a {
    color: #666;
  }
  .primary-header-two .header-right a.header-btn {
    margin: 0;
  }
  .header-two .mid-header .header-logo {
    text-align: center;
  }
  .resource-box {
    margin-right: 0px;
    min-height: 275px;
    max-height: 275px;
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .mobilehides {
    display: none;
  }
  .eventdetails-section .event-btns {
    position: static !important;
  }
  .page_head h2 {
    font-size: 36px;
    font-weight: 600;
    font-family: var(--headings-font-family);
    margin: 0px;
  }
    .event-box {
    background: #fff;
    padding: 20px 20px;
    position: relative;
    height: 305px;
}
.link_btn.buttonone.tm {
    margin-left: 0px;
}
.event-section .event-btns{
  left: 20px;
}
.eventbox-scroll a.buttonone.tm{
      width: 160px;
      margin-right: 20px;
}
.event-section .event-time {
    position: absolute;
    top: 40px;
    right: 0px;
    left: 20px;
}
p.event_desc_ka_ev{
  padding-top: 10px;
}

}
/*===================     iPads (landscape) ======================== */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  .mobilehides {
    display: none;
  }

  .viewport-lg .primary-header .header-menu-wrap {
    display: none;
  }
  .sub-menu {
    transition: none !important;
  }
  .inner-header .header-menu-wrap ul li.active a {
    background: transparent !important;
    color: #1875D1 !important;
  }
  .inner-banner {
    height: 50vh;
    max-height: 500px;
  }
  .eventdetails-section .event-btns {
    position: static !important;
  }
  .page_head h2 {
    font-size: 36px;
    font-weight: 600;
    font-family: var(--headings-font-family);
    margin: 0px;
  }

}
/*===================  Mobile Devices ======================*/
@media(max-width:767px) {

  figure.cell {
    padding: 10px 0px!important;
}
  button.buttonone.tm.events_btn{
    width: 50%;
   
  }
  .eventdetails-section.event .mt-20 {
    margin-top: 0px;
  }
  .datetext.text-right {
    text-align: left!important;
}
  .inner-section{
  min-height: 100vh;
}
  .datetext.mobilrtxt{
    text-align: left!important;
    margin-top: 10px;
  }
div#OpenPdf {
    top: 0 !important;
    transform: unset !important;
    left: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    border-radius: 0px !important;
}
div#OpenPdf button.close-button {
    position: fixed;
    top: 0;
    right: 0;
}
  
  body::-webkit-scrollbar {
    width: 0px;
}
 
body::-webkit-scrollbar-track {
    background-color: #1875d1
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #1875d1;
}

 .nodatafound {
        padding: 100px 0px;
        min-height: auto;
    }

.inner-header a.login_btn,header.fixed-header a.login_btn{
  background-image:none;
  color:#0a0a0a!important;
}
.header-menu-wrap ul li:hover .loginbtn_btn{
  color:#000!important;
}
a.login_btn.loginbtn_btn, header.fixed-header a.login_btn.loginbtn_btn{
  padding: 5px 35px 5px 15px!important;
}
.login_btn svg{
  display: none;
}
  .desck-none {
    display: block !important;
  }
  .page_head h2 {
    font-size: 18px;
    color: #fff;
  }
  .mobilehides {
    display: none;
  }
  .mobilehides {
    display: none;
  }
  .eventdetails-section .event-btns {
    position: static !important;
    padding-top: 20px;
  }
  .event-section .event-btns {
    margin-top: 20px;
    position: static;
  }
  .year-select select {
    right: 15px;
  }
  .eventinfo-section.gallerycalender {
    margin-top: 20px;
  }
  .year-select select.grespad {
    right: 15px !important;
  }
  .event-section.event .tabs-title > a {
    background: #fff !important;
    color: #9FA8B4;
    margin-right: 8px;
    font-weight: 600;
    padding: 10px 10px !important;
    font-family: var(--headings-font-family);
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
  }
  .event-section.event .tabs-title.is-active > a:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -10px;
    left: 0;
    height: 3px;
    background-color: var(--t_color1) !important;
  }
  ul#example-tabs li {
    margin-right: 0px;
   
    
  }
  .eventslider .owl-nav {
    position: absolute;
    right: 0px;
    top: -60px;
}
.eventslider .owl-stage-outer {
    width: 100%;
}
  .event-section.event .tabs-title.is-active a {
    background-color: var(--t_color1) !important;
    color: #fff !important;
    position: relative;
  }
   .mobilepadding1.mobilepaddnew{
     padding-top: 10px;
  }
  .mobilepadding1.mobilepaddnew #panel2{
     padding-top: 30px;
  }
  .mobilepadding1 {
    padding-top: 30px;
  }
  .event-section.event .event-box {
    background: transparent;
  }
  .event-section .event-time {
    position: absolute;
   top: 45px;
    left: 0px;
  }
  .pswp__button--share{
  display: none!important;
}
  a.buttonone.tm.link_btn{
   
    margin-right: 0px !important;
  }
  .event-btns.evt_btn a.buttonone.tm, .event-btns.evt_btn button.view_pho_btn{
    width: 50%;
  }

  .event-section .event-btns{
    background: transparent;
    justify-content: left;
    padding: 20px 0px;
  }
  .event-box {
    padding: 20px 0px;
  }

  section.event .tabs-panel p.grey {
    margin-top: 45px;
  }
  button.buttonone.tm {
    font-size: 14px;
    width: 140px;
  }
  .mobile-eventslideradd {
    margin: 0px;
  }
  .eventpage button.buttonone.tm{
    min-width: 150px;
    margin-right: 10px;
  }

  #panel2 .mobilepadding {
    margin-bottom: 0px;
  }
  .eventpage .mobilepadding {
    padding-top: 20px;
  }
.year-select.malar_yearselect{
    position: absolute!important;
    right: 0px;
        top: 20px;
  }
  .year-select {
    position: static;
    top: 11px;
    right: 10px;
    bottom: 20px;
    height: 36px;
    width: 178px;
    border-radius: 18px;
  }
  .paddset #year{
    top: 30px;
  }
  #year {
    left: 10px;
    top: 40px;
    color: #1875D1;
    font-size: 18px;
    font-weight: bold;
  }
  .nagaratharlinks .bx-shawdow {
    margin-bottom: 0px;
  }
  .usefulllinks .usefull-box {
    margin-bottom: 10px;
  }
  .header-menu-wrap ul li > a {
    font-weight: normal;
    font-size: 14px;
    color: #0a0a0a;
  }
  .header-menu-wrap ul li:hover a{
    color: #0a0a0a!important;
  }
  .header-menu-wrap ul li.active a {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.4);
    color: #1875D1;
  }
  .sub-menu li.subactive a {
    background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9) !important;
    color: #1875D1 !important;
  }
  .header-menu-wrap ul li ul.sub-menu li a {
    color: #000 !important;
  }
  .header-menu-wrap ul li ul.sub-menu li.subactive a {
    color: #1875D1 !important;
  }
  .sub-menu li a:hover {
    background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9) !important;
    color: #1875D1 !important;
  }
  .sub-menu li a {
    background: transparent !important;
  }
  .sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.4) !important;
  }
  .sub-menu li.subactive a {
    background: rgba(255, 255, 255, 0.4) !important;
  }
  #page.site {
    margin-top: 0 !important;
  }
  .headroom--top .header-menu-wrap, .headroom--unpinned .header-menu-wrap {
    display: none !important;
  }
  .dropdown-plus {
    width:100%;
    height: 49px;
    line-height: 49px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .dropdown-plus:before, .dropdown-plus:after {
    position: absolute;
    content: '';
    top: 21px;
    right: 10px;
    width: 13px;
    height: 3px;
    background-color: #222222;
  }
  .dropdown-plus:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .dropdown-plus.dropdown-open:after {
    display: none;
  }
  .mobile-menu-icon {
    display: block;
  }
  .header-menu-wrap {
    display: none;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 0px 20px 20px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
  }
  .header-menu-wrap ul li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    margin: 0;
  }
  .header-menu-wrap ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }
  .header-menu-wrap ul li > a {
    padding: 10px 12px;
    height: inherit;
    line-height: inherit;
  }
  .header-menu-wrap li li:hover > a {
    background-color: transparent;
  }
  .header-menu-wrap li:hover ul{
    height: auto!important;
  }
  .header-menu-wrap ul li ul li ul, .header-menu-wrap ul li ul {
    background-color: transparent;
    width: 100%;
    opacity: 1;
    padding: 0;
    visibility: visible;
    position: inherit;
    display: none;
    top: inherit;
    left: inherit;
    box-shadow: none;
    padding-top: 0px;
  }
  .header-menu-wrap li li {
    padding-left: 11px;
  }
  .header-menu-wrap li li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .header-menu-wrap li li > a {
    color: #07122D;
    font-size: 13px;
  }
  .header-menu-wrap li li:hover > a {
    color: #666;
  }
  .primary-header-two .header-right a.header-btn {
    margin: 0;
  }
  .header-two .mid-header .header-logo {
    text-align: center;
  }
  button.buttonone-white {
    font-size: 12px;
  }
  .owl-dots button.owl-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #747780;
    margin: 0 7px;
    opacity: 0.5;
  }
  .owl-dots button.owl-dot.active {
    background-color: #1875D1;
    opacity: 1;
}
.explore_cnts {
    display: block;
   
}
  .cell.evnt_tab_sec .tabs-content .cell > div{
    min-height: auto;
    max-height: auto;
  }
  .cell.evnt_tab_sec .tabs-content .cell > div.description button.buttonone.tm{
        bottom: 15px;
  }
  .business p {
    margin-bottom: 30px;
  }
  .singpore_busniess {
    padding: 40px 0px;
    text-align: center;
  }
  .business h1 {
    font-size: 14px;
    line-height: 20px;
  }
  .business p {
    width: 100%;
  }
  .inner-banner {
    background-size: cover;
  }
  .resource-cnt {
    margin-top: 20px;
  }
  .event-box h4 {
    font-size: 18px;
  }
  .youthnysc-cntsection .cell {
    margin-bottom: 0px;
  }
  .youthnysc-cntsection .grid-x {
    margin-bottom: 20px;
  }
  .gallerycalender .year-select {
    top: -12px;
  }
  .sub-menu {
    transition: none !important;
  }
  .sub-menu {
    position: relative !important;
    transform: none !important;
    z-index: 999 !important;
    min-width: 100px !important;
    width: 100% !important;
    background: transparent;
  }
  .eventdetailsgallery-section {
    padding-bottom: 40px;
    padding-top: 25px;
  }
  .event-section .event-btns .lern_more {
    padding: 6px 3px 9px 15px;
    font-size: 12px;
  }
  ul.sub-menu {
    background: transparent;
    padding: 0px;
    height: auto;
    top: 10px;
  }
  .sub-menu a {
    color: #393939;
    font-size: 13px !important;
  }
  .sub-menu li:first-child {
    margin-top: 0px;
  }
  .mobile_only {
    display: block;
    position: relative;
  }
  .top-bar-left {
    display: none;
  }
  .ac_head .title-bar {
    background: unset;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 11px;
  }
  .navbar li a {
    font-size: 14px;
    font-weight: normal;
  }

  .mobile-none {
    display: none;
  }
  .nav-item a {
    line-height: 22px;
  }
  .dis-mob {
    display: block !important;
  }
  button.login_btn {
    background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9);
    color: #fff !important;
  }
  button.login_btn img {
    transform: rotate(90deg);
  }
  .eventdetails-section .event-btns .lern_more {
    padding: 6px 4px 9px 10px;
    font-size: 14px;
  }
  .eventdetails-img {
    margin-top: 0px;
  }
  .login_btn img {
    top: 5px;
  }
  .navbar {
    display: grid;
    grid-template-columns: 5fr 3fr;
  }
  img.mobile_logo {
    width: 100%;
    margin-top: 29px;
  }
  .inner-banner {
    height: auto;
  }
  .about-section {
    padding: 20px 0px 0px;
}
.eventslider.owl-carousel .owl-stage-outer {
    width: 100%;
}
  .president-image img {
    height: auto;
    width: auto;
  }
  a.lern_more.tm {
    position: relative;
    padding: 6px 5px 8px 19px;
  }
  .mb-mt-20 {
    margin-top: 20px;
  }
  .culture-section {
    padding-bottom: 40px;
    margin-top: 10px;
  }
  .forms-section {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  h2.title1 {
    font-size: 16px;
  }
  .ac_head .top-bar-right li {
    display: block;
    width: 100%;
  }
  .mobile_only button.login_btn {
    background: #fff;
    color: #000 !important;
    border-radius: 30px;
    position: absolute;
    padding: 2px 4px 4px 24px !important;
    left: 121px;
    top: 8px;
  }
  .top-bar-right .login_btn {
    display: none;
  }
  .item.s1, .item.s2, .item.s3, .item.s4, .item.s5 {
    background-position: bottom;
  }
  .banner_section .owl-dots {
    width: calc(100% - 0px);
    margin: 30px 0px 5px;
    bottom: 0px;
  }
  .banner_section .item h1 {
    font-size: 14px;
  }
  .cell.small-12.large-2.header_menu {
    padding: 0px 0px 0px 0px !important;
  }
  .cell.small-12.large-4.foot_logo:after, .cell.small-12.large-4.icon_sc:before {
    display: none;
  }
  ul.apps {
    padding: 0px 0px;
  }
  .bottom_menu {
    padding: 17px 14px;
  }
  .event {
    padding: 15px 0px;
    background-size: unset;
    background-position: unset;
  }
  .event-section.event.eventpage.appevent{
        padding-bottom: 0px!important;
		   
  }
  .eventdetails-section.event{

        padding-bottom: 80px!important;
            
       
  }
  section.event h1 {
    margin-bottom: 20px;
    margin-top: 20px;
    color: #0a0a0a;
  }
  .login_btn img {
    width: 24px;
  }
  .tab_arrcontrol {
    top: -40px !important;
  }
  a.lern_more.tm {
    transform: translate(100px, -125px);
  }
  header.ac_head.fixed-header #pencet span {
    background-color: #0a0a0a;
  }
  .banner_section .item h1 span {
    font-size: 22px;
  }
  .banner_section .item h1 {
    line-height: 0px;
  }
  section.event h1 {
    font-size: 18px;
  }
  section.event .tabs-title > a {
    font-size: 12px;
    padding: 1px 24px 19px 0px;
  }
  .cell.large-3.small-12.zoom_img_sec div {
    margin: 0 auto;
  }
  .banner_section .owl-dots button.owl-dot, #carousel_sponser .owl-dots button.owl-dot, #carousel_team .owl-dots button.owl-dot,#carousel_team1 .owl-dots button.owl-dot,#carousel_team2 .owl-dots button.owl-dot {
    width: 7px;
    height: 7px;
  }
  #carousel_sponser .item img {
  }
  .cell.small-12.large-4.foot_logo ul li {
    text-align: center;
  }
    .eventinfo-section.ev_pad{
     padding-bottom: 0px;
  }
  .eventinfo-section {
    padding-bottom: 60px;
  }
  .mobdisplay-display {
    display: block;
  }
  .description {
    padding-left: 0px;
    padding-bottom: 22px;
  }
  .event-box {
    background: #fff;
    padding: 20px 20px;
    position: relative;
    height: auto;
  }
  section.event .tabs-panel h4 {
    font-size: 18px;
    line-height: 18px;
    
  }
  .pl-0 {
    margin-left: 0.625rem !important;
  }
  .eventinfo-box img {
    width: 208px;
    height: 208px;
    object-fit: contain;
  }
  .eventpadingsec .eventinfo-box {
    margin-bottom: 10px;
  }
  .eventinfo-box {
    margin-bottom: 20px;
  }
  .eventinfo-box img {
    object-fit: cover;
    width: 100%;
    height: auto;
	min-height:155px;
	transform: scale(1);
  }
  div#videopopup {
    height: 100vh !important;
    top: 0px !important;
    position: fixed;
    transform: unset !important;
    left: 0px !important;
    width: 100% !important;
    
    align-items: center;
    justify-content: center;
	border-radius: 0;
    background: #000;
}
  .eventinfo-box:hover .img-holder img {
    transform: scale(1);
}

  .eventinfo-section.mt-40 {
    margin-top: 0px;
  }
  .inner-header .menu-toggle .bar {
    background-color: #3f3f3f;
  }
  .galleryview-section {
    padding: 30px 0px 0px 0px;
  }
  .resource-box {
    margin-right: 0px;
  }
  .banner_section .item {
    height: 50vh;
  }
  .item.s1 {
    background-size: cover;
  }
  #carousel_team .owl-dots {
    text-align: center;
    margin: 0px 0px 0px;
  }
  #carousel_team1 .owl-dots {
    text-align: center;
    margin: 0px 0px 0px;
  }
  #carousel_team2 .owl-dots {
    text-align: center;
    margin: 0px 0px 0px;
  }
  .mob-evnt {
    text-align: center;
  }
  .description {
    padding-left: 0px;
  }
  h2.title1 {
    margin-bottom: 20px;
  }
  .member-section {
    padding: 20px 0px;
  }
  .nagaratharlinks .cell {
    margin-bottom: 10px;
  }
  .nagaratharlinks {
    padding-top: 20px;
  }
  .youthnysc-section {
    padding-top: 20px;
  }
  .youthnysc-cntsection {
    padding-top: 0px;
  }
  .mbtxtcenter {
    text-align: center;
  }
  .youthnysc-cntsection .event-time {
    position: static;
  }
  .youthnysc-cntsection .event-btns {
    margin: 10px 0px;
    bottom: 10px;
  }
  .youthnysc-cntsection a.lern_more.tm {
    transform: none;
    right: 0px;
    bottom: 0px;
  }
  .youthnysc-cntsection .pl-0 {
    margin-left: 0rem !important;
  }
  .mobslidergallery .owl-dots {
    margin: 30px 0px 30px;
  }
  .eventdetails-img.mbtop {
    margin-bottom: 30px;
  }
  .eventdetails-img {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .eventssec .mobdisplay-none {
    display: none;
  }
  ul.mobile-tabs {
    display: flex;
  }
  section.event .tabs-title > a {
    line-height: 20px;
  }
  .tab_arrcontrol {
    top: -45px !important;
  }
  .columncount {
    padding: 25px 0px 25px 0px;
    text-align: left;
  }
  .cell.small-12.large-4.icon_sc {
    position: relative;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .president-message {
    height: 100%;
  }
  .president-info {
    margin-top: 80px;
  }
  section.event .tabs {
    display: flex;
  }
  .eventssec, .eventssec1, .eventssec2 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .eventssec .owl-dots {
    text-align: center;
    margin: 0px 0px 30px;
  }
  .eventssec1 .owl-dots {
    text-align: center;
    margin: 0px 0px 30px;
  }
  .eventssec2 .owl-dots {
    text-align: center;
    margin: 0px 0px 30px;
  }
  .galleryslider .owl-dots {
    text-align: center;
    margin: 0px 0px 30px;
  }
  .tabs.eventstabs_ka li{
    width: 50%;
  }
  section.event .tabs {
    padding: 0px 0px 0px 0px;
  }
  .banner_section .item {
    height: 50vh;
  }
  .banner_section .item h2 {
    line-height: 20px;
  }
  section.event h1 {
    line-height: 30px;
  }
  .header.fixed-header .header-menu-wrap ul li.active > a {
    background: transparent;
    color: #1875D1 !important;
  }
  .header-menu-wrap ul li ul.sub-menu li.subactive a {
    color: #1875D1 !important;
    background: transparent !important;
  }
  a.buttonone.tm {
    font-size: 16px;
    margin-left: 0px!important;
	
  }
  .event-btns {
    margin: 0px !important;
    width: 100% !important;
    align-items: center;
	
}
.view_moreBtn.entmore{
  padding-top: 10px;
    font-size: 18px;
    padding-left: 3px;
}
.view_moreBtn {
    position: static;
    right: 40px;
    bottom: 30px;
    z-index: 999;
}
.event-btns a {
    min-width: fit-content !important;
    margin: 0px 10px !important;
    position: unset !important;
}
  .eventdetailsgallery-section .eventdetails-gallery {
    margin-bottom: 20px;
  }
  .mobilepadding {
    padding-top: 50px;
  }
  .inner-header .header-menu-wrap ul li.active a {
    background: transparent;
    color: #1875D1;
  }
  .youthnysc-section .event-btns {
    position: static;
    margin-top: 40px;
    transform: none;
  }
  a.buttonone.tm img {
    width: 24px;
  }
  .mobiletop20 {
    padding-top: 20px;
  }
  section.event .tabs-panel {
    padding-top: 0px;
  }
  .cell.evnt_tab_sec .tabs-content .cell {
    padding: 0px;
    padding-bottom: 20px;
  }
  section.event h1, .presidentsec h1, .sponsor h1 {
    font-size: 18px;
    line-height: 50px;
  }
  .mobilemarginleft-0 {
    margin-left: 10px;
  }
  button.buttonone.tm {
    font-size: 15px;
  }
  .event-box {
    padding: 20px 0px;
  }
  .youthnysc-section .mt-40 {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .inner-header .header-menu-wrap li ul {
    background: transparent !important;
  }
  .inner-header .header-menu-wrap ul li.active ul.sub-menu li a {
    color: #000 !important;
  }
  .inner-header .header-menu-wrap ul li.active ul.sub-menu li.subactive a {
    color: #1875D1 !important;
  }
  .inner-header .header-menu-wrap ul li.active a {
    background: transparent !important;
    color: #1875D1 !important;
  }
  .inner-header .header-menu-wrap ul li > a:hover, .inner-header .header-menu-wrap ul li > a:active, .inner-header .header-menu-wrap ul li > a:focus {
    background: transparent !important;
    color: #1875D1 !important;
  }
  .header-menu-wrap ul li a.hvrclass:hover {
    color: #1875D1 !important;
  }
  .header.fixed-header .header-menu-wrap ul li.dropdown_menu:hover a.submenu-hvr {
    background: transparent !important;
    color: #000 !important;
  }
  .header.fixed-header .header-menu-wrap li ul {
    background: transparent !important;
  }
  .header.inner-header .header-menu-wrap ul li.dropdown_menu:hover a.submenu-hvr {
    background: transparent !important;
   
  }
  .header.inner-header .header-menu-wrap ul li.dropdown_menu:hover a.submenu-hvr{
    color: #1875D1 !important;
  }
  .header.fixed-header .header-menu-wrap ul li > a:hover {
    background: transparent !important;
    color: #000 !important;
  }
  .banner_section .item h1 {
    padding-top: 0px;
  }
  .banner_section .item .scnt {
    top: 60%;
  }
  .banner_section .owl-dots button.owl-dot {
    width: 7px !important;
    height: 7px !important;
  }
  .pt-120 {
    padding-top: 80px;
  }
  .eventdetails-section .event-btns {
    bottom: 0px;
    transform: none;
    position: relative;
    right: 0px;
    left: 0px;
  }
   .reveal#donationpopup{
    top: 40%!important;
  }
  .reveal {
    padding: 10px 20px;
    height: max-content !important;
    min-height: max-content;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100% - 20px) !important;
    border-radius: 10px;

  }
  .partabs {
    margin: 0 0px;
    list-style: none;
    display: flex;
    padding: 14px 0px;
    margin-bottom: 0px;
  }
  .partabs a {
    color: #fff;
    position: relative;
    background: #fff !important;
    margin-right: 8px;
    font-weight: 600;
    padding: 10px 20px !important;
    font-family: var(--headings-font-family);
    font-size: 14px;
  }
  .participant_form {
    background: #fff;
    padding: 25px 15px;
  }
  ul.partabs li {
    width: 50%;
  }
  ul.partabs li a {
    background: #fff !important;
    color: #9FA8B4;
    margin-right: 0px;
    font-weight: 400;
    padding: 10px 23px !important;
    font-family: var(--headings-font-family);
    display: flex;
    justify-content: center;
  }
  .partabslink a.active {
    background-color: #1875D1 !important;
    color: #fff;
    display: flex;
  }
  .partabslink a.active:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -10px;
    left: 0;
    height: 3px;
    background-color: #1875D1 !important;
  }
  .latesteventhide {
    display: none;
  }
  .gallerycalender .year-select {
    position: static;
  }
  .mobtop {
    margin-top: 30px;
  }
  .year-select .grespad {
    right: 15px;
  }
  
  .eventpadingsec .grid-margin-x {
    justify-content: space-evenly;
  }
  .eventpadingsec .grid-margin-x .cell {
    margin: 0px;
      width: calc(50% - 1.25rem);
  }
  
  .eventdetails-section.event.paddown {
    padding-bottom: 0px !important;
  }
  .dateposition{
    position: static;
  }
  .dateposition.text-right{
    text-align: left!important;
  }
}
@media only screen and (max-device-width:767px) {


    .event-section .event-btns {
    position: static;
    
}
button.buttonone-white.mobpad-top-20 {
    width: 140px;
}
.row-kovil, .row-towns {
		padding: 10px 0px !important; 
	}
}
@media all and (max-width:580px) {
  footer ul {
    text-align: center;
    padding: 0px 15px;
  }
  .banner_section .item {
    height: auto;
  }
  .banner_section .item h2 {
    font-size: 12px;
  }
  .columnreve {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .header-right a.dl-btn {
    line-height: 40px;
    font-size: 10px;
    padding: 0 25px;
  }
  .primary-header .header-logo {
    max-width: 180px;
  }
  .top-bar .top-left li {
    font-size: 12px;
  }
  
}