/* CUSTOM CSS ALEXANDERTSIARAS.COM
-------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap');

:root {
    --primary: #296A73;
    --secondary: #194146;
    --light: #707070;
    --dark: #343434;
    --input-hover: #2C26C4;
    --input-error: #FF3B30;
    --white: #FFFFFF;
}

*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html,
body {
    height: 100%;
}
body {
    padding-top: 6.875rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
    color: var(--dark);
}
a{
    color: var(--dark);
}
a:hover{
    color: var(--light);
}
.custom-navbar{
    background-color: var(--white);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}
.custom-navbar .container{
    align-items: flex-end;
}
.navbar-light .navbar-nav .nav-link{
    text-transform: uppercase;
    color: var(--dark);
    padding-left: 27px;
    padding-right: 27px;
    transition: all ease 0.2s;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #000;
    font-weight: 500;
    text-decoration: underline;
    transition: all ease 0.5s;
}
.navbar-light .navbar-brand{
    padding-top: 20px;
}
.top-image-tzirias{
    max-width: 428px;
    border-radius: 50%;
}
.top-home-slider{
    min-height: 14rem;
    margin-bottom: 2rem;
}
.top-home-slider .carousel-item h1{
    font-size: 2rem;
    font-weight: 500;
    font-style: italic;
}
.top-home-slider .carousel-item h6{
    font-size: 1.25rem;
    color: var(--light);
}
.slider-wrapper{
    padding-top: 60px;
    padding-left: 60px;
    background-image: url("../images/icon-quote-left.svg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 62px auto;
    margin-left: -30px;
}
.home-content{
    padding-bottom: 50px;
}
.home-border-block{
    border: 1px solid var(--primary);
    padding: 24px 0 30px 30px;
    border-radius: 30px;
    margin-top: 3.25rem;
    max-width: 67.125rem;
    margin-left: auto;
    margin-right: auto;
}
.home-border-block h1{
    font-size: 3rem;
    color: var(--primary);
    margin-top: 2.5rem;
    font-weight: 600;
}
.home-border-block .btn{
    margin-top: 20px;
}
.top-home-slider .carousel-indicators [data-bs-target]{
    background-color: var(--white);
    border: 1px solid var(--light);
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.top-home-slider .carousel-indicators [data-bs-target].active{
    background-color: var(--dark);
}
.top-home-slider .carousel-indicators{
    bottom: -2.1875rem;
}
.intro p{
    margin-bottom: 5px;
    max-width: 39.375rem;
    font-weight: normal;
}
.feature-wrapp{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}
.btn{
    font-size: 1.5625rem;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    line-height: normal;
    padding-bottom: 5px;
}
.btn-primary{
    background-color: var(--primary);
    border: 1px solid var(--primary);
}
.btn-primary:hover, .btn.btn-primary:focus{
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    outline: none;
    box-shadow: none;
}
.top-home-slider .carousel-control-prev, .top-home-slider .carousel-control-next{
    opacity: 0;
}
.top-home-slider:hover .carousel-control-prev, .top-home-slider:hover .carousel-control-next{
    opacity: 1;
}
.feature{
    padding-top: 80px;
}

.owl-nav{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-bottom: auto;
    margin-top: auto;
    width: 220px;
    height: 62px;
    text-align: center;
    justify-content: space-between;
    display: flex;
}
.home-carousel-items .owl-item img{
    max-height: 320px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    font-size: 38px;
}

.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev{
    left: -80px;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 1.2rem;
    height: 1rem;
}
.media-items{
    margin-top: 10px;
    padding-bottom: 80px;
}
.media-items iframe{
    display: block;
}
.media-items h5{
    color: var(--light);
    margin-top: 10px;
    margin-bottom: 12px;
    font-weight: bold;
}
.media-items h4{
    font-size: 1.5625rem;
    font-weight: normal;
    margin-bottom: 14px;
}
.media-items p{
    line-height: 2.1875rem;
}
.media-items .row > div{
    margin-bottom: 20px;
}
h1.page-title{
    font-size: 3rem;
    font-weight: normal;
    margin-bottom: 30px;
}
h3.inner-page-header{
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 20px;
}
h3.inner-page-header.slim-header{
    font-weight: normal;
}
h3.inner-page-header.green-header{
    color: var(--primary);
    font-weight: normal;
    margin-bottom: 12px;
}
.object-contain {
    object-fit: contain;
}
img, video {
    height: auto;
    max-width: 100%;
}
.stroke-current {
    stroke: var(--primary);
}
.absolute {
    position: absolute;
}
.inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.flex{
    display: flex;
}
.relative {
    position: relative;
}
.justify-center {
    justify-content: center;
}
svg{
    display: block;
}

.text-line-block{
    margin-top: 60px;
    margin-bottom: 40px;
}
.text-line-block.speaking-text{
    margin-top: 0;
}
.text-line-block .btn.btn-primary{
    margin-top: 10px;
}
.text-line-block .img-caption{
    color: var(--light);
    font: normal normal normal 16px/22px Open Sans;
    padding-top: 10px;
}
.text-line-block .text-left{
    padding-right: 135px;
}
.text-line-block .text-right{
    padding-left: 120px;
}
.text-line-block .about-image{
    max-width: 200px;
}
.text-line-block .about-image.speaking-img{
    max-width: 300px;
}
.main.text-container{
    padding-top: 100px;
}
.limit-width-p{
    max-width: 752px;
    margin-bottom: 30px;
}
.about-carousel{
    max-width: 530px;
}
.about-carousel .owl-nav{
    width: 90%;
}
.about-carousel .owl-nav span{
    font-size: 0;
    background-position: top left;
    background-repeat: no-repeat;
    width: 34px;
    height: 44px;
    display: block;
}
.about-carousel-items.owl-carousel .owl-nav button.owl-next span{
    background-image: url("../images/icons/right-arrow.svg");
}
.about-carousel-items.owl-carousel .owl-nav button.owl-prev span{
    background-image: url("../images/icons/left-arrow.svg");
}
.about-video-carousel{
    max-width: 546px;
}
.about-video iframe{
    display: block;
}

.footer-line{
    border-bottom: 1px solid var(--dark);
    margin-top: 3.75rem;
    padding-bottom: 8px;
    align-items: flex-end;
}
.logo-footer img{
    max-width: 11.125rem;
}
.footer-line .socials-icons a{
    text-decoration: none;
    display: inline-block;
}
.footer-line .socials-icons a img{
    max-width: 32px;
    height: auto;
}
.footer-line .socials-icons a:hover img{
    opacity: 0.5px !important;
}
.copy-footer{
    color: #555555;
    font: normal normal normal 12px/17px Open Sans;
    padding-top: 6px;
    padding-bottom: 16px;
}
.text-line-block{
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
}
.max-w-block{
    max-width: 55.625rem;
}
.contact-form{
    padding-bottom: 80px;
}
.contact-form .alert{
    display: flex;
    font-size: 18px;
    justify-content: space-between;
}
.btn-close{
    order: 2;
}
.btn.go-home-btn{
    margin-top: 20px;
}
.carousel-item-title{
    font-weight: 600;
}
.publication-image{
    max-width: 236px;
}
.publication-item{
    background: #FFFFFF;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, .16);
    border-radius: 15px;
    padding: 60px 70px;
    margin-bottom: 20px;
}
.publication-item .text-line-block{
    margin-top: 0;
    margin-bottom: 0;
}
.publications-carousel-items .owl-nav{
    width: calc(100% - 214px);
    top: -40px;
}
.publications-carousel-items .owl-dots {
    text-align: center;
}
.publications-carousel-items .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    border: 1px solid var(--dark);
    margin: 0 3px;
}
.publications-carousel-items .owl-dots button.owl-dot.active {
    background-color: var(--dark);
}
.publications-carousel-items .owl-dots button.owl-dot:focus {
    outline: none;
}
.publication-image{
    min-height: 320px;
}

.bottom-space{
    margin-bottom: 40px;
}
.round-img{
    border-radius: 100%;
}
.magazines-grid img{
    max-height: 342px;
}
.magazines-grid > div{
    margin-bottom: 32px;
}
.bottom-books-p{
    margin-top: 20px;
}
.bottom-books-p a{
    text-decoration: none;
}



/* Timeline Container */
.timeline {
    margin: 20px auto;
    padding: 20px;
}
  
  /* Card container */
  .timeline-block {
    position: relative;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* setting padding based on even or odd */
  .timeline-block:nth-child(odd) {
    padding: 0 0 30px 30px;
  }
  .timeline-block:nth-child(even) {
    padding: 30px 30px 30px 0;
  }
  /* Global ::before */
  .timeline-block::before {
    content: "";
    position: absolute;
    width: 50%;
    border: solid var(--primary);
  }
  /* Setting the border of top, bottom, left */
  .timeline-block:nth-child(odd)::before {
    left: 0;
    top: -1px;
    bottom: -5px;
    border-width: 1px 0 1px 1px;
    border-radius: 70px 0 0 70px;
  }
  /* Setting the top and bottom to "-5px" because earlier it was out of a pixel in mobile devices */
  @media only screen and (max-width: 400px) {
    .timeline-block:nth-child(odd)::before {
      top: -5px;
      bottom: -5px;
    }
  }
  .img-left{
    position: relative;
    left: -136px;
    top: -6px;
  }
  .img-right{
    position: relative;
    right: -310px;
  }
  .img-right.double-img{
    right: -210px;
  }
  .text-to-left{
      margin-left: -102px;
  }
  .text-to-right{
    margin-right: -102px;
}
  
  /* Setting the border of top, bottom, right */
  .timeline-block:nth-child(even)::before {
    right: 0;
    top: 4px;
    bottom: 0;
    border-width: 1px 1px 1px 0;
    border-radius: 0 70px 70px 0;
  }
  /* Removing the border if it is the first card */
  .timeline-block:first-child::before {
    border-top: 0;
    border-top-left-radius: 0;
  }
  /* Removing the border if it is the last card  and it's odd */
  .timeline-block:last-child:nth-child(odd)::before {
    border-bottom: 0;
    border-bottom-left-radius: 0;
  }
  /* Removing the border if it is the last card  and it's even */
  .timeline-block:last-child:nth-child(even)::before {
    border-bottom: 0;
    border-bottom-right-radius: 0;
  }

  .timeline-block.last-timeline-block{
    padding-top: 34px;
  }
  .timeline-block.last-timeline-block .btn{
      margin-top: 70px;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      left: -134px;
      top: -2px;
      right: 0;
      display: inline-table;
  }
  .timeline-block.last-timeline-block:nth-child(odd)::before{
      left: 40%;
  }


  /* Contact form */

  .form-control{
    background: #FFFFFF;
    border: 1px solid var(--light);
    border-radius: 10px;
    margin-bottom: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 28px;
    font-size: 1.25rem;
    color: var(--dark);
  }
  .form-control:focus{
      box-shadow: none;
      border-color: var(--input-hover);
  }
  .form-group label{
      font: normal normal normal 20px/35px Open Sans;
  }
  .form-group .bootstrap-select{
      width: 100%;
      margin-bottom: 32px;
  }
  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
      width: 100%;
      border-radius: 10px;
  }
  .bootstrap-select button:focus{
      box-shadow: none;
  }
  .bootstrap-select .dropdown-menu{
      padding: 10px 26px 10px 10px;
      border: 1px solid var(--light);
      color: #797979;
      border-radius: 10px;
  }
  .bootstrap-select>.dropdown-toggle{
      padding: 12px 24px 12px 28px;
      background-color: #FFFFFF;
      border-radius: 10px;
      border: 1px solid var(--light);
      font-size: 1.25rem;
  }
  .bootstrap-select>.dropdown-toggle:focus{
      outline: none !important;
      box-shadow: none;
      border: 1px solid var(--input-hover);
  }
  .name-input{
      max-width: 422px;
  }
  
  .bootstrap-select .dropdown-menu .dropdown-item.active, 
  .bootstrap-select .dropdown-menu .dropdown-item:active{
    background: #eaeaea;
    color: var(--dark);
  }

  .bootstrap-select .dropdown-menu .dropdown-item{
    border-radius: 10px;
    background-color: #FFFFFF;
    position: relative;
    padding: 0;
    margin-bottom: 2px;
  }
  .bootstrap-select .dropdown-menu .dropdown-item span{
      position: relative;
      z-index: 1;
      padding: 6px 10px;
      font-size: 1.25rem;
  }
  .bootstrap-select .dropdown-menu .dropdown-item::before{
      background: #eaeaea;
      width: 60%;
      height: 42px;
      transition: all ease 0.4s;
      content: "";
      position: absolute;
      left: 0;
      z-index: 0;
      border-radius: 10px;
      opacity: 0;
  }
  .bootstrap-select .dropdown-menu .dropdown-item:hover::before{
      width: 100%;
      transition: all ease 0.4s;
      opacity: 1;
  }
  .owl-carousel.story-carousel{
      display: block;
  }

@media (min-width: 990px){
    .md\:py-smd-3xl {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
}
@media (min-width: 768px){
    .md\:w-1\/2 {
        width: 60%;
    }
    .md\:text-left{
        text-align: left;
    }
    .md\:max-h-full {
        max-height: 100%;
    }
    .md\:mr-8 {
        margin-right: 2rem;
    }
    .md\:order-1 {
        order: 1 !important;
    }
    .md\:order-2 {
        order: 2 !important;
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .items-start {
        align-items: flex-start;
    }
}

.menu-socials{
    display: none;
}
.navbar-light .navbar-toggler-icon{
    transition: all ease 0.2s;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2852, 52, 52, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
    transition: all ease 0.2s;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23343434' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48px' height='48px'%3E%3Cpath d='M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z'/%3E%3C/svg%3E");
}
.mob-show{
    display: none;
}
.publications-section .mob-show{
    display: none;
}
.story-section{
    padding-bottom: 100px;
}
@media (max-width: 1450px){
    .publication-image img{
        min-width: 230px;
    }
    .publication-item .text-line-block .text-right{
        padding-left: 80px;
    }
}
@media (max-width: 1345px){
    .timeline-block{
        max-width: 62%;
    }
    .timeline-block h3.inner-page-header{
        font-size: 2rem;
    }
    .img-right{
        right: -85px;
        position: absolute;
        max-width: 76%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        display: table;
    }
    .img-left, .img-right{
        height: auto !important;
        min-height: 350px;
    }
    .img-left img, .img-right img{
        height: 362px !important;
    }
    .img-right.double-img{
        right: -156px;
    }
    .img-right.last-img{
        right: -256px;
    }
    .h-custom{
        min-height: 400px;
    }
    .publications-carousel-items .owl-stage {
        display: flex; 
    }
    .publications-carousel-items .owl-stage .publication-item { 
        height: 96%;
    }
}
@media (max-width: 1200px){
    .timeline-block.last-timeline-block:nth-child(odd)::before {
        left: 28%;
    }
    .publication-item{
        padding: 30px 50px;
    }
}

@media (max-width: 1100px){
    .slider-wrapper{
        margin-left: 0;
    }
    .feature {
        padding-top: 20px;
    }
    .top-image-tzirias{
        max-width: 100%;
    }
}
@media (max-width: 1085px){
    .img-right.last-img {
        right: -186px;
    }
}
@media (max-width: 990px){
    .md\:py-smd-3xl {
        padding-bottom: 0;
        padding-top: 1rem;
    }
    .home-border-block{
        padding-left: 0;
    }
    .feature {
        padding-top: 0;
    }
    .top-image-tzirias {
        margin-right: -65px;
    }
    .top-home-slider .carousel-item h6{
        color: var(--dark);
    }
    .slider-wrapper{
        padding-top: 0;
        padding-left: 0;
        background: none;
    }
    .top-image-wrapp{
        overflow: hidden;
    }
    .top-home-slider {
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .nav-link{
        text-align: right;
    }
    .custom-navbar .container{
        max-width: 100%;
    }
    .hidden-mob{
        display: none;
    }
    .name-input{
        max-width: 100%;
    }
    .main.text-container {
        padding-top: 20px;
    }
    .contact-form {
        padding-bottom: 20px;
    }
    .navbar-light .navbar-brand{
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-light .navbar-brand img{
        max-width: 145px;
    }
    .navbar-light .navbar-toggler{
        border: none;
    }
    .navbar-light .navbar-toggler:focus{
        box-shadow: none;
    }
    .custom-navbar .navbar-collapse{
        position: absolute;
        right: -50%;
        top: 57px;
        height: calc(100vh - 57px);
        transition: all ease 0.2s;
    }
    .custom-navbar .navbar-collapse.show{
        right: 0;
        background: #fff;
        transition: all ease 0.2s;
    }
    .menu-socials{
        display: block;
        margin-top: 25px;
        text-align: right;
        padding-right: 27px;
        padding-left: 20px;
    }
    .menu-socials a{
        text-decoration: none;
        padding-left: 2px;
        padding-right: 2px;
    }
    body {
        font-size: 1rem;
    }
    .text-line-block .text-left{
        padding-right: 30px;
    }
    .container{
        max-width: 100%;
        padding-left: 32px;
        padding-right: 32px;
    }
    .order-1.about-img-right{
        order: 2 !important;
    }
    .order-2.text-right{
        order: 1 !important;
        padding-left: 0;
        padding-right: 35px;
    }
    .text-line-block.table-line{
        flex-direction: column;
    }
    .about-carousel {
        margin-left: auto;
        margin-right: auto;
    }
    h3.inner-page-header{
        font-size: 1.5rem;
        margin-bottom: 9px;
    }
    .order-1.about-video{
        order: 2 !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 24px;
    }
    .about-video iframe {
        width: 100%;
    }
    .order-2.order-1-tablet{
        order: 1 !important;
    }
    .media-items p{
        line-height: 1.6875rem;
    }
    .mob-show{
        display: inline-block;
    }
    .publications-section .mob-show{
        display: none;
    }
    .mob-hidden{
        display: none;
    }
    .publications-section .mob-hidden{
        display: inline-block;
    }

    .timeline-block .mob-hidden{
        display: none;
    }
    .timeline-block .mob-show{
        display: block;
    }
    .timeline-block.mob-show{
        display: none;
    }
    .learnbtn{
        padding-top: 10px;
        width: 100%;
    }
    .home-border-block h1{
        text-align: center;
        font-size: 2.25rem;
        margin-top: 0;
    }
    .home-border-block{
        border: none;
        padding-top: 0;
    }
    .home-carousel-wrapper{
        background: #FFFFFF;
        box-shadow: 0px 6px 12px rgba(0, 0, 0, .16);
        max-width: 428px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 40px;
        border-radius: 20px;
        margin-top: 10px;
    }
    .top-home-slider .carousel-control-next{
        opacity: 1;
    }
    .carousel-wrapper .owl-carousel .owl-item{
        padding-left: 32px;
        padding-right: 32px;
    }
    .publications-carousel-items .owl-nav {
        width: 201px;
        top: auto;
        bottom: -20px;
    }
    .publication-item {
        padding: 46px 25px 36px 30px;
    }
    .publication-item .order-2.text-right{
        padding-left: 20px;
    }
    h1.page-title{
        font-size: 2.25rem;
    }
    .publication-image{
        min-height: auto;
    }
    .img-left img, .img-right img {
        height: 262px !important;
    }
    .img-left, .img-right{
        min-height: 100%;
    }
    .img-left{
        left: -100px;
    }
    .h-custom {
        min-height: 250px;
    }
    .timeline-block .items-start{
        height: 285px;
    }
    .img-right {
        height: 256px !important;
        min-height: 256px;
    }
    .timeline-block .mob-hidden{
        display: block;
    }
    .timeline-block .mob-show{
        display: none;
    }
}
@media (max-width: 824px){
    .img-right.last-img {
        right: -130px;
    }
}
@media (max-width: 767px){
    .text-line-block{
        flex-direction: column;
    }
    .text-line-block .text-left{
        padding-right: 0;
    }
    .text-line-block .text-right {
        padding-left: 0;
        padding-right: 0;
    }
    .text-line-block .about-image.speaking-img,
    .about-video iframe{
        max-width: 100%;
    }
    .text-line-block .about-image, .text-line-block .img-caption{
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    body {
        padding-top: 4.875rem;
        font-size: 1rem;
    }
    .container{
        padding-left: 16px;
        padding-right: 16px;
    }
    h1.page-title{
        font-size: 2.25rem;
        margin-bottom: 10px;
    }
    h3.inner-page-header{
        font-size: 1.25rem;
        font-weight: 600;
    }
    h3.inner-page-header.slim-header{
        font-size: 1.25rem;
        font-weight: 600;
    }
    .media-items h5{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .media-items .row > div{
        margin-bottom: 50px;
    }
    .media-items p{
        font-size: 1.25rem;
    }
    .media-items{
        padding-bottom: 0;
    }
    .copy-footer{
        text-align: center;
    }
    .footer-line{
        border: none;
    }
    .about-carousel {
        margin-left: inherit;
        margin-right: inherit;
    }
    .order-1.about-video, 
    .text-line-block .about-video .img-caption,
    .text-line-block .about-carousel .img-caption{
        width: 100%;
        max-width: 100%;
    }
    .top-image-tzirias {
        margin-right: auto;
        margin-top: 20px;
    }
    .feature {
        padding-top: 20px;
    }
    .top-home-slider .carousel-item h6{
        font-weight: bold;
        font-size: 1rem;
    }
    .home-carousel-wrapper{
        max-width: 100%;
        padding: 0;
        box-shadow: none;
    }
    .owl-dots {
        text-align: center;
        padding-top: 15px;
    }
    .owl-dots button.owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
        background: #fff;
        border: 1px solid var(--dark);
        margin: 0 3px;
    }
    .owl-dots button.owl-dot.active {
        background-color: var(--dark);
    }
    .owl-dots button.owl-dot:focus {
        outline: none;
    }
    .owl-carousel.home-carousel-items .owl-nav button.owl-next, 
    .owl-carousel.home-carousel-items .owl-nav button.owl-prev{
        opacity: 0;
    }
    .publication-image{
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .publication-item {
        padding: 26px 8px 6px 8px;
    }
    .owl-carousel .owl-item .publication-image img{
        max-height: 230px;
        min-width: auto;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .carousel-wrapper .owl-carousel .owl-item {
        padding-left: 16px;
        padding-right: 16px;
    }
    .publications-carousel-items .owl-nav{
        bottom: 24px;
        height: 26px;
        z-index: 1000;
    }
    .publications-carousel-items.owl-carousel .owl-nav button.owl-next span, 
    .publications-carousel-items.owl-carousel .owl-nav button.owl-prev span{
        position: relative;
        bottom: -12px;
    }
    .publications-carousel-items .owl-dots {
        padding-top: 0;
        bottom: -1px;
        position: relative;
    }
    .publications-carousel-items.owl-carousel .owl-stage{ 
        display: flex; 
    }
    .publications-carousel-items .publication-item { 
        height: calc(100% - 30px); 
    }
    .oprah-block .order-1.text-left{
        order: 2 !important;
    }
    .oprah-block .order-2{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .publication-item .order-2.text-right {
        padding-left: 5px;
    }
    .publications-section .mob-hidden{
        display: none;
    }
    .publications-section .mob-show{
        display: block;
    }
    .timeline-block .mob-hidden{
        display: none;
    }
    .timeline-block .mob-show, .timeline-block.mob-show{
        display: block;
    }
    .carousel-item-title{
        text-align: center;
    }
    .timeline-block::before{
        display: none;
    }
    .timeline-block .items-start{
        flex-direction: column;
        height: auto;
    }
    .img-right{
        position: static;
        height: auto !important;
        min-height: 0;
        max-width: 100%;
    }
    .img-left img, .img-right img {
        height: auto !important;
    }
    .timeline-block {
        max-width: 100%;
        padding-left: 0 !important;
    }
    .text-to-left {
        margin-left: 0;
    }
    .text-to-right {
        margin-right: 0;
    }
    .timeline{
        padding-left: 0;
        padding-right: 0;
    }
    .img-left{
        position: static;
        left: 0;
    }
    .timeline-block:nth-child(odd) {
        padding: 0;
    }
    .timeline-block:nth-child(even) {
        padding: 0;
    }
    .timeline-block.last-timeline-block .btn{
        position: static;
    }
    .put-center-btn{
        text-align: center;
        display: block;
    }
    .story-section {
        padding-bottom: 20px;
    }
    .timeline-block h3.inner-page-header{
        font-size: 1.25rem;
        color: var(--primary);
        text-align: center;
        margin-bottom: 15px;
    }
    .timeline-block p{
        margin-top: 20px;
    }
    .story-carousel .order-1{
        order: 2 !important;
    }
    .story-carousel .order-2{
        order: 1 !important;
    }
    .story-carousel .owl-nav{
        width: calc(100% - 60px);
    }
    .story-carousel .owl-item img{
        max-height: 464px;
    }
    .md\:py-smd-3xl{
        padding-top: 0;
    }
    .top-home-slider .carousel-item h1{
        font-size: 24px;
    }
}

@media (max-width: 480px){
    .logo-footer{
        margin-bottom: 16px;
    }
    .footer-line{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .bottom-books-p {
        margin-top: 0;
        max-width: 302px;
    }
    .top-home-slider {
        min-height: 14.5rem;
    }
}