@media(max-width: 1800px){
    #projects-large-tabs ul li button{
        font-size: 1.8rem;
        padding: 5px 10px;
    }
}
@media(max-width: 1600px){
    .p-lr{
        padding-left: 45px;
        padding-right: 45px;
    }
    .m-lr{
        margin-left: 45px;
        margin-right: 45px;
    }
    #site-header{
        padding: 28px 45px;
    }
    .column-padding-1{
        padding: 0 0 0 20px
    }
    .section-padding-1, .section-padding-2, .section-padding-3, .section-padding-4,.column-padding-3, .column-padding-2, #testimonials > div{
        padding: 45px;
    }

    .portfolio-section-1 .collapse-img.img-lg,
    .portfolio-section-1 .collapse-img.img-sm{
        position: unset;
    }
    footer, #home-carousel .carousel-caption{
        padding-top: 45px;
        padding-bottom: 45px;
    }

}

@media(max-width: 1400px){
    section:first-of-type {
        margin-top: 122px;
    }
    #main-nav{
        margin: 0;
    }
    .collapse-text.w-img{
        max-width: unset;
    }
    .collapse-container .column-padding-left-1{
        padding-left: 30px;
    }
    .contact-details-container{
        padding: 0 25px;
    }
    ul#collapse-tabs a,
    .portfolio-title{
        padding-right: 30px;
    }
    .project-portfolio-detail-about{
        padding: 25px;
    }
    #project-portfolio-carousel{
        margin-left: unset;
    }
}

@media(max-width: 1380px){
    #home-carousel .carousel-caption{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .column-padding-right-1{
        padding-right: 25px;
    }
    .careers-block{
        display: flex;
        gap: 20px;
    }
    .careers-image{
        position: unset;
        flex: 1;
    }
    .careers-text{
        flex: 1;
        width: unset;
    }
    #main-nav ul.nav > .dropdown > a{
        font-size: 1.6rem;
    }
}

@media(max-width: 1200px){
    #site-header{
        position: unset;
    }

    section:first-of-type {
        margin-top: 0;
    }
    #hide-footer-button,
    #footer-inside,
    #footer-text{
        display: none;
    }
    #show-footer-button {
        display: block;
        position: relative;
    }
    #show-footer-button, #hide-footer-button {
        font-size: 32px;
        text-align: center;
        color: white;
    }
    footer{
        padding-top: 45px;
    }
    .logo-footer{
        margin-bottom: 20px;
    }
    ul.footer-menu li a{
        margin: 0 0 5px 0;
    }
    #section-carousel .custom-buttons{
        top: unset;
        bottom: 0;
    }
    .column-padding-right-2{
        padding-right: calc(var(--bs-gutter-x)* 0.5);
    }
    .column-padding-left-2{
        padding-left: calc(var(--bs-gutter-x)* 0.5);
    }
    .row .staff-block:nth-child(3n + 2){
        padding-right: 45px;
        padding-left: 45px;
    }
    .row .staff-block:nth-child(3n + 3){
        padding-left: 45px;
    }
    .row .staff-block:nth-child(3n + 1){
        padding-right: 45px;
    }
    #staff-modal .modal-dialog{
        top:10%
    }
    .general-2.p-lr{
        padding-right: 45px;
    }

    .general-2-col-r{
        display: flex;
        align-items: center;
    }
    .text-10{
        font-size: 6.2rem;
    }

}

@media(max-width:992px) {
    .text-9{
        font-size: 3.6rem;
        line-height: 40px;
    }
    #home-carousel .owl-item .item{
        display: flex;
        background: var(--secondary);
        flex-direction: column-reverse;
    }
    #home-carousel .carousel-caption div{
        max-width: 100%;
        text-align: center;
    }
    #home-carousel .carousel-caption{
        padding: 40px;
        position: unset;
        transform: unset;
    }
    #home-carousel .custom-buttons #image-alt-text{
        right: unset;
        position: absolute;
        left: unset;
        top: 0;
        transform: unset;
    }
    #home-carousel .custom-buttons .custom-buttons-container{
        height: 70px;
        align-items: flex-end;
        padding-bottom: 13px;
    }
    #home-carousel .custom-buttons #custom-prev, #home-carousel .custom-buttons #custom-next{
        font-size: 1.4rem;
    }
    .column-padding-right-1{
        padding-right: 0;
    }
    #staff-collapsible .staff-block{
        border: none;
        border-bottom: 1px solid black;
        padding: 0 5px 10px;
    }
    #staff-collapsible .staff-position{
        min-height: unset;
    }
    #staff-modal .modal-body{
        padding: 45px;
    }
    .staff-modal-details-image img{
        display: block;
        margin: 0 auto;
    }
    .staff-modal-details{
        columns: unset;
        padding: 16px;
    }
    .careers-image{
        position: unset;
        margin: 0 auto;
    }
    .careers-text{
        width: 100%;
    }
    .careers-block {
        display: unset;
    }
    .general-2-col-l{
        padding: 45px 0;
        max-width: 100%;
    }
    .two-col{
        flex-direction: column;
    }
    .staff-category-block:first-of-type .staff-modal-container {
        gap: 16px;
    }
    .second-row img{
        max-width: unset;
        margin-left: unset;
    }
    .logo-desktop{
        display: none;
    }
    #logo-header-container .logo-mobile{
        display: block;
        max-width: 500px;
    }
    #header-phone-small a{
        font-size:25px;
        position:absolute;
        top:5px;
        right:20px;
        z-index:1000000;
        color:white;
        display: block;
    }
}
@media(max-width:768px) {
    .project-link span,.project-image::before{
        opacity: 1;
    }
    .column-padding-1{
        padding: 25px 0 0 0;
    }
    .careers-accordion .accordion-block{
        padding: 25px;
    }
    #footer-banner.section-padding-2{
        padding: 20px 25px;
    }
    .red-banner-text{
        padding: 15px;
    }
    .text-8{
        font-size: 2.4rem;
        line-height: 1;
    }
    .text-10{
        font-size: 4.2rem;
    }
    .owl-btn-1{
        display: block;
    }
}
@media(max-width:576px) {
    .p-lr, .section-padding-1, .section-padding-2, .section-padding-3, .section-padding-4, .general-2.p-lr{
        padding-left: 25px;
        padding-right: 25px;
    }
    footer, #home-carousel .carousel-caption{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #site-header, #testimonials > div{
        padding: 25px;
    }
    #testimonials.section-padding-3{
        padding-left: 0;
        padding-right: 0;
    }
    .testimonial, .column-padding-2{
        padding: 30px 25px;
    }
    .form-block.white.column-padding-2{
        padding: 30px 0;
    }
    .text-1{
        font-size: 2.2rem;
    }
    .text-2{
        font-size: 1.8rem;
    }
    .text-3{
        font-size: 3.3rem;
        line-height: 33px;
    }
    .text-4{
        font-size: 3rem;
        line-height: 33px;
    }
    .text-6{
        font-size: 3.3rem;
        line-height: 33px;
    }
    .text-10{
        font-size: 3rem;
        line-height: 1rem;
    }
    .projects-links{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .project-link{
        height: 290px;
    }
    .more-info-text{
        padding: 20px 0 0 0;
    }
    .category-links ul{
        flex-direction: column;
        gap:0;
        list-style: square;
        padding-left: 27px;
    }
    .category-links ul li:not(:first-child){
        border-left: none;
        padding:10px 0 0 0;
    }
    .category-links ul li::marker{
        font-size: 150%;
    }
    .staff-modal-container{
        justify-content: center;
    }
    #staff-modal .modal-body{
        padding:  0 25px 25px 25px;
    }
}


@media(min-width: 768px){
    .dropdown:hover>.dropdown-menu,
    .dropdown-toggle:focus + .dropdown-menu,
    .dropdown-menu:focus-within{
        /*display: block;*/
        opacity: 1!important;
        height: unset!important;
        overflow: unset!important;
        width: 100%!important;
        left:0!important;
    }
}

@media(min-width:1200px){
    #header-phone-small{
        display:none;
    }
    #show-footer-button, #hide-footer-button{
        display:none;
    }
    #footer-phone-small{
        display:none;
    }
}
@media(min-width:1350px){
    #home-carousel{
        min-height: 537px;
    }
}
@media(min-width: 1921px) {
    .general-2-container{
        max-width: 1640px;
    }
    .two-col{
        justify-content: flex-start;
    }
    .general-2.p-lr{
        padding-right: 140px;
    }
}