@media only screen and (min-width: 1280px) and (max-width: 1366px) {
}

@media only screen and (min-width: 1023px) and (max-width: 1279px) {
    .project-principles h4{width: 290px;}
    .principle-single{padding: 20px 20px;}
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .about-left {
    width: 40%;
  }
  .about-image {
    width: 55%;
  }
  .card-large {
    min-height: 740px;
  }
  .card-wide .card-overlay {
    width: 60%;
  }
  .choose-left {
    flex: 0 0 37%;
  }
  .meet-block {
    padding: 0 85px;
  }
  .strategy-inner {
    width: 50%;
  }
  .main-menu ul li a {
    font-size: 14px;
  }
  .desktop-menu ul {
    gap: 35px;
  }
  .news-single .post-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    padding: 20px 0 5px;
  }
  .featured-news {
    gap: 40px 25px;
    grid-template-columns: 1.8fr 1fr;
  }
  .project-principles {
    display: flex;
    flex-direction: column;
  }
  .featured-image{height: auto;}
  .fleet-grid{grid-gap: 15px;}
  .footer-right{width: 85%;}
  .mainBtn{padding: 7px 15px 7px;}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-contents {
    flex-direction: column;
    align-items: center;
  }
  .header-container {
    padding-top: 35px;
  }
  .front-page .main-menu ul li a {
    font-size: 14px;
  }
  .header-container {
    padding-top: 0;
  }
  .main-menu ul li a {
    font-size: 14px;
  }
  .desktop-menu ul {
    gap: 45px;
  }
  .home .desktop-menu ul{gap: 35px;}
  .hero-content p{width: auto;}
  
  .header-right{margin-top: 10px;}
  .innerpage-banner .hero-content{padding: 0 40px;}
  .logo {
    margin-bottom: 0;
  }
  .header-container.is-sticky {
    padding-top: 0;
  }
  .header-container.is-sticky .header-right {
    margin-top: -20px;
  }
  .header-container.is-sticky .logo {
    margin-top: -20px;
  }
  .header-container.is-sticky .header-inner {
    height: 105px;
  }
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 35px;
  }
  h4 {
    font-size: 25px;
  }
  h5 {
    font-size: 20px;
    line-height: 25px;
  }
  p {
    font-size: 14px;
    line-height: 20px;
  }
  .about-left {
    width: 45%;
  }
  .about-image {
    width: 53%;
  }
  .about-section {
    padding: 60px 0 35px;
  }
  .bento-card ul li {
    flex-direction: column;
    padding: 15px 15px;
    line-height: 18px;
    margin-top: 15px;
  }
  .bento-card ul li span {
    margin-bottom: 10px;
  }
  .card-overlay {
    padding: 20px 20px;
  }
  .card-large {
    min-height: 600px;
  }
  .bento-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* First row - 2 medium cards */
  .card-medium:nth-of-type(2) {
    grid-column: 1;
    grid-row: 1;
  }

  .card-medium:nth-of-type(3) {
    grid-column: 2;
    grid-row: 1;
  }

  /* Large card */
  .card-large {
    grid-column: 1;
    grid-row: 2;
  }

  .card-wide {
    grid-column: 2;
    grid-row: 2;
        height: 100%;
  }
  .count-grid{gap: 0 15px;}
  .count-single .count{font-size: 60px;line-height: 60px;}

  .card-full {
    grid-column: span 2;
    grid-row: 3;
  }
  .card-overlay h5{width: auto;padding: 0;}
  .bento-card p {
    line-height: 18px;
  }
  .card-wide .card-overlay {
    width: 65%;
  }
  .choose-left {
    flex: 0 0 40%;
  }
  .feature-block {
    margin-bottom: 25px;
  }
  .meet-block {
    padding: 0;
  }
  .strategy-inner {
    width: 60%;
  }
  .place-list {
    gap: 35px 28px;
    flex-wrap: wrap;
  }
  .place-single span {
    font-size: 16px;
  }
  .footer-left {
    width: 30%;
  }
  .footer-right {
    width: 63%;
  }
  .footer-menu span {
    font-size: 16px;
  }
  .footer-menu ul li a {
    line-height: 17px;
    font-size: 12px;
  }
  .contact-single address,
  .contact-single a {
    font-size: 13px;
  }
  .copyright {
    font-size: 12px;
  }
  .quick-links ul li a {
    font-size: 12px;
  }
  .innerpage-banner {
    margin-top: 145px;
  }
  .mainBtn {
    padding: 4px 15px;
  }
  .leadership-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px 30px;
  }
  .header-inner {
    height: 155px;
  }
  .leadership-section {
    padding: 185px 0 50px;
  }
  .leadership-header {
    margin-bottom: 30px;
  }
  .leadership-single span {
    font-size: 16px;
  }
  .place-list {
    flex: 1 1 45%;
  }
  .choose-block{flex-direction: column;}
  .related-posts{padding: 0 0;}
  .count-single {
    padding: 25px 12px;
    gap: 5px 0;
    justify-content: flex-start;
    height: auto;
  }
  .count-single span {
    font-size: 15px;
    line-height: 22px;
  }
  .modal-top {
    padding: 30px 20px;
  }
  .top-left {
    width: 50%;
  }
  .fleet-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-inner {
    padding: 30px 35px;
    gap: 0 25px;
  }
  .contact-card address,
  .contact-card a,
  .contact-card span {
    line-height: 20px;
    font-size: 13px;
  }
  .contact-card {
    padding: 22px 14px;
  }
  .contact-page {
    padding: 35px 0 0;
  }
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
  }
  .career-content{flex-direction: column;}
  .career-left,.career-right{width: 100%;padding: 0;}
  .career-page{    padding: 30px 0;}
  .news-single .news-image img {
    min-height: 240px;
  }
  .news-single {
    padding: 25px 20px;
  }
  .post-tag {
    font-size: 13px;
    width: auto;
  }
  .news-section {
    padding: 60px 0 0px;
  }
  .video-text {
    padding: 25px 20px;
  }
  .video-text p {
    font-size: 18px;
  }
  .news-single .post-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    padding: 20px 0 5px;
  }
  .featured-news {
    flex-direction: column;
    padding: 25px 15px;
  }
  .news-image {
    width: 100%;
    margin-bottom: 15px;
  }
  .news-content {
    width: 100%;
    margin-bottom: 30px;
  }
  .news-single .news-content a.mainBtn{bottom: 20px;left: 20px;}
  .post-meta {
    padding-bottom: 15px;
  }
  .featured-news .news-image {
    height: 450px;
  }
  .featured-news {
    grid-template-columns: 1.2fr 1fr;
    gap: 40px 20px;
  }
  .news-single .news-image img {
    min-height: 290px;
  }
  .news-text h2 {
    width: 100%;
  }
  .featured-casestudy {
    display: flex;
    flex-direction: column;
  }
  .project-principles {
    flex-direction: column;
  }
  .principle-single {
    padding: 25px 20px;
  }
  .casestudy-head {
    flex-direction: column;
    padding: 30px 25px;
    gap: 20px 0;
    margin-bottom: 30px;
  }
  .casestudy-left {
    width: 100%;
  }
  .casestudy-right {
    width: 100%;
  }
  .contact-card address{padding: 0;}
  .contact-card{height: 270px;}
  .contact-left h3{margin-bottom: 10px;}
  .contact-page .contact-inner{gap: 0 35px;}
  .career-page .contact-inner{gap: 0 20px;}
  .career-page .contact-section{margin-top: 65px;}
  .overview-image img{height: 100%;object-fit: cover;}
  .overview-image,.right-content{width: 50%;}
  .image-single .image-overlay .view-more{flex-direction: column;align-items: flex-start;gap: 15px 30px}
  .image-single .image-overlay{padding: 0 15px;}
  .insight-grid{flex-wrap: wrap;gap: 60px 20px;margin-top: 20px;}
  .grid-single{width: 48.5%;}
  .insight-section{padding: 40px 0 0;}
  .contact-section{margin-top: 80px;}
  .overview-content{padding: 0;}
  .meta-right{flex-wrap: wrap;}
  .overlay-single{width: 49%;}
  .overlay-cards{gap: 10px 10px;flex-wrap: wrap;}
  .bento-image{height: 555px;}
  .bento-image img{height: 100%;object-fit: cover;}
}
@media (max-width: 991px) {
}
@media only screen and (max-width: 767.98px) {
  .header-contents .btn.btn-primary {
    display: block;
    position: absolute;
    right: 0;
  }
  .header-right {
    display: none;
  }
  .hero-content {
    max-width: none;
    margin-left: 0;
    padding: 0 30px;
    width: 100%;
  }
  .overview-bottom {
    flex-direction: column;
  }
  .overview-image {
    width: 100%;
  }
  .insight-grid {
    flex-direction: column;
    margin-top: 10px;
  }
  .grid-single {
    width: 100%;
    margin-bottom: 20px;
  }
  .hero-content h1 {
    font-size: 40px;
    width: auto;
  }
  .hero-content p {
    width: 100%;
  }
  .overview-section {
    padding: 10px 0;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 25px;
  }
  h5 {
    font-size: 18px;
  }
  p {
    font-size: 14px;
    line-height: 20px;
  }
  .overview-content h2 {
    margin-bottom: 10px;
  }
  .overview-content > span {
    font-size: 15px;
  }
  .overview-content {
    margin-bottom: 15px;
    padding: 0;
  }
  .infrastructure-section p{margin-bottom: 25px;}
  .right-content {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
  .right-content h4 {
    padding-bottom: 5px;
  }
  .infrastructure-section {
    padding: 30px 0;
  }
  .three-grid {
    flex-direction: column;
    gap: 20px 0;
  }
  .image-single {
    width: 100%;
  }
  .image-single .image-overlay {
    bottom: 25px;
  }
  .middle-section {
    padding: 25px 0;
  }
  .contact-section {
    margin-top: 10px;
    margin-bottom: 35px;
  }
  .contact-inner {
    flex-direction: column;
    padding: 20px 22px 30px;
  }
  .contact-left {
    width: 100%;
    margin-bottom: 30px;
  }
  .contact-right {
    width: 100%;
  }
  .footer-container {
    padding: 35px 0 18px;
  }
  .footer-top {
    flex-direction: column;
    padding-bottom: 25px;
  }
  .footer-left {
    width: 100%;
  }
  .footer-right {
    width: 100%;
    flex-direction: column;
    padding-top: 30px;
    gap: 15px 0;
  }
  .footer-logo {
    display: flex;
    justify-content: center;
  }
  .contact-info {
    width: 100%;
    align-items: center;
  }
  .social-link {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .footer-menu {
    align-items: center;
  }
  .footer-menu span {
    cursor: pointer;
    text-align: center;
    font-size: 16px;
  }
  .footer-menu span::after {
    content: "+";
    font-size: 16px;
    transition: transform 0.3s ease;
    margin-left: 7px;
    line-height: 13px;
  }
  .footer-menu.active span::after {
    content: "-";
  }
  .footer-menu ul {
    display: none;
  }
  .footer-menu.active ul {
    display: block;
    text-align: center;
  }
  .footer-bottom {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 12px 0;
  }
  .copyright {
    text-align: center;
  }
  .quick-links ul {
    justify-content: center;
    padding: 0;
  }
  .front-page .header-contents {
    padding: 0 20px;
  }
  .header-container.is-sticky .logo img {
    transform: scale(0.75);
  }
  .header-container.is-sticky .hamburger .line {
    background-color: #fff;
  }
  .logo {
    width: 120px;
  }
  .main-menu {
    width: 100%;
  }
  .desktop-menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px 0;
  }
  .front-page .main-menu ul li a {
    font-size: 20px;
  }
  .main-menu ul li a {
    font-size: 20px;
    color: #ffffff;
  }
  #hamburger {
    display: block;
  }
  .about-content {
    flex-direction: column-reverse;
    gap: 20px 0;
  }
  .about-left {
    width: 100%;
  }
  .about-image {
    width: 100%;
  }
  .about-section {
    padding: 20px 0 0;
  }
  .about-left h2,
  .energos-does h2 {
    margin-bottom: 15px;
  }
  .energos-does {
    padding: 20px 0 30px;
  }
  .bento-grid {
    display: flex;
    flex-direction: column;
    padding: 0 0 25px 0;
  }
  .bento-card ul li {
    padding: 10px 15px;
    margin-top: 20px;
  }
  .card-wide .card-overlay {
    width: 100%;
    top: auto;
  }
  .card-full {
    min-height: 200px;
    padding: 40px 20px;
  }
  .card-full .bento-card p{text-align: center;}
  .fleet-assets {
    padding: 35px 0;
  }
  .count-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px 0;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .count-single {
    width: 100%;
    height: auto;
    padding: 20px 0;
    gap: 15px 0;
  }
  .count-single .count {
    font-size: 60px;
  }
  .choose-block {
    flex-direction: column;
  }
  .why-choose {
    padding: 20px 0 30px;
  }
  .choose-left {
    text-align: center;
    margin-bottom: 20px;
  }
  .feature-block {
    margin-bottom: 20px;
    height: auto;
  }
  .meet-block {
    padding: 0 25px;
  }
  .meet-block h2 {
    margin-bottom: 15px;
  }
  .meet-container {
    padding: 25px 0;
  }
  .meet-team {
    margin-bottom: 35px;
  }
  .strategic-role {
    padding: 0 25px;
  }
  .role-container {
    height: 400px;
  }
  .energos-places {
    padding: 30px 0;
  }
  .place-head h2 {
    margin-bottom: 15px;
  }
  .place-list {
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 45px 0;
  }
  .place-single {
    width: 45%;
  }
  .place-single span {
    font-size: 18px;
  }
  .feature-box {
    font-size: 18px;
  }
  .strategy-inner {
    text-align: center;
    width: 100%;
  }
  .fleet-assets h2 {
    margin-bottom: 15px;
  }
  .feature-block img {
    width: 35px;
  }
  .fleet-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .fleet-section {
    padding: 30px 0;
  }
  .fleet-content {
    padding: 15px 0 0;
  }
  .fleet-content h4 {
    margin-bottom: 15px;
  }
  .fleet-content p {
    margin-bottom: 15px;
  }
  .fleet-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 45px 0;
  }
  .fleet-tags {
    margin-bottom: 10px;
  }
  .footer-menu ul li {
    text-align: center;
    margin-bottom: 3px;
  }
  .footer-menu ul li a {
    width: 100%;
  }
  .leadership-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 50px 30px;
  }
  .leadership-header {
    margin-bottom: 25px;.image-single .image-overlay .view-more
  }
  .leadership-header h2 {
    margin-bottom: 10px;
  }
  .leadership-header p {
    font-size: 14px;
    line-height: 20px;
    width: auto;
  }
  .modal-header{padding: 0;}
  .leadership-single span {
    line-height: 18px;
    font-size: 14px;
  }
  .leadership-section {
    padding: 100px 0 50px;
  }
  .modal-top {
    padding: 30px 20px;
  }
  .modal-top {
    flex-direction: column;
    gap: 15px 0;
  }
  .top-left {
    width: 100%;
  }
  .top-left h3 {
    margin-bottom: 8px;
  }
  .top-right {
    width: 100%;
  }
  .top-right img {
    height: auto;
  }
  .modal-right .modal-dialog {
    width: 400px;
  }
  .contact-grid {
    flex-direction: column;
    justify-content: center;
    gap: 25px 0;
  }
  .contact-card {
    width: 100%;
    height: 260px;
  }
  .contact-page {
    padding: 30px 0 0;
  }
  .contact-card address,
  .contact-card a,
  .contact-card span {
    margin-bottom: 8px;
    min-height: auto;
  }
  .video-grid {
    grid-template-columns: 1fr;
  }

  .video-text {
    padding: 20px 25px;
  }
  .video-text p {
    font-size: 15px;
    line-height: 22px;
  }
  .featured-news {
    grid-template-columns: 1fr;
    gap: 5px 0;
    padding: 25px 15px;
  }
  .news-grid {
    padding-top: 30px;
  }
  .news-image {
    width: 100%;
    margin-bottom: 15px;
  }
  .news-content {
    width: 100%;
        margin-bottom: 0;
  }
  .news-section {
    padding: 25px 0;
  }
  .post-meta {
    padding-bottom: 15px;
  }
  .news-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-single .post-meta {
    padding: 15px 0;
  }
  .news-single {
    padding: 25px 15px;
  }
  .load-more {
    padding: 20px 0 0;
  }
  .news-text h2 {
    width: 100%;
  }
  .news-head {
    margin-bottom: 20px;
  }
  .news-breadcrumb ul li span,
  .news-breadcrumb ul li a {
    font-size: 13px;
  }
  .news-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px 0;
  }
  .news-head .social-link ul {
    justify-content: flex-start;
  }
  .news-head .social-link {
    width: 100%;
    justify-content: flex-start;
  }
  .news-meta {
    gap: 0 12px;
  }
  .news-meta {
    margin-bottom: 30px;
  }
  .press-release {
    margin-bottom: 15px;
  }
  .news-bottom h3 {
    margin-bottom: 15px;
  }
  blockquote {
    margin: 25px 0;
    line-height: 23px;
    font-size: 16px;
    padding: 0 0 0 15px;
  }
  .more-image {
    grid-template-columns: repeat(2, 1fr);
  }
  .related-posts {
    padding: 0;
  }
  .related-posts .news-grid {
    padding-top: 0;
  }
  .featured-casestudy {
    display: flex;
    flex-direction: column;
  }
  .project-principles {
    padding: 35px 0 0 0;
    flex-direction: column;
  }
  .principles-list {
    flex-direction: column;
  }
  .principle-single {
    width: 100%;
    height: auto;
    padding: 30px 35px;
  }
  .casestudy-grid {
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .casestudy-section {
    padding: 60px 0 5px;
  }
  .casestudy-head {
    flex-direction: column;
    padding: 30px 30px;
    gap: 20px 0;
    margin-bottom: 30px;
  }
  .casestudy-left {
    width: 100%;
  }
  .casestudy-head .news-breadcrumb ul {
    flex-wrap: wrap;
  }
  .casestudy-right {
    width: 100%;
  }
  .left-bottom {
    margin-top: 8px;
  }
  .home .header-contents{margin-top: 25px;padding: 0 20px;}
  .image-single .image-overlay h4{width: auto;}
  #mainMenu{background: #182633;}
  .main-menu ul li:hover .sub-menu{opacity: 0;visibility: hidden;top: auto;}
  .main-menu ul li:hover::after{transform: none;}
  .main-menu ul li{width: 100%;padding: 10px 20px;}
  .main-menu ul li.menu-item.menu-item-has-children.active {background: #12293D;}
  .main-menu ul li .sub-menu{width: 100%;position: static;display: none;box-shadow: none;}
  .home .main-menu ul li a,.main-menu ul li a{width: 100%;float: left;font-size: 20px;}
  .main-menu ul li.menu-item.menu-item-has-children.active .sub-menu{opacity: 1;visibility: visible;display: block;padding-top: 0;background: transparent;right: 10px;padding: 10px 0 0px;}
.main-menu ul .menu-item.menu-item-has-children::after{position: absolute;right: 25px;margin: 0;color: #ffffff;}
  .main-menu ul .menu-item.menu-item-has-children.active::after{transform: rotate(-180deg);}
  .main-menu ul li .sub-menu li{padding: 6px 0;}
  .main-menu ul li .sub-menu li a{font-size: 14px;}
  .offcanvas-body{padding:0;}
  .home .main-menu ul .menu-item.menu-item-has-children::after{margin: 0;}
  .offcanvas-header .btn-close{}
  .project-principles h4{width: auto;}
  .grid-single .mainBtn{position: static;}
  .grid-single p{min-height: auto;}
  .news-listing .video-grid{display: flex;flex-direction: column;}
  .video-feature{padding: 80px 20px 40px;}
  .innerpage-banner{margin-top: 120px;}
  .banner-outer{padding: 15px 10px;}
  .career-content{flex-direction: column;}
  .career-left{width:100%;}
  .career-right{width:100%;}
  .career-page{padding: 20px 0;}
  .career-page .contact-section{margin-top: 40px;}
  .career-page .contact-left,.contact-page .contact-left{width:100%;}
  .career-page .contact-right,.contact-page .contact-right{width:100%;}
  .main-menu ul li.contact-menu{display:block;}
  .contact-page .contact-inner{margin-top: 30px;}
  .featured-info{padding: 30px 26px 15px;}
  .bottom-text{line-height: 22px;font-size: 16px;}
  .contact-left p,.place-head p,.about-left p,.duty-energos p,.grid-single p{font-size: 14px;}
  .contact-left h3{margin-bottom: 0;}
  .duty-energos {text-align: left;}
  .image-single .image-overlay .view-more{flex-direction: column;align-items: flex-start;gap: 15px 30px}
  .image-single .image-overlay{padding: 0 15px;}
  .image-single .image-overlay p{width: auto;}
  .card-overlay{bottom: 0px;padding: 30px 20px;}
  .overlay-cards{gap: 10px;flex-direction: column;}
  .bento-image{}
  .bento-overlay{position: static;transform: none;padding-top: 25px;}
  .bento-overlay h5{margin-bottom: 15px;}
  .overlay-single{width:100%;}
  .news-single .news-content a.mainBtn{position:static;}
}
@media only screen and (max-width: 640px) {
}