@media screen and (max-width: 450px) {
  .notification-wrapper .notification {
    padding: 5px;
  }
  .notification-wrapper .notification .message {
    padding: 0;
    margin: 0 0 0 5px;
    font-size: 10px;
  }

  .notification-wrapper .notification .icon {
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 15px;
  }
  /* =========================== Home Section =============================== */
  .cv-home-content .content .cv-home-holder {
    width: 100%;
  }

  .cv-home-content
    .content
    .cv-home-holder
    .profile-block
    .profile-infos
    .social-list {
    display: grid;
    grid-template-columns: auto auto auto auto;
  }

  .social-list li {
    margin: 5px;
  }

  .social-list li:not(:first-of-type) {
    margin: 5px;
  }

  .cv-home-content
    .content
    .cv-home-holder
    .profile-block
    .profile-infos
    .text-content {
    padding: 10px;
  }

  .cv-home-content .content .cv-home-holder .profile-block {
    margin: 5px;
  }

  /* ========================== Experience Section ========================== */
  .experience-content .content .experience-timeline-holder .timeline-image {
    height: 130px;
    max-width: 250px;
  }

  .experience-content
    .content
    .experience-timeline-holder
    .timeline-block
    .swiper-container
    .timeline
    .tile
    .text-content
    .number {
    font-size: 15px;
    line-height: 0.2;
    padding: 12px 14px 12px 10px;
  }

  .experience-content
    .content
    .experience-timeline-holder
    .timeline-block
    .swiper-container
    .timeline
    .tile
    .text-content
    h4 {
    font-size: 15px;
  }

  .experience-content
    .content
    .experience-timeline-holder
    .timeline-block
    .swiper-container
    .timeline
    .tile {
    padding: 10px 37px;
  }

  .experience-content
    .content
    .experience-timeline-holder
    .timeline-block
    .swiper-container
    .swiper-pagination {
    top: 5px;
  }

  /* ========================== Education Section =========================== */
  .education-content .content .education-timeline-holder .timeline-image {
    height: 130px;
    max-width: 250px;
  }

  .education-content
    .content
    .education-timeline-holder
    .timeline-block
    .swiper-container
    .timeline
    .tile
    .text-content
    h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-top: 5px;
  }

  .education-content
    .content
    .education-timeline-holder
    .timeline-block
    .swiper-container
    .timeline
    .tile
    .text-content
    .number {
    font-size: 15px;
    line-height: 0.2;
    padding: 12px 14px 12px 10px;
  }

  .education-content
    .content
    .education-timeline-holder
    .timeline-block
    .swiper-container
    .timeline
    .tile {
    padding: 10px 37px;
  }

  .education-content
    .content
    .education-timeline-holder
    .timeline-block
    .swiper-container
    .swiper-pagination {
    top: 5px;
  }

  /* ========================= Certificates Section ========================= */
  .gallery-style-one
    .content
    .gallery-holder
    .item-gallery
    .swiper-container
    .gallery-grid
    .item-block
    .image-and-links
    figure
    img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
  }

  /* ========================== Portfolio Section =========================== */
  .gallery-style-one .content .gallery-holder .gallery-preview {
    height: 42px;
    top: 15px;
  }

  .animated-text-content {
    font-size: 13px;
    justify-content: unset;
  }

  .preview-links {
    left: unset;
    bottom: unset;
  }

  .preview-links li {
    margin: 0;
  }

  .gallery-style-one .content .gallery-holder {
    margin: 5px;
  }

  .gallery-style-one .content .gallery-holder .item-gallery {
    max-height: 450px;
    overflow: scroll;
    top: 20px;
  }

  /* ================================ About ================================= */
  .about-content-profile .content .about-info-holder .about-image {
    height: 200px;
    max-width: 255px;
    background-position: 0 -100px !important;
  }

  .about-content-profile
    .content
    .about-info-holder
    .full-info
    .text-content
    h4 {
    margin: 5px 0;
  }

  .about-content-profile
    .content
    .about-info-holder
    .about-image
    .animated-text-content {
    font-size: 10px;
  }

  .about-content-profile .content .about-info-holder .full-info .text-content {
    padding: 0;
    max-height: 315px;
    overflow: scroll;
  }

  .about-content-profile
    .content
    .about-info-holder
    .full-info
    .text-content
    .summary-tile
    .tile {
    padding: 0px;
    font-size: 8px;
    letter-spacing: 1px;
  }

  .about-content-profile
    .content
    .about-info-holder
    .full-info
    .text-content
    .summary-tile
    .tile
    p {
    line-height: 1;
    font-size: 9px;
    margin-top: 0;
    margin-bottom: 5px;
  }

  /* ================================ Extra =============================== */
  .extra-content .content .extra-holder {
    max-height: 400px;
    overflow: scroll;
  }

  .extra-content .content .extra-holder .extra-tiles .tile {
    padding: 5px;
  }

  .extra-content .content .extra-holder .extra-tiles .tile .icon-and-infos i {
    font-size: 30px;
    color: #ffffff;
    background: #aa0d1f;
    top: 28px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    right: 0;
    position: absolute;
    box-shadow: 0px 0px 1px 0px rgb(88 78 78 / 43%);
  }

  .extra-content
    .content
    .extra-holder
    .extra-tiles
    .tile
    .icon-and-infos
    .infos
    .text-content
    h4 {
    font-size: 15px;
  }


  /* ============================= Testimonials ============================= */
  .clients-style-one .content .clients-holder {
    max-height: 520px;
    overflow: scroll;
  }

  .clients-style-one
    .content
    .clients-holder
    .clients-block
    .swiper-container
    .testimonials-block
    .client {
    margin: 20px;
  }

  .clients-style-one
    .content
    .clients-holder
    .clients-block
    .clients-details
    .counter
    .counter-block
    .text-content
    h4 {
    margin-top: 5px;
    font-size: 15px;
  }

  .clients-style-one
    .content
    .clients-holder
    .clients-block
    .clients-details
    .counter
    .counter-block
    .text-content
    p {
    color: #262626;
    font-size: 10px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    white-space: break-spaces;
  }

  .clients-style-one
    .content
    .clients-holder
    .clients-block
    .swiper-container
    .testimonials-block
    blockquote {
    padding: 10px;
  }

  .clients-style-one
    .content
    .clients-holder
    .clients-block
    .swiper-container
    .swiper-pagination {
    bottom: 0px;
  }
  /* ================================ General =============================== */
  a {
    line-height: 1;
    font-size: 10px;
  }

  p {
    line-height: 1.2;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}