@media (max-width: 1200px) {
    .container {
        max-width: 100%;
        padding: 0px;
    }


    .block-views-blockabout-us-block-1 {
        padding-inline-start: 0px;
    }

    #navbar-main {
        padding-inline: 10px;
    }

    .navbar .collapse #block-bootstrap-barrio-subtheme-main-menu {
        gap: 11px;
    }

    .navbar-expand-lg .navbar-collapse {
        padding-inline: 1px;
        gap: 5px;
    }

    .advanced-language-selector .dropdown-menu {
        left: -43px;
    }

    [dir="rtl"] .advanced-language-selector .dropdown-menu {
        right: -43px;
        left: unset;
    }

    .intro-about-us-section .top-intro-section-wrapper {
        padding-inline: 65px;
        padding-block: 57px;
        gap: 50px;
    }

    .intro-about-us-section .title-body-intro-wrapper .field--name-body p {
        font-size: 14px;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph .paragraph--type--about-us-paragraph {
        padding-inline: 20px;
    }

    .block-views-blockpage-title-block-1 .view-content .views-row .views-field-nothing h1 {
        font-size: 40.947px;
        padding-block-start: 110px;
    }

    .block-views-blockhero-breif-block-1 .view-content .views-row .views-field-field-hero-breif .field-content {
        font-size: 14.5px;
        padding-block: 28px 50px;
        padding-inline: 140px;
    }

    .block-views-blockpage-title-block-1 .view-content .views-row .views-field-nothing h1::after {
        left: 43%;
    }

    .vision-about-us-section {
        padding-inline: 100px;
    }

    .vision-about-us-section .field--name-field-about-us-paragraph {
        padding-block: 52px;
    }

    .vision-about-top-wrapper .field--name-title h2 {
        padding-block-end: 30px;
    }

    .vision-about-us-section .paragraph--type--about-us-paragraph .field--name-field-body {
        font-size: 10.25px;
    }

    .vision-about-top-wrapper p {
        font-size: 14.75px;
    }

    .mission-about-us-section .col-12 .node__content {
        padding-inline: 100px;
    }

    .mission-about-us-section .block-views-blockabout-us-block-5 .field--name-title h2 {
        padding-block-end: 40px;
    }


    .our-team-taxonomy-section .view-content {
        padding-inline: 120px;
    }

    .our-team-aboout-us-section .field--name-body {
        padding-inline: 20px;
    }

    .our-team-descreption-tax-section {
        padding-block-start: 20px;
    }

    .our-team-content-section .view-content {
        padding-inline: 100px;
    }

    .our-team-content-section .views-row .views-field-field-position {
        margin-top: 7px;
    }

    .our-team-content-section .views-row .views-field-title {
        margin-top: -112px;
        overflow: unset;
    }


    .block-page-title-block h1 {
        font-size: 42.947px;
    }


    .block-page-title-block h1::after {
        width: 380px;
    }

    .project-section .node__content {
        width: 100%;
    }

    .project-section .view-content .views-row {
        width: 100%;
    }


    .project-section .view-content .views-row .views-field-view-node a {
        padding-inline: 72px;
    }

    .project-section .view-content {
        padding-inline: 32px;
    }

    .project-section .list-view .node__content .field--name-field-media-image {
        width: 230px;
    }

    .project-full-section,
    .project-full-body-section {
        padding-inline: 100px;
    }

    .site-footer__top {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .term-projects-wrapper .field--name-field-project-category,
    .term-projects-wrapper .field--name-field-project-type {
        font-size: 7.748px;
    }

    .equipment-section .view-content {
        padding-inline: 50px;
    }

    .unit-wrapper::before {
        left: 25px;
    }

    .equipment-section .view-content .node__content .field--name-field-equipment-type {
        font-size: 9.589px;
    }

    .event-card-section .view-content {
        padding-inline: 35px;
    }

    .cover-inner-event-section .view-content .views-row .views-field-title span {
        line-height: 47.629px;
        font-size: 38.629px;
    }

    .cover-inner-event-section .view-content .views-row .views-field-field-breif {
        font-size: 17.179px;
    }

    .inner-event-botom-section .block-views-blockinner-event-block-3 .views-field-body {
        font-size: 20.861px;
    }

    .inner-event-botom-section .col-lg-9 {
        width: 60%;
    }

    .inner-event-botom-section .col-lg-3 {
        width: 38%;
    }

    .inner-event-botom-section .layout {
        gap: 0px;
        padding-block: 58px;
    }

    .location .wrapper-title-body {
        padding-left: 56px;
    }

    .contact-us-main-wrapper .contact-grid .contact-card {
        width: 243px;
        padding-inline: 34px;
    }

    .contact-us-main-wrapper .col-lg-6:nth-child(2) {
        width: 51%;
    }

    .contact-section .wrapper-social {
        margin-top: 148px;
    }

    .map-contact-us-main .col-12 .block-content-basic {
        padding-inline: 108px;
    }



}

@media (max-width: 900px) {
    #navbar-main .navbar-brand {
        display: none;
    }


    #CollapsingNavbar {
        display: none !important;

    }

    #CollapsingNavbar.show {
        display: flex !important;
    }

    #navbar-main a {
        font-size: 12.8px;
    }



    .navbar .collapse #block-bootstrap-barrio-subtheme-main-menu .config span {
        font-size: 12.8px;
    }

    #navbar-main {
        display: flex;
        justify-content: flex-start;
    }


    #navbar-main img {
        width: 120px;
        height: auto;
    }


    .time-line-section {
        padding-inline-start: 28px;
    }


    .time-line-section .col-lg-6 .block-views-blockabout-us-block-2 p {
        font-size: 12px;
    }

    .time-line-section .col-lg-6 .block-views-blockabout-us-block-2 h2 {
        font-size: 22px;
    }


    .time-line-section .col-lg-6 .block-views-blockabout-us-block-2 {
        padding-block-end: 24px;
    }


    .time-line-section {
        padding-block: 41px;
        padding-inline: 20px;

    }

    .project-category-section .block-views-blockprojects-category-block-1 {
        padding-block-start: 25px;
    }

    .project-category-section .view-content {
        grid-template-columns: 1fr 1fr;
    }

    .our-clients-section .swiper-slide {
        padding: 0 35px;
    }

    .site-footer__top h2 {
        font-size: 12px;
    }

    .site-footer .nav-item a {
        font-size: 12.7px;
    }

    .region-footer-third .contact-item p {
        font-size: 10.8px;
    }

    .region-footer-third .contact-item strong {
        font-size: 11.8px;
    }

    .site-footer__top {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .region-footer-fourth {
        width: 284px !important;
    }

    .region-footer-first .company-description {
        font-size: 12.6px;
    }

    .advanced-language-selector .dropdown-menu {
        left: -43px;
    }

    [dir="rtl"] .advanced-language-selector .dropdown-menu {
        right: -43px;
        left: unset;
    }

    .view-content .item-list>ul>li.row-time-line-home-page-class {
        padding: 16px 0 !important;
    }

    .timeline-controls {
        padding-inline-start: 32px !important;
    }

    .block-views-blockhero-breif-block-1 .view-content .views-row .views-field-field-hero-breif .field-content {
        padding-inline: 100px;
    }

    .intro-about-us-section .title-body-intro-wrapper .field--name-title h2 {
        font-size: 22.25px;
    }

    .intro-about-us-section .top-intro-section-wrapper {
        padding-inline: 37px;
        gap: 18px;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph .paragraph--type--about-us-paragraph .field--name-field-title {
        font-size: 13.75px;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph .paragraph--type--about-us-paragraph .field--name-field-body {
        font-size: 10.25px;
    }

    .about-us-menu-section ul .nav-link {
        font-size: 12px;
    }

    .about-us-menu-section ul .nav-link.active {
        font-size: 12px;
    }

    .vision-about-us-section {
        padding-inline: 35px;
    }

    .vision-about-top-wrapper p {
        padding-inline: 10px;
    }

    .vision-about-us-section .paragraph--type--about-us-paragraph .field--name-field-title {
        font-size: 15.5px;
    }


    .vision-about-us-section .paragraph--type--about-us-paragraph {
        height: 196px;
        width: 210px;
    }

    .mission-about-us-section .col-12 .node__content {
        padding-inline: 25px;
    }

    .mission-about-us-section .block-views-blockabout-us-block-5 p {
        font-size: 12.75px;
    }

    .block-views-blockpage-title-block-1 .view-content .views-row .views-field-nothing h1 {
        padding-block-start: 76px;
    }

    .our-team-taxonomy-section .view-content {
        padding-inline: 30px;
    }

    .our-team-taxonomy-section .view-content img {
        width: 65px;
        height: 67px;
    }

    .our-team-taxonomy-section .view-content .views-row span {
        font-size: 11px;
    }

    .our-team-facts-section .about-us-facts-wrapper {
        font-size: 23.5px;
    }

    .our-team-descreption-tax-section .view-content .vocabulary-our-team .content h2 {
        font-size: 30px;

    }

    .our-team-content-section .view-content {
        padding-inline: 24px;
    }

    .our-team-content-section .views-row .views-field-title span {
        font-size: 14.5px;
    }

    .our-team-content-section .views-row .views-field-field-position .field-content {
        font-size: 12px;
    }

    .our-team-facts-tax-section .about-us-facts-wrapper {
        font-size: 25px;
    }

    .our-team-facts-tax-section .about-us-facts-wrapper .field--name-field-prefix {
        font-size: 25px;
    }

    .our-team-facts-tax-section .field--name-field-title {
        font-size: 12px;
    }


    .block-page-title-block h1::after {
        width: 315px;
    }

    .project-section .view-content .views-row .views-field-view-node a {
        padding-inline: 30px;
    }


    .project-section .view-content {
        grid-template-columns: 1fr 1fr;
    }

    .list-view .projects-footer-wrapper {
        left: 35%;
        width: 66%;
        justify-content: flex-start;
    }



    .project-section .list-view .node__content .field--name-field-media-image {
        width: 230px;
    }

    .project-section .view-content .views-row .views-field-view-node {}

    .project-section .view-content .views-row .views-field-view-node a {
        display: flex;
        width: 294px;
        justify-content: center;
        align-items: center;
    }

    .project-section .view-content.list-view .views-row .views-field-view-node a {
        width: 100%;
    }


    [dir="rtl"] .list-view .projects-footer-wrapper {
        justify-content: space-between;
    }


    .project-full-section,
    .project-full-body-section {
        padding-inline: 40px;
    }

    .project-full-section .layout {
        gap: 25px;
    }


    .block-page-title-block h1 {
        font-size: 29.947px;
        padding-block-start: 50px;
    }

    .term-projects-wrapper .field--name-field-project-category,
    .term-projects-wrapper .field--name-field-project-type {
        font-size: 11.748px;
    }

    .equipment-section .view-content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }


    .equipment-section {
        padding-block: 1px;
        background: #D5D5D5;
    }

    .gallery-section .view-content {
        padding-inline: 100px;
    }

    .gallery-section .view-content .views-row .node__content .field--name-title h2 {
        font-size: 15.316px;
    }

    .inner-gallery-album-section .view-content {
        padding-inline: 100px;
    }

    .event-card-section .view-content {
        grid-template-columns: 1fr 1fr;
    }

    .Updates-wrapper {
        padding-inline: 30px;

    }

    .block-views-blockhero-breif-block-1 .view-content .views-row .views-field-field-hero-breif .field-content {
        padding-block: 19px 15px;
    }


    .cover-inner-event-section .view-content .views-row .views-field-title span {
        line-height: 28.629px;
        font-size: 29.629px;
    }

    .cover-inner-event-section,
    .inner-event-botom-section {
        padding-inline: 33px;
    }

    .cover-inner-event-section .event-type-status-cover-inner-wrapper {
        left: 10%;
        bottom: 130px;
    }

    .cover-inner-event-section .field--name-field-media-image img {
        height: 390.378px;
    }

    .cover-inner-event-section .view-content .views-row .views-field-title {
        margin-top: -136px;
    }


    .inner-event-botom-section h2 {
        font-size: 21.815px;
    }

    .inner-event-botom-section .col-lg-3 .views-field-field-organized-by .paragraph--type--organized-by a {
        font-size: 11.225px;
    }

    .inner-event-botom-section .col-lg-3 .views-field-field-organized-by .paragraph--type--organized-by .field--name-field-title {
        font-size: 13.543px;
    }


    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .views-field-field-event-information .paragraph--type--event-information .field--name-field-title {
        font-size: 15.543px;
    }

    .inner-event-botom-section .block-views-blockinner-event-block-3 .views-field-body {
        font-size: 14.861px;
    }

    .inner-event-botom-section .block-views-blockinner-event-block-3 .view-header {
        padding-block-end: 31px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-4 ul li {
        font-size: 12.543px;
    }

    .contact-us-main-wrapper .layout {
        flex-direction: column;
        padding-inline: 100px;
    }

    .contact-us-main-wrapper .col-lg-6,
    .contact-us-main-wrapper .col-lg-6:nth-child(2) {
        width: 100%;
    }

    .wrapper-title-body p {
        font-size: 11.949px;
    }


    .hse-about-us-top-wrapper {
        padding-inline: 50px;
    }

    .hse-about-us-top-wrapper .field--name-body p {
        padding-inline: 40px;
    }

    .hse-about-us-top-wrapper .field--name-field-hse-second-body {
        font-size: 12.75px;
    }

    .hse-about-us-section .field--name-field-about-us-paragraph {
        padding-inline: 63px;
        padding-block-start: 16px;
    }



}




@media (max-width: 500px) {

    #navbar-main {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        align-content: flex-start;
    }

    .navbar .collapse #block-bootstrap-barrio-subtheme-main-menu {
        gap: 16px;
        flex-direction: column;
        width: 100%;
    }

    .navbar .collapse #block-bootstrap-barrio-subtheme-main-menu li {
        border-bottom: solid #dbdbdb 1px;
        padding-block-end: 11px;
    }

    #CollapsingNavbar.show {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    .time-line-section {
        padding-inline: 20px;
    }

    .project-category-section .view-content {
        grid-template-columns: 1fr;
    }

    .our-clients-section .view-header h2,
    .project-category-section .block-views-blockprojects-category-block-1 .view-header h2 {
        font-size: 30px;
        padding-block: 30px;
    }

    .our-clients-section .view-header strong,
    .project-category-section .block-views-blockprojects-category-block-1 .view-header h2 span {
        font-size: 30px;
    }

    .project-category-section .block-views-blockprojects-category-block-1 .view-header h3 {
        font-size: 14.6px;
    }

    .project-category-section .views-row .field--name-name {
        font-size: 18px;

    }

    .project-category-section .views-row .field--name-field-icon .field--name-field-media-image img {
        height: 91% !important;
        width: 84% !important;
    }

    .our-clients-section {
        padding-block: 20px;
        padding-inline: 30px;
    }

    .our-clients-section .swiper-button-prev::after {
        left: -6px;
    }

    .our-clients-section .swiper-button-next::after {
        right: -6px;
    }


    .site-footer__top {
        grid-template-columns: 1fr;
    }

    .region-footer-fourth {
        width: 100% !important;
    }

    .region-footer-second ul {
        gap: 14px;
    }

    .region-footer-second .menu--quick-links {
        align-items: flex-start;
    }

    .site-footer .nav-item a {
        font-size: 15.7px;
    }

    .region-footer-third .contact-item p {
        font-size: 13.8px;
    }

    .region-footer-third .contact-item strong {
        font-size: 15.8px;
    }

    .site-footer__top h2 {
        font-size: 17px;
    }

    .region-footer-first .company-description {
        font-size: 14.6px;
    }

    .region-footer-fifth p {
        padding-inline: 25px;
        font-size: 13.4px;
    }

    .time-line-swiper-wrapper .views-field-body .field-content p {

        font-size: 13px !important;
    }

    .time-line-swiper-wrapper .views-field-body .field-content p {
        font-size: 11px !important;

    }


    .block-views-blockhero-breif-block-1 .view-content .views-row .views-field-field-hero-breif .field-content {
        padding-inline: 20px;
        font-size: 12.5px;

    }

    .block-views-blockpage-title-block-1 .view-content .views-row .views-field-nothing h1::after {
        left: 35%;
    }

    .block-views-blockpage-title-block-1 .view-content .views-row .views-field-nothing h1 {
        font-size: 33.947px;
        padding-block-start: 50px;
    }

    .intro-about-us-section .top-intro-section-wrapper {
        grid-template-columns: 1fr;
        padding-block: 35px;
    }


    .intro-about-us-section .field--name-field-about-us-paragraph {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px 0px;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph .paragraph--type--about-us-paragraph .field--name-field-title {
        font-size: 11.75px;
    }

    .vision-about-us-section {
        padding-inline: 18px;
        padding-block: 40px;
    }

    .vision-about-top-wrapper p {
        font-size: 12.75px;
    }

    .site-footer {
        padding-block-start: 45px;
    }

    .vision-about-us-section .field--name-field-about-us-paragraph {
        flex-wrap: wrap;
        justify-content: center;
    }

    .vision-about-us-section .paragraph--type--about-us-paragraph {
        width: 100%;
    }

    .vision-about-us-section .field--name-field-about-us-paragraph .field__item {
        width: 100%;
    }

    .node--type-sub-menu .node__content {
        padding-inline: 4px;
    }

    .field--name-field-sub-menu-paragraph {
        gap: 10px;
    }

    .paragraph--type--sub-menu .field--name-field-title {
        padding-block: 12px;
        font-size: 12.403px;
    }

    .paragraph--type--sub-menu .field--name-field-body {
        font-size: 7.444px;

    }


    .mission-about-us-section .block-views-blockabout-us-block-5 p {
        font-size: 10.75px;
    }

    .our-team-taxonomy-section .view-content {
        grid-template-columns: 1fr 1fr;
    }

    .our-team-taxonomy-section .view-content .views-row .views-field-name {
        text-align: center;
    }

    .our-team-facts-section .field--name-field-facts {
        gap: 16px;
    }

    .our-team-facts-section .field--name-field-facts .paragraph--type--about-us-facts-paragraph {
        text-align: center;
    }

    .our-team-taxonomy-section .view-content .views-row {
        height: 186px;
    }

    .our-team-content-section .view-content {
        grid-template-columns: 1fr;
        padding-inline: 40px;
        padding-block-start: 20px;
    }

    .our-team-facts-tax-section {
        padding-inline: 25px;
        padding-block: 25px;
    }

    .site-footer__top {
        padding-block-end: 30px;
    }


    .project-section .view-content {
        grid-template-columns: 1fr;
    }

    .project-section .field--name-field-icon .field--name-field-media-image img {
        height: 100% !important;
        width: 19px !important;
    }


    .paragraph--type--projects-paragraph {
        display: flex;
        align-items: center;
    }

    .card-projects-title-all-wrapper {
        height: 480px;
    }

    .project-section .d-flex {
        padding-inline-start: 0px;
    }


    .project-section .view-filters {
        gap: 20px;
    }

    .project-section .view-content .field--name-field-projects-information .field--name-field-body {
        line-height: 13.247px;
        padding-inline-start: 5px;
        font-size: 10.873px;
    }


    .block-page-title-block h1::after {
        width: 217px;
        left: 25%;
    }

    .project-section .list-view .node__content {
        flex-direction: column;
    }

    .list-view .projects-footer-wrapper {
        left: 3%;
        width: 100%;

        flex-direction: column;
        position: relative;
    }


    .project-section .list-view .node__content .field--name-field-media-image {
        width: 100%;
    }


    .list-view .node__content .field--name-field-media-image:nth-child(1) img {
        width: 100%;
    }

    .project-section .view-content.list-view .views-row .views-field-view-node a {
        width: 100%;
        width: 294px;
        justify-content: center;
        align-items: center;
    }

    [dir="rtl"] .list-view .projects-footer-wrapper {
        right: 5%;
        left: unset;
        align-items: flex-start;
    }

    [dir="rtl"] .projects-footer-wrapper {
        right: 10px;
        left: unset;
    }

    [dir="rtl"] .project-section .view-content .views-row .views-field-view-node a {
        width: 340px;
    }


    .project-full-section .layout {

        flex-direction: column;

        .col-lg-9 {
            width: 100%;
        }

        .col-lg-3 {
            width: 100%;
        }
    }

    .project-full-body-section .block-field-blocknodeprojectsbody .field--name-body {
        font-size: 13.75px;
    }

    .view-toggle-wrapper {
        margin-right: auto;
        margin-left: unset;
    }

    [dir="rtl"] .view-toggle-wrapper {
        margin-left: auto;
        margin-right: unset;
    }



    .project-section .view-filters {
        flex-direction: column;
    }

    .equipment-section .view-content {
        grid-template-columns: 1fr 1fr;
    }

    .equipment-section .d-flex .form-select,
    .equipment-section .d-flex input {
        width: 300px;
        font-size: 12.453px;
    }

    .equipment-section .view-content {
        padding-inline: 30px;
    }


    .gallery-section .view-content {
        grid-template-columns: 1fr;
        padding-inline: 60px;
        padding-block-start: 20px;
    }

    .inner-gallery-album-section .view-content {
        padding-inline: 40px;
        grid-template-columns: 1fr 1fr;

    }

    .event-card-section .d-flex {
        flex-direction: column;
        padding-inline: 40px;
    }

    .event-card-section .view-content {
        grid-template-columns: 1fr;
    }

    .event-card-section .d-flex .btn-primary {
        position: absolute;
        left: 40px;
    }

    [dir="rtl"] .event-card-section .d-flex .btn-primary {
        position: absolute;
        right: 40px;
        left: unset;
    }

    .Updates-wrapper .subscribe-wrapper p {
        padding-inline: 16px;
        font-size: 10.453px;
    }

    .Updates-wrapper .subscribe-wrapper h2 {
        font-size: 18.179px;
    }

    .cover-inner-event-section .view-content .views-row .views-field-title {
        margin-top: -271px;
        padding-inline: 20px;
    }

    .cover-inner-event-section .view-content .views-row .views-field-field-breif {
        margin-left: 32px;
    }

    .cover-inner-event-section .event-type-status-cover-inner-wrapper {
        left: 10%;
        bottom: 186px;
    }

    .inner-event-botom-section .layout {
        gap: 0px;
        padding-block: 58px;
        display: flex;
        flex-direction: column;
    }

    .inner-event-botom-section .col-lg-9 {
        width: 100%;
        padding-block-start: 20px;
    }

    .inner-event-botom-section .col-lg-3 {
        width: 100%;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-4 {
        padding-inline: 11px;

    }

    .contact-us-main-wrapper .layout {
        flex-direction: column;
        padding-inline: 24px;
    }

    .contact-us-main-wrapper .contact-grid {
        grid-template-columns: 1fr;
    }

    .contact-us-main-wrapper .contact-grid .contact-card {
        width: 100%;
        padding-inline: 34px;
    }

    .map-contact-us-main .col-12 .block-content-basic {
        padding-inline: 7px;
    }

    .main-contat-us p {
        font-size: 12.543px;
    }

    .main-contat-us h1 {
        font-size: 18.179px;

    }

    .main-contat-us h3 {
        font-size: 13.225px;

    }

    form.webform-submission-form {
        display: grid;
        gap: 15px;
        height: 100%;
        grid-template-columns: 1fr;

        grid-template-areas:
            "header"
            "name"
            "email"
            "phone"
            "company"
            "project-type"
            "contact-method"
            "subject"
            "details"
            "submit"
            "footer";
    }

    .map-contact-us-main {
        padding-inline: 10px;

    }

    .hse-about-us-section .field--name-field-about-us-paragraph {
        flex-wrap: wrap;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-5 .field-content {

        flex-wrap: wrap;
        justify-content: center;
    }

    .field--name-description p {

        font-size: 14.5px;

    }

    [dir="rtl"] .cover-inner-event-section .view-content .views-row .views-field-title span {
        font-size: 23.629px;
    }

    [dir="rtl"] .cover-inner-event-section .view-content .views-row .views-field-field-breif {
        margin-right: 29px;
    }

}

@media (max-width: 375px) {

    .project-category-section .views-row .taxonomy-term .field--name-field-media-image img {
        height: 290.4px;
    }

    .project-category-section .views-row .views-field {
        height: 290px;
    }

    .project-category-section .views-row:hover .field--name-name {
        font-size: 15px;

    }

    .block-views-blockpage-title-block-1 .view-content .views-row .views-field-nothing h1::after {
        left: 33%;
    }

    .project-section .view-content.list-view .views-row .views-field-view-node a {
        width: 250px;
    }

    [dir="rtl"] .project-section .view-content.list-view .views-row .views-field-view-node a {
        width: 294px;
    }

    .project-section .view-content .views-row .views-field-view-node a {
        width: 270px;
    }

    [dir="rtl"] .project-section .view-content .views-row .views-field-view-node a {
        width: 290px;
    }

    .inner-gallery-album-section .view-content {
        gap: 13px;
    }

    .Updates-wrapper .subscribe-wrapper p {
        padding-inline: 5px;
    }

    .cover-inner-event-section .event-type-status-cover-inner-wrapper {

        bottom: 226px;
    }


    .hse-about-us-top-wrapper .field--name-body p {
        padding-inline: 0px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .view-header {
        padding-inline-start: 54px;
    }

    .views-field-field-event-information .paragraph--type--event-information {
        padding-left: 13px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .views-field-field-event-information .paragraph--type--event-information:nth-child(2)::before {
        left: 15px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .views-field-field-event-information .paragraph--type--event-information:nth-child(1)::before {
        left: 15px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .views-field-field-event-information .paragraph--type--event-information:nth-child(3)::before {
        left: 15px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .views-field-field-event-information .paragraph--type--event-information:nth-child(4)::before {
        left: 15px;
    }

    .cover-inner-event-section,
    .inner-event-botom-section {
        padding-inline: 20px;
    }

    .block-page-title-block h1::after {
        width: 183px;
        left: 25%;
    }
}

@media (max-width: 320px) {


    .time-line-section .col-lg-6 .block-views-blockabout-us-block-2 h2 {
        font-size: 18px;
    }

    .time-line-swiper-wrapper .views-field-body .field-content strong {
        font-size: 13px !important;
    }

    .time-line-swiper-wrapper .views-field-body .field-content p {

        font-size: 8px !important;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph .paragraph--type--about-us-paragraph .field--name-field-title {
        font-size: 10.75px;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph {
        padding-inline: 0px;
    }

    .intro-about-us-section .field--name-field-about-us-paragraph .paragraph--type--about-us-paragraph .field--name-field-body {
        font-size: 8.25px;
    }

    .about-us-menu-section ul {
        gap: 3px;
    }

    .vision-about-top-wrapper p {
        font-size: 11.75px;
    }

    .mission-about-us-section .block-views-blockabout-us-block-5 p {
        padding-inline: 20px;
    }

    .our-team-taxonomy-section .view-content img {
        width: 55px;
        height: 55px;
    }

    .our-team-facts-tax-section .field--name-field-title {
        font-size: 9px;
    }


    .project-section .view-content.list-view .views-row .views-field-view-node a {
        width: 100%;
    }

    .project-section .view-content .views-row .views-field-view-node a {
        width: 100%;
    }

    [dir="rtl"] .project-section .view-content.list-view .views-row .views-field-view-node a {
        width: 242px;
    }

    [dir="rtl"] .project-section .view-content .views-row .views-field-view-node a {
        width: 244px;
    }


    .equipment-section .view-content {
        grid-template-columns: 1fr;
    }

    .equipment-section .view-content {
        padding-inline: 50px;
    }

    .unit-wrapper::before {
        left: 58px;
    }

    .gallery-section .view-content {
        grid-template-columns: 1fr;
        padding-inline: 23px;
        padding-block-start: 20px;
    }

    .inner-gallery-album-section .view-content {

        grid-template-columns: 1fr;
    }

    .status-type-event-wrapper .views-field-field-event-type {
        right: 7px;
    }

    .status-type-event-wrapper .views-field-field-event-status {
        left: 6px;

    }

    .event-card-section .view-content {
        padding-inline: 16px;
    }

    .cover-inner-event-section .event-type-status-cover-inner-wrapper {
        left: 10%;
        bottom: 226px;
    }

    .cover-inner-event-section .event-type-status-cover-inner-wrapper .views-field-field-event-type {
        width: 112px;
        font-size: 8.589px;
    }

    .cover-inner-event-section .event-type-status-cover-inner-wrapper .views-field-field-event-status {
        font-size: 9.589px;
    }

    .cover-inner-event-section .view-content .views-row .views-field-title span {
        line-height: 25.629px;
        font-size: 21.629px;
    }

    .cover-inner-event-section,
    .inner-event-botom-section {
        padding-inline: 8px;
    }

    .inner-event-botom-section .col-lg-9 .block-views-blockinner-event-block-2 .view-inner-event {
        padding-inline: 10px;
    }


    .block-page-title-block h1::after {
        width: 155px;
        left: 25%;
    }
}