@media only screen and (max-width: 1400px) {
    .pr-list-container{
        padding: 0 100px;
    }
    .project-item .column-overlay .title {
        padding-top: 20px;
        padding-left: 20px;
        font-size: 0;
        padding-right: 0;
    }
    .project-item h2 {
        font-size: 14px;
        line-height: unset;
    }
    .project-item ul li {
        font-size: 14px;
        line-height: unset;
    }
    .project-item .column-overlay .column-overlay-menu {
        padding-bottom: 20px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1240px) {
    .pr-list-container{
        padding: 0 150px;
    }
    .project-item .column-overlay .title {
        padding-top: 3px;
        padding-left: 5px;
        font-size: 0;
        padding-right: 0;
    }
    .project-item h2 {
        font-size: 12px;
        line-height: unset;
    }
    .project-item ul li {
        font-size: 12px;
        line-height: unset;
    }
    .project-item .column-overlay .column-overlay-menu {
        padding-bottom: 5px;
        padding-left: 3px;
    }
}


@media only screen and (max-width: 1124px) {
    .pr-list-container{
        padding: 0 200px;
    }

    ul.desktop-nav-bar li:nth-child(3) a, ul.desktop-nav-bar li:nth-child(4) a{
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7175245098039216) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%);
    }
}


@media only screen and (max-width: 992px) {

    .home-content {
        width: 306px;
    }
    .home-icon img {
        height: 140px;
        width: 140px;
    }
    .home-title h1 {
        font-size: 24px;
    }
    .home-title p,
    .home-bot-title p {
        font-size: 16px;
    }
    .desktop-nav-bar {
        display: none;
    }
    .home-phone-menu {
        display: block;
    }
    .c-col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .column {
        flex: 50%;
        max-width: 50%;
    }
    .pr-list-container {
        padding: 20px 20px 100px 150px;
    }
    .single-container {
        padding-left: 0;
    }
    .navbar-brand img {
        width: 44px;
        margin: 0 10px;
    }
    .brand-sec {
        justify-content: flex-start;
    }
    .side-filter {
        width: 150px;
        padding: 93px 0px 0px 10px;
    }
    .side-filter {
        font-size: 12px;
    }
    .slider-wrapper {
        margin: 0;
    }
    .single-aside {
        display: none;
    }
    .single-container {
        padding: 0;
    }
    .project-desc-slide {
        height: 100%;
    }
    .pr-container-left {
        float: none;
        width: 100%;
        height: 100%;
    }
    .pr-container-right {
        display: none;
    }
    .discription-panel {
        display: flex;
        padding: 27px 10px;
    }
    .discription-panel h1 {
        margin-bottom: 50px;
    }
    .dot {
        margin-left: 0;
    }
    .single-container {
        padding-top: 0;
    }
    .vertical-center {
        min-height: unset !important;
    }
}

@media only screen and (max-width: 992px) {
    .about-inner-box {
        flex-direction: column;
    }
    .about-left,
    .about-right {
        flex-basis: 100%;
        margin-bottom: 1.5rem;
    }

    .about-right {
        padding-bottom: 32px;
    }
    /*.about-container {*/
    /*    padding: 0;*/
    /*}*/
    .wwu-left {
        padding-bottom: 50px;
    }
    .wwu-form-input {
        margin-bottom: 10px;
    }
    #form-subject {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .column {
        flex: 100%;
        max-width: 100%;
    }
    .pr-list-container {
        padding: 0 20px 20px 150px;
    }
    .single-container {
        padding-right: 0;
    }
    .about-right-column {}
    .about-right-row {
        height: 47%;
    }
    .project-item .column-overlay .title {
         padding-top: 3px;
         padding-left: 5px;
         font-size: 0;
         padding-right: 0;
    }
    .project-item h2 {
        font-size: 12px;
        line-height: unset;
    }
    .project-item ul li {
        font-size: 12px;
       line-height: unset;
    }
    .project-item .column-overlay .column-overlay-menu {
        padding-bottom: 5px;
        padding-left: 3px;
    }
}

@media (max-width: 570px) {
    .project-item .column-overlay .title {
        padding-top: 3px;
        padding-left: 5px;
        font-size: 0;
        padding-right: 0;
    }
    .project-item h2 {
        font-size: 10px;
        line-height: unset;
    }
    .project-item ul li {
        font-size: 10px;
        line-height: unset;
    }
    .project-item .column-overlay .column-overlay-menu {
        padding-bottom: 5px;
        padding-left: 3px;
    }

    .about-right-column .column-overlay {
        padding: 5px 10px 15px 10px;
    }
    .about-right-column .column-overlay h2{
        font-size: 12px;
    }
    .about-right-column .column-overlay h3{
        font-size: 12px;
    }
}


@media only screen and (max-width: 300px) {
    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
    .about-right-column .column-overlay {
        font-size: 1.3rem;
    }
    .about-right-column .column-overlay-desc p {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
    .about-right-column .column-overlay {
        font-size: 1.1rem;
    }
    .about-right-column .column-overlay-desc p {
        font-size: .6rem;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1000px;
    }
}