@media (min-width:2000px) {
.enquiry-form input[type="checkbox"] + span:after
{
    top: 2px;
}
    .project-images
    {
        height: 68vh;
    }
}

@media (max-width:1400px) {
    .cta-section .col {
        padding: 0 10px;
    }
        .cta-section .row {
        margin: 0 -10px;
    }
     .introduction-section .col {
        padding: 0 10px;
    }
        .introduction-section .row {
        margin: 0 -10px;
    }
    
        .innovation-section .col {
        padding: 0 10px;
    }
        .innovation-section .row {
        margin: 0 -10px;
    }
    .information-col
    {
        padding: 0 0px;
    }
    .information-row
    {
        margin: 0 0px;
    }
      
    .representatives-logo .logo-area
    {
        margin-right: 0;
    }
    .banner .slick-dots
    {
        left: 0px;
        width: 90%;
    }
}
@media (max-width:1250px) {
   .container {
        max-width: 1170px;
    }
}
@media (max-width:1199px) {
    .container {
        max-width: 970px;
    }
   .header-wrap {
    height: 156px;
}
    .main-navigation li
    {
        margin-right: 10px;
    }
    /*home page responsive start here*/
    .logo
    {
        padding: 35px 0 36px;
    }
    .right-menu
    {
            padding: 30px 22px 9px;
    }
    #site-navigation
    {
            margin-top: 110px;
    }
    .banner {
    height: calc(100vh - 156px);
}
    
    /*project page style start here*/
    .project-header h1 {
    font-size: 36px;
    }
    .project-description-area {
    font-size: 25px;
    }
    .contact-form .half-row
    {
        width: 100%;
            padding-left: 0;
    margin-left: 0;
    }
    .contact-form .full-row
    {
        padding-right: 0;

    }
    .construction-image {
    height: 500px;
}
.representatives-logo .logo-area:last-of-type {
    width: 100%;
}
.representatives-logo .logo-area
	{
		margin-bottom:10px;
	}
    /*location page style start here*/
    .project-images {
    height: 560px;
    }
}

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

@media (max-width: 991px) {
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    
     /*navigation style start here*/
    .main-navigation {
        float: none;
    }
    .menu-icon {
        display: block;
    }
    .js .menu-toggle {
        display: none;
    }
    .menu-primary-menu-container {
        display: none;
    }
    .main-navigation {
        margin-top: 0;
    }
    .navigation-top .container {
        position: relative
    }
    .main-navigation ul {
        padding: 0;
    }
    .main-navigation ul li ul a {
        font-size: 14px;
    }
    .arrow {
        height: 45px;
        width: 45px;
        display: inline-block;
        position: absolute;
        right: 0;
        color: #fff;
        text-align: center;
        cursor: pointer;
        line-height: 40px;
        font-size: 26px;
    }
    .arrow:after {
        content: "\f107";
        font-family: fontawesome;
    }
    .arrow.up:after {
        content: "\f106";
    }
   .main-navigation ul ul {
    border: none;
    border-top: 1px solid #eaeaea;
    padding: 0 0px;
}
    .main-navigation ul li ul a
    {
        text-transform: none;
        padding:8px 10px;
    }
    
    #site-navigation {
    margin-top: 0;
    float: none;
    clear: left;
    margin-right: 0;
    width: 100%;
    margin-left: 0;
}
    .menu-main-menu-container {
    margin-right: 0;
}
    .navigation-top
    {
        min-height: 145px;
    }
    .banner
    {
        min-height: 500px;
        height:calc(100vh - 145px);
            overflow: hidden;
    }
    .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a
    {
        border-bottom: none;
    }
    .main-navigation a {
    padding: 8px 0px;
    }
    .logo
    {
        width: 210px;
        padding: 35px 0 35px
    }
    .right-menu {
    padding: 15px 13px 9px;
}
    .header-wrap
    {
        height: auto
    }
    .site-header
    {
        position: absolute;
        width: 100%;
            z-index: 9;
    }
    .site-content-contain
    {
        padding-top: 145px;
    }
    .section-overview {
    padding: 45px 0 0;
}
    /*.fixed .right-menu {
    padding:15px 13px 9px;
}
    .fixed .logo
    {
        padding: 35px 0 35px;
    }*/
    .banner .slick-arrow.slick-prev
    {
        left: 20px;
    }
    .banner .slick-arrow.slick-next
    {
        right: 20px;
    }
    .banner .banner-text
    {
        right: 20px;
    }
    .banner .slick-dots 
    {
        left: 20px;
            bottom: 75px;
    }
    
    /*about page style start here */
    h1 {
    font-size: 26px;
    }
    h3 {
    font-size: 22px;
    }
    body {
    font-size: 18px;
}

    .list-style li
    {
        margin-bottom: 8px;
    }
    .cta-area a {
    font-size: 16px;
    }
    .introduction-area .image-area
    {
        height: 270px;
    }
    .innovation-slider {
    height: 420px;
}
    .site-footer span.tag-line {
        font-size: 20px;
    padding: 40px 15px 29px;
}
    .footer-logo {
    width: 172px;
    margin: 64px 20px 0 21px;
}
    .site-footer {
    padding: 0 0 55px;
    }
    .list-style li:before
    {
        top: 2px;
    }
    /*enquiry page style start here*/
    .enquiry-intro
    {
        font-size: 20px;
    }
    .enquiry-form .col
    {
        width: 100%;
    }
    .section-enquiry
    {
        padding-bottom: 100px;
    }
  
    h2 {
    font-size: 24px;
        margin-bottom: 20px;
    }
    
    /*about page slider start here*/
     .about-slider .about-images
    {
        height:420px;
    }
    
    /*project page style start here*/
    .enquiry-section > .row > .col
    {
        width: 100%;
    }
    .checkbox-area
    {
        margin-right: 0;
    }
    .half-row {
    margin-left: -5px;
}
    .half-row:nth-of-type(2n+2) {
    padding-left: 0;
    margin-left: 0px;
}
    .full-row
    {
        padding-right: 0;
    }

    #introduction .introduction-area
    {
            padding-bottom: 285px;
    }
    .construction-image {
    height: 400px;
}
.representatives-logo .logo-area:last-of-type {
    width: calc(100% - 105px);
}
}

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

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
    
    /*overview page style start here*/
    .cta-section .col
    {
        width: 100%;
    }
    .cta-section
    {
        padding: 10px 0 50px;
    }
    .testimonials-row .col
    {
        width: 50%;
    }
   .testimonials-row .col-4:nth-child(3n+1)
    {
        clear: none;
    }
     .testimonials-row .col-4:nth-child(2n+1)
    {
        clear: left
    }
    .section-overview {
    padding: 40px 0 0;
}
    .introduction-area .image-area {
    height: 225px;
}
    .copyright-link
    {
        display: block
    }
    .innovation-slider {
    height: 350px;
}
    .site-footer span.tag-line {
    font-size: 16px;
    padding: 40px 15px 29px;
}
    .footer-logo {
    width: 172px;
    margin: 43px 20px 0 21px;
}
    .copyright-link a:after
    {
        top: 0;
    }
    .checkbox-area label
    {
        width: 100%;
    }
    .enquiry-form .wpcf7-checkbox > span {
    position: relative;
    margin-left: 0;
    margin-right: 16px;
}
    
    /*project page style start here*/
    .project-images
    {
        height: 400px;
    }
    .information-row .col,.availability-row > .col
    {
        width: 100%;
    }
    .information-col
    {
        margin-bottom: 25px;
        padding: 0;
    }
    .project-header h1 {
    font-size: 30px;
}
    .planning-area {
    margin-bottom: 35px;
    padding-bottom: 35px;
    }
    .representatives-logo {
    margin-top: 25px;
}
    .representatives-logo .row {
    margin-bottom: 35px;
}
    .project-images {
    height: 300px;
}
    .availability-info .info-area {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 4px;
}
        .availability-info {
    display: block;
    margin-left: 0;
}
    .location-detail-row > .row > .col
    {
        width: 100%;
    }
    .section-enquiry,.section-about
    {
        padding-top: 40px
    }


   #introduction .introduction-area {
    padding-bottom: 250px;
}
    
}
@media (max-width: 640px) {
    
    /*home page style start here*/
 .logo {
    width: 160px;
}
   /* .fixed .logo {
    padding: 67px 0 10px;
}*/
   .menu-icon {
    right: 20px;
    top: 45px;
} 
    .right-menu {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px 20px 5px;
}

.navigation-top .right-menu
{
    display: none
}
.right-footer-menu {
    display: block;
    position: static;
        float: none;
}
   /* .fixed .right-menu {
    padding: 10px 20px 5px;
}*/
    .right-menu li {
    font-size: 14px;
    display: inline-block;
            width:25%;
    margin-left: -5px;
}
.tax-projects_cate #content,.page-template-template-location #content
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.map-wrapper
{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    order: 2
}
.section-location {
    padding: 45px 0 40px;
    }
    .right-menu li a
    {
    padding: 0 15px 0px 0;
    display: inline-block;
    border-bottom: none;
    min-width: 88px;
            background-position: right 0px;
    }
    .banner .banner-text
    {
        bottom: 92px;
        right: auto;
    left: 20px;
    }
    .navigation-top {
    min-height: 127px;
}
.site-content-contain {
    padding-top: 127px;
}
    .banner {
    min-height: 400px;
    height: calc(100vh - 153px);
}
    .banner .slick-arrow
    {
        top: 40%
    }
    .banner-text h1
    {
        font-size: 34px;
    }
    .banner-text .cta a
    {
        font-size: 18px;
    }
    h1 {
    font-size: 22px;
}
    h3 {
    font-size: 20px;
}
 /*overview page style start here*/
    .site-footer .col-left
    {
        width: 100%;
        text-align: center
    }
    .site-footer .col-right
    {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .site-footer {
    padding: 0;
}
    .site-footer span.tag-line
    {
        margin-bottom: 0;
    }
    .footer-logo {
    width: 130px;
    margin: 17px 14px 0 0px;
}
    .site-footer span.tag-line {
    font-size: 16px;
    padding: 22px 10px 12px;
}
    
    /*about page style start here*/
    .reputation-section .col
    {
        width: 100%;
    }
    .about-slider .about-images
    {
        height: 350px;
    }
    
       /*project page style start here*/
    .project-header .heading-area {
    width: 100%;
}
    .project-header .cmnylogo-area {
    float: left;
    width: 225px;
    margin-bottom: 10px;
}
.representatives-logo .logo-area:last-of-type {
    width: 100%;
}
    .project-description-area {
    font-size: 20px;
}
    .btn {
    font-size: 14px;
    padding: 11px 14px;
    }
    .banner .slick-dots {
    left: 20px;
    bottom: 50px;
    width: 100%;
}
.construction-image {
    height: 360px;
}
}
@media (max-width:480px) {
    
    .right-menu li
    {
        width: 50%;
    }
  /*  .fixed .logo
    {
        padding: 81px 0 10px
    }*/
    
    /*overview page style start here*/
    .introduction-section .col
    {
        width: 100%;
    }
       .introduction-section {
        padding-bottom: 30px;
    }
    .scroll-down
    {
        padding-bottom: 10px;
    }
    .innovation-section .col
    {
        width: 100%;
        
    }
    .testimonials-row .col {
    width: 100%;
}
    .testimonials-section .scroll-down
    {
        top: 20px;
    }
    
    /*enquiry page style start here*/
    .half-row
    {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    
    
 /*project page style start here*/
    .contact-map-sec .map
    {
        height: 250px;
        }

    .representatives-logo .logo-area span
    {
        margin-top: 0;
    }
    .representatives-logo .logo-area {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
    .representatives-logo .row {
    margin-bottom: 20px;
}
    .availability-table
    {
        overflow-x: scroll;
    }
      .availability-table table
    {
        width: 500px;    margin-bottom: 0;
    }
    
    .construction-image {
    height: 300px;
}
    /*location page style start here*/
    .location-row > .col {
    width: 100%;
}
    .map-wrapper {
    height: 400px;
}
    .section-location {
    padding: 45px 0 30px;
    }


    #introduction .introduction-area {
    padding-bottom: 0;
}
.introduction-area .image-area
{
    position: static;
}
.representatives-logo .row
	{
		width:100%
	}
}