.full_menu {position: fixed; top:0;  background-color: rgb(255, 255, 255);     left: -100px;
    box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.23);    display: flex;
    flex-direction: column;  padding-top: 20px; min-width:380px;  padding-bottom: 20px;  width: 330px; height:100%; z-index:999; transform: translateX(-100%); transition: 1s;  overflow: auto;}
    .active_nav .full_menu { left: 0px; }
.page-content .search-field {color:#222}
.error404 .search-field {color:#222}
 body {overflow-x: hidden;}
body.active_nav {overflow: hidden; height: 100vh;}
body.active_nav .full_menu { transform: translateX(0); }
/* .full_menu .topmenu > ul > li * { transition: all ease 0.5s; }
.full_menu .topmenu > ul > li * {transition-delay: 0.5s;}
.full_menu .topmenu > ul > li > ul > li   {transition-delay: 0.8s; } */
/* body.active_nav .full_menu .topmenu > ul > li * {  transform: translateX(0);} */
.full_menu .topmenu > ul > li > ul{display:none; width:100%; position:static; background:transparent; box-shadow:none; padding: 0;;}
.full_menu  #menu-header-menu {display:flex; flex-wrap: wrap;}
.full_menu .topmenu > ul > li > a {font-size: var(--font-size2);  padding:10px 20px;    color: #2b2b2f;
    font-weight: 500;}
    .full_menu #menu-header-menu { padding-top: 60px;}
.full_menu .topmenu > ul > li {width:100%; position: relative;	overflow: hidden;}
.full_menu .ddclick, .full_menu .ddclick1 {cursor: pointer; height:30px; width: 30px; float: right; position: absolute; right: 0; z-index: 1; top: 10px;}
.full_menu .ddclick::after, .full_menu .ddclick1::after {    content: "";width: 8px; height: 8px;
    display: inline-block;border-right: 2px solid #000; border-bottom: 2px solid #000;vertical-align: middle;transform: rotate(45deg);margin-left: 5px; margin-top: 5px;}
.full_menu .topmenu > ul > li.active > a { background-color: #efefef; color: #3c528c !important; }
.full_menu .ddclick.active::after, .full_menu .ddclick1.active::after{transform: rotate(-48deg );    margin-top: 6px;margin-left: 10px;}
.full_menu .topmenu > ul > li > ul > li > ul {display: none; position: static;background: #455d9d;margin-left: 0px;}
.full_menu .topmenu > ul > li > ul > li > ul li a { border-bottom: solid 1px #4c63a1; }
.full_menu .topmenu > ul > li > ul > li {margin-bottom: 6px;}
.full_menu .topmenu{padding: 20px 0px 0px 0px;}
.full_menu .ddclick1 {top:0}
.full_menu .topmenu > ul > li:hover > a:before {display: none;}
.full_menu .topmenu > ul > li.current-menu-item > a:before{display: none;}
.full_menu  .topmenu > ul > li:hover > a, .full_menu  .topmenu > ul > li.active > a, .full_menu  .topmenu > ul > li.current-menu-item > a {color:#333333; }
.full_menu .topmenu > ul > li.menu-item-has-children > a:after {display:none}
.full_menu .topmenu .sub-menu:after {display:none;}
/* body.active_nav .menuicon span {     background: #e13833;}
body.active_nav .menuicon span:before {transform: rotate(45deg);} 
body.active_nav .menuicon span:after {transform: rotate(-48deg); bottom: 6px;}  */
.menuicon span:before, .menuicon span:after { transition: 0.5s; }
.full_menu .topmenu > ul > li > ul { margin-top:0px; margin-bottom: 0px; background-color: #3c528c;}
.full_menu .topmenu > ul > li > ul a {padding:5px 15px 5px 0; line-height: 1.1; opacity: 1;position: relative; transition: all ease 0.5s;}
.full_menu .topmenu > ul > li > ul > li a{color: #333333;}
.menu_logo {padding-left: 50px; border-bottom: solid 2px #dad9d9;padding-bottom: 18px; padding-top: 20px;}

/* .full_menu .topmenu > ul > li > ul a:hover{padding:5px 0px 5px 15px; opacity: 1;}
.full_menu .topmenu > ul > li > ul a:before {display: inline-block; content: ''; width:0px; height: 1px; background-color: #fff; position:absolute; top:15px; left:0; transition: all ease 0.5s; }
.full_menu .topmenu > ul > li > ul a:hover:before {width: 10px;} */
.socialicon_full {  bottom: 25px;border-top: solid 2px #dad9d9;padding-top: 20px;margin-top: auto;  padding-left: 30px;}
.socialicon_full .socialicon {justify-content: center;}
.socialicon_full .socialicon li a {    filter: brightness();}
.socialicon_full  .youtubelink { position: relative; top: 2px; }
.socialicon_full .twitterlink { position: relative; top: 2px; }
.socialicon_full .socialicon li {margin-right: 15px;}
.close_full_menu {position: absolute; top: 18px; right: 15px; cursor: pointer; }
.close_full_menu svg {    height: 35px;color: #333;}
.ddclick1.active {border-color:#fff;}
.full_menu .topmenu > ul > li > ul > li a { background-color: transparent; color: #fff;    padding: 12px 38px;}
.full_menu .topmenu > ul > li > ul > li > ul li:last-child a { border: none;}
.full_menu .topmenu > ul > li > ul .ddclick1::after  { border-color:#fff; }
.ddclick1.active::after {margin-left: 3px !important;}
.ddclick.active::after {margin-left: 3px !important;}


@media (max-width:1490px){
    .topmenu > ul > li > a {padding: 12px 6px; font-size:var(--small-font); }
    .fixed .topmenu > ul > li > a {padding: 10px 5px;  font-size: var(--small-font);}
}
@media (max-width:1300px){
    /* .headersearch { width: 280px;} */
}
@media (min-width:992px) and (max-width:1245px) {
    /* .headersearch{width: 225px;}   */
}
@media (max-width:1199px){
    .full_menu .topmenu > ul > li {width:100% !important;}
    .full_menu .topmenu > ul > li > a {padding: 10px 20px !important;}
    .full_menu #menu-header-menu { padding-top: 0; }
    .menu_logo{ padding-top: 0; }
    .full_menu { min-width: 330px; }
    .pad60 {padding-top: 40px; padding-bottom: 40px;}
    .topmenu {display: none;}
    .full_menu .topmenu {display: block;}
    .banneritem .container {transform: translate(-50%, -30%);}
    .navicon{display: block; float: right; cursor: pointer; position: absolute; top: 13px; right:15px; z-index: 99; width: 30px; height: 30px; padding-top: 15px;}
    .navicon span{ width:18px; height: 2px; background:var(--white); position: relative; display: block;}
    .navicon span:before, .navicon span:after{content:""; width: 25px; height: 2px; background:var(--white); display: block; position: absolute; left: 0;}
    .navicon span:after { width: 18px;  }
    .navicon span:before{top: -6px;   }
    .navicon span:after{bottom: -7px; }
    .navicon.active{position: fixed;}
    .navicon.active span{ background: none;}
    .navicon.active span:before{ transform: rotate(-48deg);background: #ccc;}
    .navicon.active span:after{ transform: rotate(45deg); bottom: 6px;background: #ccc;}
    .active span:before, .navicon span:after { width: 18px; }
    .full_menu {align-items: normal !important;}
    .topmenu { position: static;   transform: translate(0); padding: 0;     width: 100%; background-color: transparent !important; }
  
    .topmenu > ul > li > ul li { border-top: transparent;}
    .topmenu > ul > li { border-bottom: transparent;}
    .ddclick:before, .ddclick1:before {display: none;}
    .researchlist > ul{margin:0 -10px;}
    .researchlist > ul > li{padding: 10px;}
    .tsublist { padding: 15px;}
    .themecategorylist{min-height: 490px;}
    .projectimg {height: 250px;}
    .homeblog .bloglist ul li:first-child .blogimg{height: 300px;}
    .homeblog .blogcontent {padding: 10px 15px;}
    .publicationlist ul {flex-wrap: wrap; margin: 0 -10px; justify-content: center;}
    .publicationlist ul li{padding: 10px; width: 33.33%;}
    .publicationbox .heading5{min-height: 34px;}
    .peoplelist > ul > li{width: 33.33%;}
    .tabsec ul li a{padding: 10px 25px;}
    .tablist{padding: 15px;}
    .sidebarbg{padding: 15px;}
    .withleftcont{padding-right: 30px;}
    .eventcontent {padding: 0 15px;}
    .eventimg {height: 150px;}
    .upcomingbox .heading3{min-height: 56px;}
    .spotlightimg {height: 200px;}
    .projectbox{margin-bottom: 10px;}
    .viewdiv{margin-top: 10px;}
    .eventbanner {height: 350px;}
}

@media (max-width:991px){
    .researchteamcontent .linkedinlink {display: block;     padding: 8px 0;}
    .economicbg { background-position: 100%;}
    .economictext p { position: relative; z-index: 1;;}
    .researchevent > ul > li { width: 33.33%;}
    .headersearch { width: 100%; } 
    .newstext h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .homebanner .owl-dots { margin-left: 0px;left: 0;}
    .researchlist > ul > li { width: 50%;}
}

@media (max-width:767px){
 
    .menu_logo img { width: 35%; }
    body, html { overflow-x: hidden !important;}
    .homecontent {width: 100%;}
    .publicationbox{padding: 0;}
    .newssec {width: 100%;}
    .spotsec {width: 100%; padding-left: 0;}
    .newsbg { background: rgb(60,82,140) !important; padding-top: 30px;}
    .newssec .viewbtn {position: static;margin: 15px 0;}
    .newsbg .heading2 { margin-bottom: 0;}
    .topevent{width: 100%;}
    .economictext {width: 100%;}
    .researchevent.pad20{padding: 0;}
    .studieslist > ul > li{padding: 15px;}
    .economicbg { background-position: bottom;}
    .contantsec{flex-wrap: wrap;}
    .withleftcont{width: 100%; padding-right: 0;}
    .innersidebar {width: 100%;}
    .researchevent > ul > li, .researchpub > ul > li{width: 50%;}
    .researchteamcontent { padding-left: 10px;}
    .topeventcontent{display: none;}
    .peoplelist > ul > li {width: 100%;}
    .researchlist > ul > li {width: 100%;}
    .themecategorylist { min-height: auto;}
    .loginsec > a {font-size: 0px !important;}
    .owl-dots button.owl-dot span {border-color: #e44c47; }
    .homebanner .owl-dots { width: 100%; margin-left: 0; position: static;padding: 15px 0;}
    .homebanner .owl-dots .owl-dot.active span { background-color:#e44c47 ; border-color: #e44c47;}
    .newsbg .heading2 { font-size: 24px; }
    .newssec .heading2, .spotsec .heading2 { margin-bottom: 25px; }
    .eventhome .owl-dots .owl-dot span, .projectslide .owl-dots .owl-dot span {background-color:#fff ; }
    .eventhome .owl-dots .owl-dot.active span, .projectslide .owl-dots .owl-dot.active span {background-color:#e44c47 ; }
    .home .owl-dots .owl-dot.active span { border: transparent;  }
    .fmenu, .newsletter { margin: 15px 0; }
    .home .viewdiv { margin-top: 25px; }
    .inner_banner_common h1 { font-size: 24px; }
    /* .goalsec .swiper-button-disabled { display: block !important; } */
    .page-template-event-page .withleftcont, .tax-event-category .withleftcont { width: 100%; padding-right: 0px;border-right:0;} 
    .withleftcont h1 {margin-bottom: 0;}
    .eventcontent p { margin-bottom: 0; }
    .page-template-event-page .innersidebar, .tax-event-category .innersidebar { padding-right: 0; width: 100%; padding-left: 0px; margin-top: 25px; }
    .innersidebar h2 {font-size: var(--font-size4);}
    .event_single_page.teamdt { width: 100%;}
    .single-event .innersidebar { width: 100%;}
    .page-template-blog-page .withleftcont, .single-post .withleftcont {width: 100%; padding-right: 0px;border-right:0;}
    .blog_boxs  { flex-direction: column; }
    .blog_boxs .eventimg { width: 100%; }
    .blog_boxs .eventcontent { width: 100%; padding: 15px 0 0 0; }
    .page-template-blog-page .innersidebar, .single-post .innersidebar {width: 100%; padding-left: 0px;}
    .job_list li {  width: 100%;}
    .about_job li { width: 50%; margin-bottom: 10px;}
    .contactform input, .contactform textarea {width: 100%;}
    .contactform{ margin-top: 25px; }
    .student_faculty_box {flex-wrap: wrap;}
    .student_faculty_box .student_faculty_left {flex: auto;}
    .funder_list_logos { flex-wrap: wrap; }
    .funder_list_logos > li { width: 50%;}
    .sportlight_box {     flex-wrap: wrap;}
    .sportlight_box .sportlight_box_images {width: 100%; }
    .sportlight_box_images + .spotlight_box_content{width: 100%;margin-left:0 }
    .sportlight_box .sportlight_box_images{margin-bottom: 15px;}
    .single-people .teamdt .dtimg {margin-right: 0; float: none; }
    .fullwidth_team .dtimg { max-width: 100%;}
    .teamdt {margin-top: 15px; }
  
}

@media (max-width:540px){
    .studyimg {width: 100%;}
    .studycontent {width: 100%; padding: 15px 0;}
    .eventcontent {padding: 15px 0 0 0; width: 100%;}
    .eventimg{width: 100%;}
   
}

@media (max-width:479px){
    .flogo {width: 100%;padding: 0 0 10px 0;    border-bottom: solid 1px #fff; margin-bottom: 8px;}
    .fmenu, .newsletter {width: 100%;}
    .fmenu {padding: 0 0 10px 0;    border-bottom: solid 1px #fff; margin-bottom: 8px; }
    .site-footer {padding: 25px 0;}
    .ourexpert { width: 100%;}
    .publicationlist ul li { width: 100%;} 
    .publicationlist ul {flex-wrap: wrap;}
    .publicationbox .heading5 {min-height: auto;}
    .publicationbox { padding-top: 0;}
    .homeblog .bloglist {flex-wrap: wrap;}
    .homeblog .bloglist ul li:first-child {width: 100%;}
    .homeblog .bloglist ul li {width: 100%; float: none;}
    .heading2 {font-size: 24px;}
    .pad60 { padding-top: 30px; padding-bottom: 30px;}
    .homeblog .viewdiv {float: none}
    .homeblog .bloglist ul li:first-child .heading4 {font-size: var(--font-size4); }
    .eventhome .eventimg {width: 100%;}
    .eventhome .eventcontent {width: 100%; padding: 10px 0 0 0; }
    .logo {width: 98px;}
    .tabsec ul li a { padding: 10px 20px; }
    .themelist ul li {width: 100% !important;}
    .updateimg {width: 100%;margin-right:0;}
    .updateimg + .bannercontent {width: 100%;}
    .bannerbox {flex-wrap: wrap;}
    .updatetitle {font-size: var(--font-size2);}
    .bannerbox .dates { margin-top: 20px;}
    .peopletext {min-height: auto;}
    .flexsec {flex-wrap: wrap;}

    .dtimg {width: 100%;}
    .teamdt { padding-left: 0; width: 100%;}
    .pubdtimg { width: 100%; }
    .pubdtimg + .pubcontent { width: 100%; margin-top: 10px;   padding-left: 0; }
    .aboutsection {     flex-wrap: wrap;}
    .aboutimage { width: 100%;}
    .sec1 .aboutimage + .aboutcontent { width: 100%;}
    .sec1 .aboutimage + .aboutcontent {width: 100%;padding-right: 0;      }
    .listgoals > li { width: 100%;}
    .eventimg {  height: auto;}
    .eventbanner { height: 200px; }
    .detailbanner h1 {font-size: 30px;}
    .pagingsec { margin-bottom: 15px;}
    .addresscont > ul > li{width: 100%;}
    .contactform {width: 100%;}
    .mapsec {width: 100%;}
    .contacticon { height: 75px; width: 75px;}
    .goalbox {     padding: 18px;}
    .goalbox:after {left: 15px;}
    .innerbanner {height: 195px;}
    .headersearch {width: 100%;}
    .searchformsec ul li:first-child {width: 50%;}
    .searchformsec ul li:nth-child(2) {width: 50%;}
    .searchformsec ul li {display: block;}
    .searchformsec ul {display: flex; flex-wrap: wrap; margin: 0 -5px;}
    .searchformsec ul li{width: 50%;    padding: 0 5px;}
    .searchformsec ul li:nth-child(2), .searchformsec ul li:nth-child(3), .searchformsec ul li:nth-child(4), .searchformsec ul li:nth-child(5){width: 50%; }
    .pdficon.pdf_list { flex-wrap: wrap;}
    .searchformsec ul li:nth-child(8) {width: 100%;}
    .searchformsec ul li:nth-child(9) {width: 100%;}
    .researchteamimg {width: 100%;}
    .researchteambox { flex-wrap: wrap;}
    .researchteamcontent{width: 100%; margin-top: 10px;padding-left: 0; }

    .error404 .detailbanner {    height: 170px; }
    .error404 .detailbanner img { height: 100%;}
    .research_theme_tab { margin-bottom: 25px; }
    .toplinks ul li a { padding: 10px 8px;}
    .single-event .innersidebar { position: static; margin-top: 10px;}
    .photos > ul > li{width: 100%;}
    .latestnews > ul > li{width: 100%;}
    .spotlight-list > li{width: 100%;}
    .spotcont {flex-wrap: wrap; }
    .spotimage{width: 100%;}
    .spottext{width: 100%; margin-top: 15px;}
    .projectcontent { min-height: auto;}
    .firstnews{flex-wrap: wrap; }
    .newsimgfirst{width: 100%;}
    .newsfcontent{width: 100%;padding: 0; margin-top: 18px;}
    .newslistsec .withleftcont{width: 100%;}
    .newslistsec .eventimg {width: 100%; margin-bottom: 10px;}
    .newslistsec .innersidebar{width: 100%;}
    .pagingsec a, .pagingsec .current {  min-width: 26px;}
    .about_job li { width: 100%; margin-bottom: 5px;}
}