@media only screen and (min-width: 1000px) and (min-height: 1800px) {
  .main .homepage-main .carousel {
    height: 30vh;
  }
  .main .homepage-main .sidenav-container {
    height: calc(30vh - 158px);
  }
  .homepage-main video {
    height: auto !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 12px !important;
  }
  .main .kpis {
    padding: 5% 1% !important;
  }
  .homepage-events .owl-carousel .owl-nav button.owl-next {
    left: 86% !important;
  }
  .icon-bar {
    z-index: 6;
  }
}
@media only screen and (max-width: 1680px) {
  .main .homepage-about .text-area p {
    height: 42%;
    overflow-y: auto;
  }
  .main .homepage-about .text-area h5:after {
    margin: 25px 0;
  }
  .btn-lg {
    padding: 15px 35px;
  }
  .main .homepage-main .kpis .kpi.kpi1 {
    width: 215px;
    height: 215px;
    right: 130px;
    top: 110px;
  }
  .main .homepage-main .kpis .kpi.kpi2 {
    width: 226px;
    height: 226px;
    right: 325px;
    top: 95px;
  }
  .main .homepage-main .kpis .kpi.kpi3 {
    width: 211px;
    height: 211px;
    right: 175px;
    top: 265px;
  }
  .main .homepage-main .kpis .kpi.kpi4 {
    width: 201px;
    height: 201px;
    right: 350px;
    top: 280px;
  }
  .main .homepage-main .kpis .kpi {
    font-size: 18px;
  }
  .main .homepage-main .kpis .kpi i {
    font-size: 29px;
  }
  .main .homepage-main .kpis .kpi .number {
    font-size: 28px;
  }
  .main .homepage-main .sidenav-container .sidenav .navbox .navicon {
    padding: 10px;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
  }
  .main .homepage-main .sidenav-container .sidenav .navbox .navicon i {
    font-size: 25px;
  }
  .main .homepage-main .sidenav-container .sidenav {
    padding: 15px 35px;
  }
  .main .homepage-main .sidenav-container .sidenav-body {
    padding: 0px 75px;
  }
}
@media only screen and (max-width: 1024px) {
  .kpi .title {
    padding: 0;
    font-size: 20px;
  }
  div.gallery img, .gallery .academy-image {
    width: 100%;
    height: 430px;
  }
  .article {
    padding: 0px 10px;
    margin-bottom: 40px;
  }
  .dropdownProfile {
    color: #0d6efd;
  }
  .main .homepage-main .carousel {
    /*max-height: 650px;
    height:650px;*/
    max-height: 650px;
    height: 92vh;
    overflow: hidden;
  }
  .main .homepage-main .carousel .carousel-inner {
    height: 100%;
  }
  .main .homepage-main .carousel .carousel-inner .carousel-item {
    height: 100%;
  }
  .main .homepage-main .carousel .carousel-inner .carousel-item img {
    height: 100%;
    object-fit: cover;
  }
  .main .homepage-main .sidenav-container {
    height: 492px;
  }
  h5 {
    font-size: 19px;
  }
  .main .homepage-about .text-area h5:after {
    margin: 6px 0;
  }
  .main .homepage-about .text-area {
    padding: 10px;
  }
  .btn-lg {
    padding: 6px 11px;
  }
  .social a i {
    margin-left: 10px;
    font-size: 16px;
  }
  .login-wrapper .wrapper {
    height: auto;
  }
  .vidItem, .videoHeader iframe {
    height: 650px;
  }
  .bigtitle, .main .homepage-directory .directory-box .directory-container .directory-titles li a, h2 {
    font-size: 21px;
  }
  .logoScroll {
    display: none;
  }
  body {
    font-size: 14px;
  }
  .header-lang .langText {
    font-size: 17px;
  }
  .header-lang .loginIcon {
    font-size: 23px;
  }
  .main .homepage-main .kpis .kpi {
    font-size: 16px;
  }
  .main .homepage-main .kpis .kpi .number {
    font-size: 22px;
  }
  .main .homepage-main .kpis .kpi i {
    font-size: 25px;
  }
  /*.main .homepage-main .carousel .carousel-item img {
      height: 100vh;
      object-fit: cover;
  }*/
  .main .homepage-main .kpis .kpi.kpi4 {
    width: 180px;
    height: 180px;
    right: 370px;
    top: 300px;
  }
  .main .homepage-main .kpis .kpi.kpi3 {
    width: 191px;
    height: 191px;
    right: 205px;
    top: 285px;
  }
  .main .homepage-main .kpis .kpi.kpi2 {
    width: 206px;
    height: 206px;
    right: 345px;
    top: 115px;
  }
  .main .homepage-main .kpis .kpi.kpi1 {
    width: 195px;
    height: 195px;
    right: 165px;
    top: 130px;
  }
  .main .homepage-directory .announcements .body, .main .homepage-directory .directory-box .directory-container .tab-content {
    padding: 14px 14px;
  }
  .main .homepage-survey .row .big-title {
    font-size: 22px;
    line-height: 1.2;
    height: 80px;
  }
  .main .homepage-news .news-container .nav a {
    font-size: 18px;
  }
  .main .homepage-news .news-container .nav a.active:after {
    width: 95%;
  }
  .main .article h2, .main .video h2 {
    font-size: 15px;
    min-height: 35px;
  }
  .nav-link.nav-link-section {
    font-size: 18px;
  }
  .logoScroll {
    display: none !important;
  }
  .main .homepage-about .text-area p {
    height: 34%;
    margin-bottom: 10px;
  }
  .pre-footer p {
    font-size: 19px;
  }
  .pre-footer {
    height: 105px;
  }
  .footer_map {
    width: 85%;
    height: 180px;
  }
  .navbar .nav-item {
    padding: 0 6px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1024px) {
  .dropdownProfile {
    color: #0d6efd;
  }
  .header-lang .nav-top {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .dropdownProfile-wrap {
    margin: 0 15px;
  }
  .header-lang .langText {
    margin: 0 30px;
  }
  .dropdownProfile-wrap li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 980px) {
  .dropdownProfile {
    color: #0d6efd;
  }
  .header-lang .nav-top {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .dropdownProfile-wrap {
    margin: 0 25px;
  }
  .header-lang .langText {
    margin: 0 40px;
  }
  .searchbar {
    margin-left: -5px;
  }
  .dropdownProfile {
    color: #0d6efd !important;
  }
}
@media only screen and (max-width: 980px) {
  .top-header {
    height: 85px;
    padding: 5px 0px;
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
    z-index: 9999999;
  }
  .navbar {
    height: 50px;
    padding: 6px 10px 5px 5px;
    background: #1a497a;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 6px;
  }
  .navbar .header-menu {
    display: block;
    margin-left: auto;
  }
  .dropdownProfile {
    color: #fff;
  }
  .header-lang {
    height: 50px;
    margin-top: 0px;
    display: flex;
    align-items: center;
  }
  .navbar-collapse {
    background: #fff;
    margin-top: 5px;
  }
  .navbar-light .navbar-nav .nav-link {
    color: rgb(62, 125, 179);
  }
  .navbar {
    align-items: flex-start;
  }
  .navbar-light .navbar-toggler-icon {
    background-image: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .navbar-light .navbar-toggler-icon i {
    font-size: 36px;
    color: #fff;
  }
  .navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.48);
  }
  .navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.1019607843);
  }
  .navbar.sticky {
    margin-top: 0px;
  }
  header .col-md-8 {
    width: 100% !important;
  }
  header .col-md-4 {
    display: none !important;
  }
  .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: #3e7db3 !important;
  }
  .navbar .nav-item a.dropdown-item, .navbar .nav-item a:hover.dropdown-item, .navbar .nav-item a:focus.dropdown-item {
    color: #3e7db3 !important;
  }
  header .navbar {
    padding: 5px 40px 5px 40px;
  }
  .lecture-card.lecuted-accordion-card .lecture-card-open-rate {
    width: 110px;
  }
  .lecture-card.lecuted-accordion-card a {
    flex-direction: column;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-img {
    width: 100%;
    height: 225px;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-bottom {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 25px;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-btns {
    display: flex;
    margin-top: 10px;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-btns .btn-danger.btn-remove-card {
    height: auto;
    width: 50%;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-btns .lecture-card-open-rate {
    width: 50%;
  }
  .logoScroll {
    display: none;
  }
  .academy-section .div-academy-card {
    width: 100%;
  }
  .ourService-section .services-section .card, .academy-section .services-section .card {
    width: 31%;
    margin: 0 1%;
  }
  .ourService-section .card .icon, .academy-section .card .icon {
    width: 120px;
    height: 120px;
    font-size: 40px;
    border: 17px solid rgba(247, 247, 247, 0.6392156863);
    color: #a1d55d !important;
  }
  .ourService-section .services-section .card h2:before, .academy-section .services-section .card h2:before,
  .ourService-section .services-section .card h2:after, .academy-section .services-section .card h2:after {
    width: 30px;
    height: 20px;
  }
  .ourService-section .services-section .card h2, .academy-section .services-section .card h2 {
    height: 27px;
    font-size: 18px;
    margin: 18px auto 9px auto;
    line-height: 28px;
  }
  .title {
    padding: 45px 0 15px 0;
    font-size: 22px;
  }
  .card-work .card-body h5 {
    font-size: 17px;
  }
  .card-work .card-body h5::after {
    margin: 12px auto 9px;
  }
  .card-work .card-text {
    height: 95px;
  }
  .card-work img {
    height: 140px;
  }
  .ourService-section .services-section .card p, .academy-section .services-section .card p {
    margin: 5px 15px;
  }
  .ourAcademy-section {
    padding: 0 35px;
  }
  .lecture-card.lecuted-accordion-card .lecture-card-btns .btn-primary.btn-status-card {
    width: 50%;
    height: 100%;
  }
  .lecture-card.lecuted-accordion-card .lecture-card-open-rate {
    height: 100%;
  }
  .lecture-card-btns {
    height: 56px;
  }
  .lecture-card.lecuted-accordion-card .lecture-card-btns .btn-danger.btn-status-card {
    height: 100%;
    width: 50%;
  }
  .lecture-card.lecuted-accordion-card .accordion-body form {
    padding: 0 0%;
  }
  .accordion-body .rating-wrapper {
    flex-direction: column;
  }
  .navbar .header-menu li.nav-item {
    display: inline-block;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
  .exp-live {
    margin: 0 auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
  }
  header .top-header {
    justify-content: flex-end !important;
  }
}
@media only screen and (max-width: 800px) {
  .header-lang a {
    color: #fff;
  }
  .searchResult {
    display: flex;
    justify-content: flex-end;
  }
  .dropdownProfile-wrap li span {
    color: #000;
  }
  .top-header {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 650px) and (max-width: 764px) {
  .main .homepage-survey .row {
    height: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container, .container-sm {
    max-width: 655px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 800px) {
  .col-md-6 .displayOnRes form {
    position: absolute;
    top: 45px;
    left: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .navbar .header-menu li.nav-item {
    display: inline-block;
  }
  .top-header .navbar-brand:first-of-type {
    order: 1;
  }
  .top-header .navbar-brand:last-of-type {
    margin-left: 0px;
    margin-right: 0px;
  }
  div.gallery img, .gallery .academy-image {
    height: 380px;
    object-fit: cover;
  }
  .title {
    font-size: 20px;
  }
  .academy-section {
    padding-top: 40px;
    margin-top: 40px;
  }
  .icon-div {
    font-size: 75px;
  }
  .body-academy h4 {
    font-size: 22px !important;
  }
  .body-academy span {
    line-height: 22px;
  }
  .footer .col-md-3 img {
    margin-bottom: 20px;
    width: 100%;
  }
  header .row .col-md-2.d-flex.align-items-center.justify-content-end {
    display: none !important;
  }
  header .col-md-10 {
    width: 100%;
  }
  .bigtitle, .main .homepage-directory .directory-box .directory-container .directory-titles li a, h2 {
    font-size: 20px;
  }
  .navbox div {
    font-size: 14px;
  }
  .main .homepage-main .sidenav-container .sidenav-body {
    padding: 0 35px;
    width: calc(100vw - 185px);
  }
  .sidenav-body .details p {
    font-size: 14px;
  }
  .main .homepage-main .sidenav-container .sidenav-body .service .icon i {
    font-size: 34px;
  }
  .homepage-section, .main .homepage-news, .main .homepage-events, .main .homepage-directory {
    padding: 55px 55px;
  }
  .main .homepage-survey .row .big-title {
    font-size: 32px;
    overflow: scroll;
  }
  .main .homepage-news .news-container .more-space {
    margin-top: 40px;
  }
  .main .homepage-about {
    padding: 70px 55px;
    color: #fff;
  }
  .main .homepage-about .text-area {
    height: 100%;
    right: 0;
    padding: 15px;
  }
  .main .homepage-about .text-area p {
    height: 30%;
  }
  .main .homepage-about .text-area .btn-light {
    font-size: 15px;
  }
  .login-wrapper .title span {
    font-size: 33px;
  }
  .gallery-wrap .gallery-card {
    height: 225px !important;
  }
  .ourService-section .container .services-section .card {
    width: 100%;
  }
  .ourService-section .container .services-section .card:not(:first-of-type) {
    margin-top: 100px;
  }
  .ourService-section .container .services-section {
    flex-wrap: wrap;
  }
  .gallery-wrap .gallery-card figure figcaption {
    font-size: 1rem;
  }
  .navbar-brand.logoScroll {
    display: none !important;
  }
  .ourAcademy-section {
    padding: 0 28px;
  }
  .navbar-light .navbar-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 650px) {
  .SpanDesk {
    position: absolute;
    top: 5.5%;
    right: 54%;
    width: 41%;
  }
  .kpis {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pdf-field .pdf-field-content a.title {
    padding: 0;
  }
  .pdf-field .pdf-field-content {
    padding: 6px 15px;
    margin: 8px 0;
    border-left: 2px solid #767676;
  }
  .pdf-field .pdf-field-icon i {
    font-size: 30px;
  }
  .pdf-field .pdf-field-icon {
    width: 19%;
  }
  .pdf-field {
    width: 100%;
  }
  header .top-header {
    justify-content: start;
  }
  .header-menu .navbar-toggler {
    padding: 0 !important;
    width: 40px;
    height: 34px;
  }
  .navbar-light .navbar-toggler-icon i {
    font-size: 28px;
    margin-bottom: -5px !important;
  }
  .navbar .nav-item a, .navbar .nav-item a:hover, .navbar .nav-item a:focus {
    font-size: 16px;
  }
  .navbar .nav-item .nav-link {
    padding: 0.68rem 1rem;
  }
  .navbar .dropdown-menu .dropdown-item {
    padding: 0.49rem 1rem;
  }
  .subscripe_footer form button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar .header-menu .navbar-nav {
    padding: 10px 0;
  }
  .main .homepage-main .kpis .kpi.kpi1 span, .main .homepage-main .kpis .kpi.kpi1 i {
    margin-top: 0px;
  }
  .top-header .d-flex.align-items-center.flex-column {
    width: 100%;
  }
  .top-header .navbar-brand:first-of-type img {
    margin: 0 auto;
    display: flex;
    width: 125px;
  }
  #newsLetter_form span {
    margin-bottom: -9px;
  }
  .header-lang .nav-top a {
    margin-bottom: -5px !important;
  }
  /*.top-header > .navbar-brand img {
      display: none !important;
  }*/
  .main .homepage-events .studies-cards .event-card {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    height: 350px;
  }
  .main .homepage-main .carousel {
    max-height: 92vh;
  }
  footer .copyright .col-md-3 {
    justify-content: center !important;
  }
  footer .copyright .col-md-3 .copymenu {
    margin-left: 0 !important;
  }
  .copyright .col-md-3.justify-content-center {
    justify-content: center !important;
  }
  .main .homepage-about .text-area {
    left: 0;
  }
  .top-header {
    justify-content: space-between;
    height: 115px;
  }
  .directory-form .col-md-12 .mb-2.d-flex.align-items-center {
    flex-direction: column;
  }
  .directory-form .col-md-12 .mb-2.d-flex.align-items-center .directory-label {
    width: 100%;
  }
  .main .homepage-events .owl-prev, .main .homepage-events .owl-next {
    font-size: 70px !important;
  }
  .main .homepage-events .event-card {
    padding: 10px;
  }
  .main .homepage-main .sidenav-container .sidenav {
    padding: 10px 10px;
  }
  .main .article p, .main .video p {
    line-height: 1.3;
  }
  .videos-wrapper {
    margin-top: 15px;
  }
  div.gallery img, .gallery .academy-image {
    height: 280px;
  }
  .title {
    font-size: 23px;
    padding-top: 10px;
  }
  .responsive p {
    font-size: 17px;
  }
  .div-academy {
    flex-direction: column;
  }
  .div-academy .div-svg {
    width: 100%;
  }
  .titlearea .news-selector.nav li a, .innerbody .articlesection h1, .bigtitle, .main .homepage-directory .directory-box .directory-container .directory-titles li a, h2 {
    font-size: 22px;
  }
  footer h3:after {
    content: "";
    background: #fff;
    display: block;
    height: 3px;
    width: 40px;
    margin: 14px auto 14px auto;
  }
  footer h3 {
    font-size: 18px;
    margin-top: 10px;
  }
  footer ul {
    margin-bottom: 20px;
  }
  footer .row .col-md-3:nth-child(1) {
    display: flex;
    justify-content: center;
  }
  footer .row .col-md-3:nth-child(2) {
    text-align: center;
  }
  footer .row .col-md-6 {
    text-align: center;
  }
  footer ul.foot-nav {
    display: flex;
    flex-wrap: wrap;
    padding-right: 4rem;
  }
  footer ul.foot-nav li {
    float: none;
    width: 33%;
    text-align: right;
  }
  footer .copyright {
    margin: 10px 0 0;
    padding: 18px 0;
  }
  .main .homepage-main .sidenav-container .sidenav-body {
    overflow: scroll;
  }
  .main .homepage-main .searchbar {
    width: 70%;
    right: calc(50% - 155px + 109px);
  }
  .main .homepage-main .kpis .kpi.kpi4 {
    width: 111px;
    height: 111px;
    right: 440px;
    top: 360px;
  }
  .main .homepage-main .kpis .kpi.kpi3 {
    width: 121px;
    height: 121px;
    right: 315px;
    top: 345px;
  }
  .main .homepage-main .kpis .kpi.kpi2 {
    width: 135px;
    height: 135px;
    right: 420px;
    top: 240px;
  }
  .main .homepage-main .kpis .kpi.kpi1 {
    width: 125px;
    height: 125px;
    right: 300px;
    top: 230px;
  }
  .main .homepage-main .kpis .kpi i {
    font-size: 22px;
  }
  .kpi .title {
    padding: 0;
    font-size: 12px;
  }
  .main .homepage-main .kpis .kpi .number {
    font-size: 13px;
  }
  .main .homepage-main .kpis .kpi .title {
    width: 88%;
    margin: 0 auto;
  }
  .main .homepage-main .sidenav-container .sidenav {
    width: 135px;
  }
  .main .homepage-main .sidenav-container {
    right: calc(135px - 100vw);
  }
  .main .homepage-main .sidenav-container .sidenav-body {
    width: calc(100vw - 135px);
  }
  .main .homepage-main #carouselAcademy.carousel {
    max-height: 82vh;
    height: 82vh;
  }
  .main .homepage-main .sidenav-container {
    height: calc(100vh - 70px - 164px);
  }
  .main .homepage-main .sidenav-container {
    top: 230px;
  }
  .footer_map {
    width: 100%;
    height: 220px;
  }
  .main .homepage-directory .directory-box .directory-image {
    height: 39.666667vw;
    overflow: hidden;
  }
  .home-card {
    padding: 0px 5px;
  }
  .home-card h3 {
    padding-top: 0px;
    font-size: 18px;
  }
  .main .video {
    height: auto;
  }
  .video-list .col-md-4 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .titlearea .news-selector.nav li a, .innerbody .articlesection h1, .bigtitle, .main .homepage-directory .directory-box .directory-container .directory-titles li a, h2 {
    font-size: 15px;
    padding: 0.5rem 5px;
  }
  .main .homepage-directory .directory-box .directory-container .tab-content {
    padding: 22px;
    height: auto;
  }
  .announcements .image img {
    object-fit: cover;
  }
  .main .homepage-directory .announcements .image {
    height: 36.666667vw;
  }
  .homepage-section, .main .homepage-news, .main .homepage-directory {
    padding: 30px 20px;
  }
  .homepage-news .col-md-8 {
    padding: 0px;
  }
  .main .homepage-events {
    padding: 30px 25px;
  }
  .main .homepage-events .owl-carousel {
    margin: 0px;
  }
  .main .homepage-survey .row .big-title {
    font-size: 21px;
    height: 100px;
  }
  .main .homepage-survey .row {
    height: 490px;
  }
  .main .homepage-survey.homepage-survey-academy .row {
    height: 290px;
  }
  .pre-footer {
    height: 125px;
  }
  .pre-footer p {
    font-size: 19px;
  }
  .main .homepage-survey .row .academy .btn.btn-lg {
    margin-top: 15px !important;
  }
  .main .homepage-survey .row .academy {
    padding: 30px 30px;
    height: 40%;
  }
  .main .homepage-survey .row .survey {
    height: 60%;
    padding: 35px 30px;
  }
  .main .homepage-survey.homepage-survey-academy .row .survey {
    height: 100%;
  }
  .videos-list .col-md-4 {
    height: 150px;
  }
  .main .homepage-about {
    padding: 30px 30px;
    color: #fff;
  }
  .main .homepage-about .text-area {
    height: 240px;
    right: 0;
    padding: 15px;
    position: relative !important;
  }
  .main .homepage-about .text-area p {
    height: 46%;
  }
  .main .homepage-news .news-container .nav a.active:after {
    transition: width 0.5s;
    width: 82%;
    display: none;
  }
  .main .homepage-news .news-container .nav a {
    font-size: 15px;
    padding: 0.5rem 5px;
  }
  footer .row .col-md-3 {
    text-align: center;
  }
  .login-wrapper .sign-panels {
    width: 88%;
    padding: 20px 25px;
    margin: 170px auto;
  }
  .login-wrapper .title span {
    font-size: 26px;
  }
  .login-wrapper .title p {
    font-size: 16px;
  }
  .login-wrapper .btn-face {
    margin-left: 2%;
    margin-bottom: 0px;
  }
  .login-wrapper .btn-face, .login-wrapper .btn-twitter {
    display: inline-block;
    width: 48%;
    font-size: 16px;
    height: 42px;
    padding: 9px 0;
  }
  .login-wrapper .or {
    margin: 30px 0;
  }
  .login-wrapper .btn-signin {
    width: 47%;
    margin-top: 10px;
    height: 46px;
    font-size: 16px;
  }
  .login-wrapper .sign-panels input[type=checkbox] + label {
    margin-top: 0px;
    height: 54px;
    padding-top: 9px;
    position: relative;
  }
  .login-wrapper .sign-panels input[type=checkbox] + label:before {
    padding-top: 9px;
    bottom: 17%;
  }
  .login-wrapper .title form button {
    border-radius: 15px;
    background: linear-gradient(94deg, #ffffff 23.36%, #f5f5f5 120.6%);
    padding: 8px;
    font-size: 18px;
    transition: 0.4s ease-in;
    color: #093e72;
  }
  .innerpages-academy {
    padding: 45px 20px;
  }
  .card-program {
    flex-direction: column !important;
  }
  .card-program .card-program-img {
    width: 100%;
    max-height: initial;
    min-height: auto;
    height: 200px;
  }
  .gallery-wrap .gallery-card {
    width: 100%;
  }
  .room-guide-ul li {
    width: 100%;
  }
  .academy-section .services-section {
    flex-wrap: wrap;
  }
  .academy-section .services-section .card {
    width: 100%;
  }
  .academy-section .services-section .card:not(:first-of-type) {
    margin-top: 70px;
  }
  /*.homepage-events {
      .owl-carousel {
          margin:0;

          .owl-stage {
              padding-left: 0px !important;
              padding-right: 25px !important;
          }
      }
  }*/
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #3e7db3 !important;
    background: transparent;
  }
  .owl-carousel .owl-nav button.owl-prev {
    top: 13px;
  }
  .work-container .owl-carousel .owl-nav button.owl-prev, .homepage-events .owl-carousel .owl-nav button.owl-prev, .our-partner-wrap .owl-carousel .owl-nav button.owl-prev {
    right: 30% !important;
    top: 59%;
  }
  .work-container .owl-carousel .owl-nav button.owl-next, .homepage-events .owl-carousel .owl-nav button.owl-next, .our-partner-wrap .owl-carousel .owl-nav button.owl-next {
    top: 59%;
    left: 30% !important;
  }
  #calendar {
    max-width: 100%;
    margin: 0 auto;
  }
  .fc-toolbar .fc-center {
    margin-top: 10px;
  }
  .social-section .wrapper ul {
    margin-left: 25px;
  }
  div.gallery img, div.gallery .academy-image {
    height: 82vh;
  }
  .academy-section h2 {
    font-size: 22px;
  }
  .academy-section .services-section .card h2 {
    font-size: 22px;
  }
  .filter-wrap {
    flex-direction: column;
    margin: auto;
    width: 100% !important;
  }
  .filter-wrap .search-form {
    width: 100%;
    margin-bottom: 10px;
  }
  .filter-wrap select, .filter-wrap input[type=daterange] {
    width: 100%;
  }
  .filter-wrap select {
    margin-bottom: 10px;
  }
  .vidItem, .videoHeader iframe {
    height: 73vh;
  }
  .header-lang .nav-top {
    margin-top: 0px;
    height: 100%;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-img {
    height: 200px;
  }
  .breadcrumb {
    padding: 10px 10px 0 10px;
  }
  .lecture-card.lecuted-accordion-card a .lecture-card-bottom {
    flex-wrap: wrap;
  }
  .articlesection {
    padding: 0 15px;
  }
  .filter-wrap .d-flex.flex-column.align-items-start {
    width: 100%;
  }
  .room-guide-ul {
    padding: 0px;
  }
  .table-row {
    padding: 0 15px;
    margin: 0;
  }
  .articles {
    padding: 40px 10px;
  }
  .articles .row {
    margin: 0;
  }
  /*.searchName-input {
      width: 75%;
  }*/
  .closed-search-wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .searchName-input {
    width: auto;
  }
  header .navbar {
    padding: 8px 15px;
  }
  .searchbar {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 2px;
  }
  .searchbar .search-btn {
    right: -8px;
    justify-content: center;
  }
  .searchbar .search-btn i {
    width: auto;
  }
  .navbar-light .navbar-toggler-icon i {
    margin-bottom: -2px;
  }
  .header-lang .nav-top {
    padding: 0 0px;
  }
  .titlearea {
    padding-top: 95px;
  }
  .mt--35 {
    margin-top: 0px;
  }
  .searchbar .search-btn i {
    line-height: 27px;
  }
  .navbar-toggler {
    font-size: 1.08rem;
  }
  .main .homepage-directory p {
    margin-bottom: 50px;
  }
  .main .homepage-directory .announcements {
    margin-top: 15px;
  }
  .main-title {
    font-size: 20px;
  }
  .search-content-inside {
    min-height: auto;
  }
  .ourService-section .container, .about-section .container {
    padding: 0px;
  }
  .about-section-content ul {
    padding: 0 12px;
  }
  .room-guide-ul.room-guide-ul2 li {
    padding: 0 5px;
  }
  .company-content.row {
    padding-top: 30px;
    margin: 0px;
  }
  .company-content.row .search-content-inside {
    padding: 20px 25px;
    margin-bottom: 10px;
  }
  .company-content.search-content .col-md-8, .company-content.search-content .col-md-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .icon-bar a {
    padding: 14px;
  }
  .ourAcademy-section .owl-carousel .owl-nav button.owl-next {
    top: 25px;
  }
  .card-work .card-body {
    height: 213px;
  }
  .card-work img {
    box-shadow: -6px 11px 12px 2px rgba(0, 0, 0, 0.2);
  }
  .titlearea .news-selector.nav li a, .titlearea .news-selector.nav li button {
    font-size: 17px;
  }
  .titlearea #search-tab.news-selector.nav li a:after, .titlearea #search-tab.news-selector.nav li button:after {
    bottom: 0px;
  }
  .gallery-wrap .gallery-card:hover figure figcaption {
    opacity: 1;
    transform: translateY(0%);
  }
  .gallery-wrap .gallery-card.video figure img {
    opacity: 1;
    transform: scale(1);
    margin-top: 8px;
  }
  .course-card-seperator.d-flex {
    flex-direction: column;
  }
  .course-card-seperator.d-flex .w-50 {
    width: 100% !important;
  }
  .course-card-seperator.d-flex .w-50.align-items-end {
    align-items: start !important;
  }
  .course-card-seperator.d-flex .d-flex.flex-column.justify-content-between.mt-2.text-end {
    width: 100%;
  }
  .company-content.row .search-content-inside .row.w-100 {
    margin: 0px;
  }
  .two-input.one-row {
    flex-direction: column;
  }
  .two-input.one-row .form-input, .two-input.one-row .form-select {
    width: 100% !important;
  }
  .innerbody {
    padding: 75px 0 0;
  }
  .company-section.innerbody, .search-section.innerbody {
    padding: 50px 0 0;
  }
  .h1, h1 {
    font-size: calc(1.2rem + 1.5vw) !important;
  }
  .search-order {
    order: 1;
  }
  .content-order {
    order: 2;
  }
  .carousel .carousel-item-content {
    position: absolute;
    bottom: auto;
    transform: translateY(-50%);
    right: 8%;
    color: #fff;
    top: 73%;
  }
  .carousel .carousel-item-content h1 {
    font-size: 26px;
  }
  .carousel .carousel-item-content h4 {
    font-size: 18px;
  }
  .main .article {
    min-height: auto;
  }
  .header-lang .nav-top {
    align-items: center;
  }
  .main .homepage-directory .directory-box .directory-container {
    box-shadow: none;
  }
  .gallery-img-home {
    height: 200px;
    margin-bottom: 8px;
  }
  .lecture-card .lecture-card-content h4, .lecture-card .lecture-card-content .date, .lecture-card .lecture-card-content .course-price {
    color: #00579c;
  }
  #carouselAcademy .carousel-item-content {
    padding: 25px 10px;
  }
  .search-btn {
    justify-content: center;
  }
  .searchbar .search-btn i {
    line-height: 1;
    text-align: unset;
    vertical-align: unset;
  }
  .filter-wrap input.btn.btn-sub.btn-search-top {
    width: 70px;
  }
  .btn.btn-search-height .btn-search-text {
    line-height: 1.2;
  }
  .titlearea.titlearea-hAuto {
    height: auto;
  }
  .titlearea.titlearea-hAuto .news-selector.nav {
    height: auto;
  }
  .titlearea.smallertitle {
    height: auto;
    padding-bottom: 0px;
    padding-top: 80px;
  }
  .titlearea.smallertitle h1 {
    padding: 0 0 15px;
    font-size: 23px;
  }
  .subscripe_footer form {
    margin-bottom: 25px;
  }
  .list-group-facility.list-group .list-group-item {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .list-group-facility.list-group .list-group-item .list-item-devider {
    display: none;
  }
  .list-group-facility.list-group .list-group-item::after {
    height: 45px;
  }
  .ourService-section .services-section {
    flex-direction: column;
  }
  .ourService-section .services-section .card {
    width: 100%;
    margin-bottom: 90px;
  }
}