@media (max-width:1600px) {
    .container {
        width: 1170px;
    }

    /*home page style start here*/
    .value-sec {
        padding-left: 4%;
    }

    .project-image {
        height: 595px;
    }

    .project-description {
        padding: 20px;
    }

    .news-description {
        padding: 20px;
    }

    .project-wrap,
    .news-wrap {
        padding: 40px 10px;
    }

    .footer-info.phone-area:after {
        left: 22px;
    }

    /*about page style start here*/
    .about-row .col {
        padding: 0 15px;
    }

    .about-row {
        margin: 0 -15px;
    }

    .section-value .row {
        margin: 0 -15px;
    }

    .section-value .col {
        padding: 0 15px;
    }

    .section-value .value-cta:after {
        right: -8px;
    }

    /*project page style start here*/
    .project-listing .project-image,
    .news-image {
        height: 655px;
    }

    .project-listing .project-wrap {
        padding: 40px 20px;
    }

    .project-listing ul {
        margin-bottom: 60px;
    }

    .project-description h3 {
        font-size: 30px;
    }

    /*project detail oage style start here*/
    .project-intro h1 {
        font-size: 52px;
    }
}

@media (max-width:1199px) {
    .container {
        width: 970px;
    }

    /*home page style start here*/
    .banner-logo {
        width: 660px;
    }

    .slider-image.first-slide .banner-logo {
        width: 1000px;
    }

    .section-banner .logo-area {
        top: 46%;
    }

    .section-intro {
        padding: 55px 0 20px;
    }

    .value-section h2 {
        font-size: 132px;
    }

    .value-section .secondary-content {
        margin-top: -52px;
    }

    .project-image {
        height: 530px;
    }

    .project-description h3,
    .news-description h3 {
        font-size: 26px;
    }

    .project-description .btn {
        margin-top: 35px;
    }

    .section-get-touch {
        padding: 30px 0 150px;
    }

    .footer-logo {
        width: 212px;
    }

    span.wpcf7-not-valid-tip {
        font-size: 10px;
    }

    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea {
        padding: 6px 130px 6px 20px;
    }

    .contact-form textarea {
        padding: 21px 16px;
    }

    .footer-info.phone-area:after {
        left: -6px;
    }

    .news-detail-navigartion {
        margin-top: 60px;
        margin-bottom: 35px;
    }

    /*about page style start here*/
    .inner-banner h1 {
        font-size: 64px;
    }

    .inner-banner,
    .project-inner-banner {
        height: 590px;
    }

    .section-about {
        padding: 90px 0 20px;
    }

    .value-cta {
        padding-top: 0px;
    }

    .section-value {
        padding: 30px 0 20px;
    }

    /*career page style start here*/
    .career-row>.col,
    .contact-row>.col {
        width: 100%;
    }

    .section-career {
        padding: 80px 0 100px;
    }

    .career-form {
        margin-top: 50px;
    }

    .contact-information {
        font-size: 18px;
    }

    /*contact page style*/
    .sbOptions {
        background-color: #0d0d0d;
        right: 0;
        left: auto;
        top: 116% !important;
    }

    .section-event {
        padding: 60px 0 90px;
    }

    /*project page style start here*/
    .section-projects {
        padding: 78px 0;
    }

    .project-listing ul {
        margin-bottom: 56px;
    }

    .subscribe-form .form-input {
        width: 50%
    }

    .project-listing .project-image,
    .news-image {
        height: 600px;
    }

    /*news page style start here*/
    /*project detail page style start here*/
    .project-slider .project-single-img {
        height: 690px;
    }

    .project-intro h1 {
        font-size: 46px;
    }

    /*news detail page style start here*/
    .news-section {
        padding: 60px 0 90px;
    }
}


/*---- Tablet Portrait ----*/

@media (max-width: 991px) {

    /*home page style start here*/
    h1 {
        font-size: 40px;
    }

    .banner-logo {
        width: 550px;
    }

    .slider-image.first-slide .banner-logo {
        width: 720px;
        max-width: 100%;
    }

    .site-header {
        padding: 40px 35px;
    }

    .main-navigation li {
        padding-right: 35px;
    }

    .menu-icon {
        right: 35px;
    }

    .navigation-top {
        top: 100px;
    }

    .section-banner .logo-area {
        top: 47%;
    }

    .value-sec {
        padding-left: 0;
        margin-top: 35px;
    }

    .value-sec .value-cta {
        padding-top: 0;
    }

    .value-section h4 {
        width: 100%;
    }

    .section-intro .container>.row>.col {
        width: 100%
    }

    .project-image {
        height: 470px;
    }

    .value-section h2 {
        font-size: 120px;
    }

    .project-row .col,
    .news-row .col {
        width: 50%
    }

    .project-col {
        margin-bottom: 0px;
    }

    .project-slider .project-single-img {
        height: 520px;
    }

    .contact-form .form-input {
        width: 50%
    }

    .section-get-touch {
        padding: 30px 0 90px;
    }

    .logo-area,
    .address-area,
    .footer-info {
        width: 100%;
    }

    .phone-area {
        text-align: center;
    }

    .footer-wrap {
        padding: 30px 4px;
    }

    .footer-info.phone-area:after,
    .footer-info.mail-area:after {
        display: none;
    }

    .footer-info {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-info:last-of-type {
        margin-bottom: 0px;
    }

    .footer-logo {
        width: 254px;
    }

    .footer-wrap {
        font-size: 12px;
    }

    /*about page style start here*/
    .team-row .col {
        width: 33.33%
    }

    .section-value .value-cta:after {
        right: -15px;
    }

    /*contact page style start here*/
    .section-contact {
        padding: 88px 0 120px;
    }

    .contact-information h2 {
        margin-bottom: 25px;
    }

    /*project page style strat here*/

    .project-listing ul li {
        margin-right: 60px;
    }

    .project-listing .project-image,
    .news-image {
        height: 550px;
    }

    /*project detail page style start here*/
    .project-intro {
        width: 100%;
        margin-bottom: 30px;
        font-size: 16px;
    }

    .project-navigartion {
        margin-bottom: 50px;
        text-align: left;
    }

    .news-detail-navigartion {
        margin-top: 37px;
        margin-bottom: 15px;
    }

    .project-detail-section {
        padding: 80px 0 80px;
    }

    /*news detail page style start here*/
    .news-single-image {
        margin-bottom: 30px;
    }

    .news-content .col {
        width: 100%
    }
}


/*---- Mobile Landscape ----*/

@media (max-width: 767px) {

    /*about page style start here*/
    .about-row .col {
        width: 100%;
    }

    .inner-banner h1 {
        font-size: 52px;
    }

    .inner-banner,
    .project-inner-banner {
        height: 490px;
    }

    .team-row .col {
        width: 50%;
    }

    .section-team {
        padding: 30px 0 40px;
    }

    /*career page style start here*/
    .section-career {
        padding: 60px 0 90px;
    }

    .fileupload {
        width: 286px;
        margin-right: 10px;
    }

    .browse {
        padding: 12px 9px;
    }

    /*contact page style start here*/
    .section-contact {
        padding: 60px 0 106px;
    }

    /*project page style start here*/
    .project-listing ul li {
        margin-right: 36px;
    }

    /*project detail page style start here*/
    .project-detail {
        padding-bottom: 50px;
    }

    .project-slider {
        margin-bottom: 40px;
    }

    .project-intro h1 {
        font-size: 40px;
    }

    .project-detail-section {
        padding: 50px 0 80px;
    }

    .project-slider .project-single-img {
        height: 430px;
    }

    /*news page style start here*/
    .section-news {
        padding: 80px 0;
    }

    .inner-page {
        padding: 50px 0 6em;
    }

    .select-box span.wpcf7-not-valid-tip {
        padding-right: 8px;
        margin-top: 27px;
    }

    body.menu-active:after {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        content: " ";
        z-index: 9;
    }
}

@media (max-width: 640px) {

    /*home page style start here*/
    .contact-form .form-input {
        width: 100%;
    }

    .banner-logo {
        width: 400px;
    }

    .section-intro {
        padding: 30px 0 15px;
    }

    h1 {
        font-size: 38px;
    }

    h1 br {
        display: none;
    }

    .value-section .col {
        width: 100%
    }

    .value-cta:after {
        content: " ";
        border-bottom: 1px solid #c6a47e;
        position: absolute;
        right: 0;
        top: auto;
        bottom: -31px;
        left: 0;
    }

    .project-row .col,
    .news-row .col {
        width: 100%;
    }

    .project-image {
        height: 430px;
    }

    div.wpcf7-mail-sent-ok {
        padding-top: 98px;
    }

    /*about page style start here*/
    .team-row .col {
        width: 100%;
    }

    .inner-banner h1 {
        font-size: 36px;
    }

    .inner-banner,
    .project-inner-banner {
        height: 430px;
    }

    .section-about {
        padding: 60px 0 20px;
    }

    .team-col span {
        margin-bottom: 10px;
    }

    /*career page style start here*/
    .career-form .form-input {
        width: 100%
    }

    .fileupload .txtbox {
        display: block;
        top: 26px;
    }

    .career-form .button-wrap {
        margin-top: 20px;
    }

    .upload-btn {
        margin-top: 30px;
    }

    .primary-content {
        width: 100%;
    }

    .fileupload {
        margin-top: 0px;
        margin-bottom: 25px;
    }

    /*contact page style start here*/
    .contact-information {
        font-size: 14px;
    }

    .career-form.contactus-form {
        margin-top: 45px;
    }

    .section-contact {
        padding: 45px 0 80px;
    }

    .contactus-form .contact-info strong {
        display: block;
    }

    /*project page style start here*/
    .subscribe-form .form-input {
        width: 100%;
    }

    .project-listing ul {
        text-align: center;
        margin-bottom: 25px;
    }

    .project-listing ul li {
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 0 10px;
    }

    .section-projects {
        padding: 70px 0;
    }

    .subscribe-section {
        padding: 50px 0 0px;
    }

    .project-listing .project-image {
        height: 430px;
    }

    /*project detail style start here*/
    .project-slider .slider-nav {
        height: 144px;
    }

    .mc4wp-response {
        padding-top: 86px;
        clear: left;
    }

    .mc4wp-alert.mc4wp-error {
        color: red;
    }

    .sbOptions a {
        padding: 10px 24px 10px 27px;
        font-size: 16px;
    }

}

@media (max-width:480px) {

    /*home page style start here*/
    .site-header {
        padding: 20px 15px;
    }

    .menu-icon {
        right: 15px;
    }

    .banner-logo {
        width: 78%;
    }

    .main-navigation li {
        padding-right: 15px;
    }

    h1 {
        font-size: 30px;
    }

    .project-image {
        height: 390px;
    }

    .project-wrap,
    .news-wrap {
        bottom: 30px;
    }

    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea {
        padding: 6px 50px 6px 20px;
    }

    span.wpcf7-not-valid-tip {
        margin-top: 23px;
    }

    h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 26px;
    }

    .section-get-touch {
        padding: 20px 0 70px;
    }

    .contact-form input[type="submit"] {
        padding: 11px 40px;
    }

    .button-wrap {
        margin-top: 30px;
    }

    .project-description .btn {
        margin-top: 12px;
    }

    .project-listing .project-wrap {
        padding: 20px 20px;
    }

    /*about page style start here*/
    .section-about {
        padding: 45px 0 10px;
    }

    .section-value {
        padding: 30px 0 10px;
    }

    .section-team {
        padding: 30px 0 20px;
    }

    .team-col {
        margin-bottom: 15px;
    }

    .back-btn {
        margin-left: 1px;
    }

    /*career page style start here*/
    .fileupload {
        width: 260px;
        margin-right: 10px;
    }

    .browse {
        font-size: 14px;
    }

    .project-listing .project-image {
        height: 390px;
    }

    /*project detail page style start here*/
    .project-intro h1 {
        font-size: 30px;
    }

    .featured-listing .featured-name {
        min-width: 116px;
        display: block;
    }

    .featured-listing li {
        margin-bottom: 8px;
    }

    .featured-listing .featured-detail {
        min-width: 120px;
    }

    .project-navigartion {
        width: 100%;
    }

    .post-navigation .nav-next {
        margin-top: 0;
    }

    .project-slider .project-single-img {
        height: 290px;
    }

    /*news page style start here*/
    .news-row .navigation {
        text-align: right;
        margin-top: 0;
        margin-bottom: 36px;
    }

    .news-row .navigation:last-of-type {
        margin-top: 35px;
        margin-bottom: 4px;
    }

    .news-description .btn {
        font-size: 21px;
    }

    .news-section {
        padding: 33px 0 60px;
    }

}