/* =========================== */
/* 1700px width */
/* =========================== */
@media (max-width: 1700px) {
    
    /* About Page */
    .page.page-about .content .section-3 .sec-inner .about-slider .slider-inner .slide .slide-text .slide-name h2 {
        font-size: 30px;
    }
    .page.page-about .content .section-3 .sec-inner .about-slider .slider-inner .slide .slide-text {
        width: 85%;
    }

}


/* =========================== */
/* 1550px width */
/* =========================== */
@media (max-width: 1550px) {
    
    /* Home Page */
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-left {
        width: 40%;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right {
        width: 60%;
    }

    /* Blog Archive */
    .page.page-news .content .section-2 .sec-inner .posts .post .post-left {
        width: 40%;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right {
        width: 60%;
    }

}


/* =========================== */
/* 1450px width */
/* =========================== */
@media (max-width: 1450px) {
    
    /* Specs Page */
    .page.page-specs .content .section-3 .sec-inner .specs-slider .slider-inner .slick-arrow.slick-prev {
        left: 20px;
    }
    .page.page-specs .content .section-3 .sec-inner .specs-slider .slider-inner .slick-arrow.slick-next {
        right: 20px;
    }
    .page.page-specs .content .section-3 .sec-inner .specs-slider .slider-inner .slick-arrow .btn-icon svg path {
        fill: #fff;
    }

}


/* =========================== */
/* 1350px width */
/* =========================== */
@media (max-width: 1350px) {

    /* Header */
    header.site-header .header-content {
        padding: 0px 5%;
    }

    /* Home Page */
    .page.page-home .content .section-3 .sec-inner .small-slider {
        padding: 50px 30px;
        padding-top: 70px;
    }
    .page.page-home .content .section-3 .sec-inner .small-slider .slider-inner .slick-arrow.slick-prev {
        right: -5px;
    }
    .page.page-home .content .section-3 .sec-inner .small-slider .slider-inner .slick-arrow.slick-next {
        left: -5px;
    }

    /* Footer */
    footer.site-footer .footer-content .footer-top {
        padding: 100px 5%;
    }
    footer.site-footer .footer-content .footer-bottom {
        padding: 20px 5%;
    }
    footer.site-footer .footer-content .footer-top .contact-links,
    footer.site-footer .footer-content .footer-top .enquire {
        margin-left: 7%
    }

}


/* =========================== */
/* 1300px width */
/* =========================== */
@media (max-width: 1300px) {
    
    /* Home Page */
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right .post-text .post-heading h1 {
        font-size: 25px;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right .post-text .post-excerpt p {
        font-size: 16px;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right .post-text .post-ctas .cta a {
        font-size: 18px;
    }

    /* Blog Archive */
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right .post-text .post-heading h1 {
        font-size: 25px;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right .post-text .post-excerpt p {
        font-size: 16px;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right .post-text .post-ctas .cta a {
        font-size: 18px;
    }

}


/* =========================== */
/* 1260px width */
/* =========================== */
@media (max-width: 1260px) {

    /* Home Page */
    .page.page-home .content .section-2 .sec-inner .text {
        padding: 0px 5%
    }
    .page.page-home .content .section-4 .sec-inner .design-element {
        width: 70%;
    }
    .page.page-home .content .section-8 .sec-inner .design-element {
        width: 70%;
    }
    .page.page-home .content .section-4 .sec-inner .text {
        padding: 0px 5%;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider {
        padding: 0px 5%;
        padding-top: 70px;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide .slide-text {
        padding: 50px 0px;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slick-active .slide .slide-text {
        width: 480px;
        padding: 0px 30px;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide .slide-text .heading {
        width: calc(100% - 60px);
        left: 30px;
    }

    /* Contact Page */
    .page.page-contact .content .section-1 .sec-inner .contact-details .details-inner {
        padding: 0px 5%;
    }
    .page.page-contact .content .section-2 .sec-inner .design-element {
        width: 70%;
    }

    /* Contact Forms */
    .form-container {
        padding: 0px 5%;
    }

    /* Units Page */
    .page.page-units .content .section-2 .sec-inner {
        padding: 0px 5%
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-image {
        height: auto;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text .unit-info {
        padding-top: 20px;
    }

    /* Specs Page */
    .page.page-specs .content .section-2 .sec-inner {
        padding: 0px 5%
    }
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row .spec-value p {
        font-size: 16px;
    }
    .page.page-specs .content .section-3 .sec-inner {
        padding: 0px 5%
    }

    /* Single Unit */
    .page.page-unitSingle .content .section-2 .sec-inner {
        padding: 0px 5%;
    }
    .page.page-unitSingle .content .section-3 .sec-inner {
        padding: 0px 5%;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row .size-heading p,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value:first-child p,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value p {
        font-size: 25px;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-specs .spec .spec-heading p,
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-specs .spec .spec-info p,
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-additions .addons-heading p,
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-additions .addon p {
        font-size: 22px;
    }
    .page.page-unitSingle .content .section-4 .sec-inner .design-element {
        width: 70%;
    }

    /* Vacancy Single */
    .page.page-vacancySingle .content .section-2 .sec-inner .design-element {
        width: 70%;
    }

}


/* =========================== */
/* 1150px width */
/* =========================== */
@media (max-width: 1150px) {

    /* Header */
    header.site-header .header-content .left .main-logo {
        width: 200px;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li {
        margin-left: 30px;
    }
    header.site-header .header-content .right .right-contents .search-inner {
        margin-left: 30px;
    }

    /* Home Page */
    .page.page-home .content .section-3 .sec-inner .text {
        padding: 0px 5%;
    }
    .page.page-home .content .section-3 .sec-inner .small-slider .slider-inner .slide .slide-image {
        margin: 0px calc(50% - 90px);
    }
    .page.page-home .content .section-3 .sec-inner .small-slider .slider-inner .slick-center .slide .slide-image {
        margin: 0px calc(50% - 100px);
        margin-top: -20px;
    }
    .page.page-home .content .section-3 .sec-inner .small-slider .slider-inner .slide {
        min-height: 235px;
    }
    .page.page-home .content .section-3 .sec-inner .section-cta {
        margin-top: -70px;
    }
    .page.page-home .content .section-3 .sec-inner .section-cta a {
        margin: 0px calc(50% - 100px);
    }

    /* Technical Pages */
    .page.page-tech .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }

    /* Blog Single */
    .page.page-blogSingle .content .section-2 .sec-inner {
        padding: 0px 5%;
    }

    /* Footer */
    footer.site-footer .footer-content .footer-top .footer-logo {
        width: 100%;
        padding-top: 50px;
    }
    footer.site-footer .footer-content .footer-top .footer-logo .image {
        height: auto;
        width: 300px;
        margin: 0px calc(50% - 150px);
    }
    footer.site-footer .footer-content .footer-top {
        padding: 70px 5%;
    }
    footer.site-footer .footer-content .footer-top .enquire {
        float: right;
    }
    footer.site-footer .footer-content .footer-top .contact-links {
        margin-left: 12%;
    }
    footer.site-footer .footer-content .footer-bottom .left {
        width: 100%;
    }
    footer.site-footer .footer-content .footer-bottom .left .tech-nav {
        width: 100%;
    }
    footer.site-footer .footer-content .footer-bottom .left .tech-nav > div,
    footer.site-footer .footer-content .footer-bottom .left .tech-nav > div > ul,
    footer.site-footer .footer-content .footer-bottom .left .tech-nav > div > ul > li,
    footer.site-footer .footer-content .footer-bottom .left .tech-nav > div > ul > li > a {
        width: 100%;
        text-align: center;
        padding: 0px;
    }
    footer.site-footer .footer-content .footer-bottom .left .tech-nav > div > ul > li {
        padding-bottom: 10px;
    }
    footer.site-footer .footer-content .footer-bottom .right {
        margin: 0px calc(50% - 214px);
        padding-top: 10px;
    }

}


/* =========================== */
/* 1100px width */
/* =========================== */
@media (max-width: 1100px) {

    /* Units Page */
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit {
        width: calc(50% - 20px);
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit:nth-child(3n - 1) {
        margin: 0px;
        margin-bottom: 25px;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit:nth-child(even) {
        margin-left: 40px;
        margin-bottom: 25px;
    }

    /* Single Unit */
    .page.page-unitSingle .content .section-2 .sec-inner .left .text {
        padding-left: 0px;
    }

}


/* =========================== */
/* 1050px width */
/* =========================== */
@media (max-width: 1050px) {

    /* Home Page */
    .page.page-home .content .section-1 .sec-inner .text {
        padding: 0px 5%
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post:last-child {
        display: none;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post {
        width: 100%;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-left {
        width: 50%;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right {
        width: 50%;
    }
    
    /* Vacancies Page */
    .page.page-vacancies .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }

    /* Vacancy Single */
    .page.page-vacancySingle .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }

    /* Contact Page */
    .page.page-contact .content .section-1 .sec-inner .contact-details .details-inner .detail {
        width: 100%;
    }
    .page.page-contact .content .section-1 .sec-inner .contact-details .details-inner .detail:nth-child(even) {
        margin: 45px 0px;
    }

    /* Single Unit */
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-specs {
        width: 100%;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .bottom {
        padding-top: 40px;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-additions {
        width: 100%;
        margin-top: 40px;
    }

    /* Blog Archive */
    .page.page-news .content .section-2 .sec-inner .posts .post {
        width: 100%;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-left {
        width: 50%;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right {
        width: 50%;
    }

}


/* =========================== */
/* 950px width */
/* =========================== */
@media (max-width: 950px) {

    /* Header */
    header.site-header .header-content .right .right-contents {
        position: absolute;
        left: 0px;
        top: 100px;
        background: #009CBD;
        width: 100%;
        padding: 10px 5%;
        height: calc(100vh - 100px);
        display: none;
    }
    header.site-header .header-content .right.isActive .right-contents {
        display: block;
    }
    header.site-header .header-content .right .right-contents .home-link {
        width: 100%;
        padding: 10px 0px;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container {
        width: 100%;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul {
        width: 100%;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li {
        width: 100%;
        margin: 0px;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li > a {
        padding: 10px 0px;
    }
    header.site-header .header-content .right .right-contents .search-inner {
        margin: 0px;
        padding: 10px 0px;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li > ul {
        float: left;
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        box-shadow: none;
        display: none;
        background: rgba(255, 255, 255, 0.15);
        margin-bottom: 15px;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li:hover > ul {
        display: none;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li.isActive > ul {
        display: block;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li:hover > ul {
        box-shadow: none;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li:hover > ul > li {
        -webkit-animation-name: none;
        animation-name: none;
    }
    header.site-header .header-content .right .right-contents .search-inner .search-box form input {
        background: rgba(255, 255, 255, 0.15);
        border: 2px solid #fff;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li > ul > li > a::before {
        border: solid #fff;
        border-width: 0 3px 3px 0;
    }
    header.site-header .header-content .right .menu-button {
        display: block;
        padding: 37px 0px;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li > ul > li {
        width: 100%;
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li.menu-item-has-children::before {
        content: "";
        width: auto;
        height: auto;
        position: absolute;
        right: 0px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        padding: 3px;
        top: 10px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    header.site-header .header-content .right .right-contents .menu-main-menu-container > ul > li.menu-item-has-children.isActive::before {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    /* Home Page */
    .page.page-home .content .section-1 .sec-inner .landing-slider .slider-inner .slide .slide-image {
        height: 60vh;
    }
    .page.page-home .content .section-5 .video-container .video-img {
        height: 60vh;
    }
    
    /* About Page */
    .page.page-about .content .section-1 .sec-inner .header-image {
        height: 60vh;
    }
    .page.page-about .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }
    .page.page-about .content .section-2 .sec-inner .text {
        padding: 0px 5%;
    }

    /* Delivery Page */
    .page.page-delivery .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }
    .page.page-delivery .content .section-2 .sec-inner {
        padding: 0px 5%;
    }
    .page.page-delivery .content .section-2 .sec-inner .text .heading h1 {
        font-size: 40px;
    }
    .page.page-delivery .content .section-1 .sec-inner .header-image {
        height: 60vh;
    }
    .page.page-delivery .content .section-1 .sec-inner .header-image .image img {
        object-position: right;
    }

    /* Contact Page */
    .page.page-contact .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }

    /* Units Page */
    .page.page-units .content .section-1 .sec-inner .text {
        padding: 0px 5%
    }
    .page.page-units .content .section-1 .sec-inner .header-image {
        height: 60vh;
    }

    /* Single Unit */
    .page.page-unitSingle .content .section-1 .sec-inner .text {
        padding: 0px 5%
    }
    .page.page-unitSingle .content .section-1 .sec-inner .header-image {
        height: 60vh;
    }

    /* Specs Page */
    .page.page-specs .content .section-1 .sec-inner .text {
        padding: 0px 5%
    }
    .page.page-specs .content .section-1 .sec-inner .header-image {
        height: 60vh;
    }

    /* Assembly Page */
    .page.page-assembly .content .section-2 .sec-inner {
        padding: 0px 5%;
    }
    .page.page-assembly .content .section-2 .sec-inner .text .heading h1 {
        font-size: 40px;
    }
    .page.page-assembly .content .section-1 .sec-inner .text {
        padding: 0px 5%;
    }
    .page.page-assembly .content .section-1 .video-container .video-img {
        height: 60vh;
    }

    /* Blog Single */
    .page.page-blogSingle .content .section-3 .video-container .video-img {
        height: 60vh;
    }
    .page.page-blogSingle .content .section-1 .sec-inner .text .heading h1 {
        font-size: 40px;
    }
    .page.page-blogSingle .content .section-1 .sec-inner .header-image {
        height: 60vh;
    }
    

}


/* =========================== */
/* 900px width */
/* =========================== */
@media (max-width: 900px) {

    /* Home Page */
    .page.page-home .content .section-2 .sec-inner .bullet-points .bullet {
        width: 100%;
    }
    .page.page-home .content .section-2 .sec-inner .bullet-points .bullet:nth-child(odd) {
        margin-right: 0px;
    }
    .page.page-home .content .section-4 .sec-inner .text .bullet-points .bullet {
        width: 100%;
    }
    .page.page-home .content .section-5 .sec-inner .text .paragraph {
        padding: 0px 5%;
    }
    .page.page-home .content .section-6 .sec-inner .text {
        padding: 0px 5%;
    }

    /* Contact Forms */
    .form-container .form-text .form-paragraph,
    .page.page-vacancySingle .content .section-2 .sec-inner .form-container .form-text .form-paragraph {
        padding: 0px;
    }
    .page.page-home .content .section-4 .sec-inner .text .bullet-points .bullet:nth-child(odd) {
        margin-right: 0px;
    }
    .page.page-home .content .section-4 .sec-inner .section-cta {
        padding-top: 80px;
    }

    /* Specs Page */
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row .spec-value p {
        font-size: 14px;
    }

    /* Single Unit */
    .page.page-unitSingle .content .section-2 .sec-inner .left {
        width: 100%;
        display: block;
        float: left;
        padding-right: 0px;
        padding-top: 100px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .right {
        width: 100%;
        display: block;
        float: left;
        padding-left: 0px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text {
        top: auto;
        transform: none;
        position: relative;
    }
    .page.page-unitSingle .content .section-2 .sec-inner {
        display: flex;
        flex-direction: column-reverse;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .right .product-image {
        width: 300px;
        margin: 0px calc(50% - 150px);
    }
    .page.page-unitSingle .content .section-2 {
        padding-top: 50px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text .product-name p {
        text-align: center;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text .product-code p {
        text-align: center;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row .size-heading p,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value:first-child p,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value p {
        font-size: 16px;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-specs .spec .spec-heading p,
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-specs .spec .spec-info p,
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-additions .addons-heading p,
    .page.page-unitSingle .content .section-3 .sec-inner .bottom .product-additions .addon p {
        font-size: 16px;
    }

}


/* =========================== */
/* 800px width */
/* =========================== */
@media (max-width: 800px) {
    
    /* Overall */
    h1 {
        font-size: 50px;
    }

    /* Home Page */
    .page.page-home .content .section-2 .sec-inner .text .heading h1,
    .page.page-home .content .section-3 .sec-inner .text .heading h1,
    .page.page-home .content .section-4 .sec-inner .text .heading h1,
    .page.page-home .content .section-5 .sec-inner .text .heading h1,
    .page.page-home .content .section-5 .sec-inner .text .heading h1 {
        font-size: 40px;
    }

    /* Units Page */
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text .unit-name p {
        font-size: 24px;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text .unit-code p {
        font-size: 20px;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text {
        padding: 25px 20px
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text .unit-link {
        left: 20px;
        bottom: 25px;
    }

}


/* =========================== */
/* 768px width */
/* =========================== */
@media (max-width: 768px) {

    /* Contact Forms */
    .form-container > div form .form-left,
    .form-container > div form .form-right {
        width: 100%;
        float: left;
    }
    .form-container > div form .form-row.send-row > span {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .form-container .form-text .form-heading h2 {
        font-size: 60px;
    }
    .form-container > div form .form-row .selection .select-options {
        position: relative;
        top: 10px;
    }

}


/* =========================== */
/* 750px width */
/* =========================== */
@media (max-width: 750px) {

    /* Home Page */
    .page.page-home .content .section-3 .sec-inner .small-slider {
        display: none;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slick-arrow {
        display: block !important;
    }
    .page.page-home .content .section-3 .sec-inner .section-cta {
        margin-top: 10px;
    }

    /* Blog Single */
    .page.page-blogSingle .content .section-4 .sec-inner .article-links {
        padding: 0px 5%;
    }
    .page.page-blogSingle .content .section-4 .sec-inner .article-links .link {
        width: auto;
        margin-right: 30%;
    }
    .page.page-blogSingle .content .section-4 .sec-inner .article-links .link.allLink {
        text-align: left;
    }
    .page.page-blogSingle .content .section-4 .sec-inner .article-links .link.nextLink {
        text-align: left;
    }

    /* Footer */
    footer.site-footer .footer-content .footer-top .linkset,
    footer.site-footer .footer-content .footer-top .linkset > div,
    footer.site-footer .footer-content .footer-top .linkset > div > ul,
    footer.site-footer .footer-content .footer-top .linkset > div > ul > li,
    footer.site-footer .footer-content .footer-top .linkset > div > ul > li > a {
        width: 100%;
        text-align: center;
    }
    footer.site-footer .footer-content .footer-top .contact-links {
        margin-left: 0px;
        padding: 40px 0px;
    }
    footer.site-footer .footer-content .footer-top .contact-links,
    footer.site-footer .footer-content .footer-top .contact-links .links-row,
    footer.site-footer .footer-content .footer-top .contact-links .links-row > a {
        width: 100%;
        text-align: center;
    }
    footer.site-footer .footer-content .footer-top .contact-links .links-row.socialLinks {
        width: auto;
        margin: 0px calc(50% - 72.5px);
    }
    footer.site-footer .footer-content .footer-top .enquire {
        float: left;
        margin: 0px calc(50% - 59px);
    }

}


/* =========================== */
/* 700px width */
/* =========================== */
@media (max-width: 700px) {

    /* Units Page */
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit {
        width: 100%;
        margin-bottom: 40px;
        padding-bottom: 105px;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit:nth-child(even) {
        margin-left: 0px;
        margin-bottom: 40px;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text {
        padding: 15px 20px;
        height: 95px;
    }
    .page.page-units .content .section-2 .sec-inner .units .units-inner .unit .unit-text .unit-info p {
        font-size: 14px;
    }

}


/* =========================== */
/* 600px width */
/* =========================== */
@media (max-width: 600px) {
    
    /* Overall */
    h1 {
        font-size: 35px;
    }
    p {
        font-size: 15px;
    }
    h3 {
        font-size: 20px;
    }
    a.primary-btn {
        font-size: 20px;
    }
    a.secondary-btn {
        font-size: 20px;
    }
    h2 {
        font-size: 25px;
    }
    .page.page-tech .content .section-1 .sec-inner .text .paragraph h6 {
        font-size: 15px;
    }

    /* Header */
    header.site-header .header-content .left .main-logo {
        height: 40px;
        width: 160px;
    }
    header.site-header .header-content .right .menu-button {
        padding: 27px 0px;
    }
    header.site-header .header-content .right .right-contents {
        top: 80px;
        height: calc(100vh - 80px);
    }

    /* Home Page */
    .page.page-home .content {
        padding-top: 80px;
    }
    .page.page-home .content .section-2 .sec-inner .text .heading h1,
    .page.page-home .content .section-3 .sec-inner .text .heading h1,
    .page.page-home .content .section-4 .sec-inner .text .heading h1,
    .page.page-home .content .section-5 .sec-inner .text .heading h1,
    .page.page-home .content .section-6 .sec-inner .text .heading h1 {
        font-size: 30px;
    }
    .page.page-home .content .section-2 .sec-inner .bullet-points .bullet .bullet-icon {
        padding: 10px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
    .page.page-home .content .section-2 .sec-inner .bullet-points .bullet .bullet-text {
        padding-left: 10px;
        margin-left: 55px;
    }
    .page.page-home .content .section-2 .sec-inner .bullet-points .bullet {
        position: relative;
        padding-top: 0px;
        margin-top: 10px;
    }
    .page.page-home .content .section-2 .sec-inner .text .heading {
        padding-bottom: 20px;
    }
    .page.page-home .content .section-5 .video-container .video-play-btn {
        width: 80px;
        height: 80px;
        left: calc(50% - 40px);
        bottom: calc(50% - 40px);
    }
    .page.page-home .content .section-5 .video-container .video-play-btn .video-play-inner button span {
        transform: scale(2);
    }
    .page.page-home .content .section-5 .video-container .video-play-btn.move-btn {
        transform: scale(0.7);
        left: 0px;
        bottom: 0px;
    }
    .page.page-home .content .section-5 .video-container .video-play-btn.move-btn .video-play-inner button span {
        transform: scale(1.2);
        padding-left: 0px;
    }
    .page.page-home .content .section-5 .video-container .click-to-pause {
        display: none;
    }
    .page.page-home .content .section-4 .sec-inner .section-cta a {
        margin: 0px calc(50% - 81px);
    }
    .page.page-home .content .section-5 .sec-inner .section-cta a {
        margin: 0px calc(50% - 150px);
    }
    .page.page-home .content .section-6 .sec-inner .text .section-cta a {
        margin: 0px calc(50% - 63px);
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-left {
        width: 100%;
        float: left;
        display: block;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right {
        width: 100%;
        float: left;
        display: block;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-right .post-text {
        position: relative;
        transform: none;
        left: auto;
        top: auto;
        padding: 40px 5%;
        float: left;
    }
    .page.page-home .content .section-7 .sec-inner .featured-posts .post .post-left .post-image {
        height: 350px;
    }
    .page.page-home .content .section-7 .sec-inner .section-cta a {
        margin: 0px calc(50% - 99px);
    }
    .page.page-home .content .section-1 .sec-inner .landing-slider .slider-inner .slick-arrow.slick-next {
        right: 5%;
    }
    .page.page-home .content .section-1 .sec-inner .landing-slider .slider-inner .slick-arrow.slick-prev {
        left: 5%;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide {
        padding: 0px;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide .slide-text {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        padding: 30px 0px;
        float: left;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slick-active .slide .slide-text {
        width: 100%;
        padding: 30px 15px;
        height: auto;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide .slide-text .heading {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        transform: none;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide .slide-image {
        height: 300px;
        margin-bottom: 15px;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slide .slide-text .heading h2 {
        font-size: 20px;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slick-arrow {
        transform: translateY(50%);
        bottom: 63%;
    }
    .page.page-home .content .section-3 .sec-inner .units-slider .slider-inner .slick-arrow.slick-next {
        transform: rotate(180deg) translateY(-50%);
    }
    .page.page-home .content .section-3 .sec-inner .section-cta {
        margin-top: 30px;
    }

    /* About Page */
    .page.page-about .content .section-1 .sec-inner .text .heading {
        padding-top: 50px;
    }
    .page.page-about .content .section-1 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-about .content .section-2 .sec-inner {
        padding-top: 75px;
    }
    .page.page-about .content .section-2 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-about .content .section-2 .sec-inner .text .section-cta {
        padding-top: 70px;
    }
    .page.page-about .content .section-2 .sec-inner .text .section-cta a {
        margin: 0px calc(50% - 104px);
    }
    .page.page-about .content .section-3 .sec-inner .about-slider .slider-inner .slide .slide-text .slide-info p {
        font-size: 14px;
    }
    .page.page-about .content .section-3 .sec-inner .about-slider .slider-inner .slide .slide-text .slide-name h2 {
        font-size: 25px;
    }
    .page.page-about .content {
        padding-top: 80px;
    }

    /* Vacancy Single */
    .page.page-vacancySingle .content .section-1 .sec-inner .text .vacancy-info .info-row .info-heading,
    .page.page-vacancySingle .content .section-1 .sec-inner .text .vacancy-info .info-row .info-description {
        width: 100%;
    }
    .page.page-vacancies .content .section-1 {
        padding-top: 150px;
    }
    .page.page-vacancies .content .section-1 .sec-inner .text .heading {
        padding-bottom: 40px;
    }
    .page.page-vacancies .content .section-2 {
        padding-top: 40px;
    }
    .page.page-vacancySingle .content .section-2 .sec-inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .page.page-vacancySingle .content .section-1 {
        padding-top: 150px;
    }

    /* Delivery Page */
    .page.page-delivery .content .section-2 .sec-inner .text .heading h1 {
        font-size: 30px;
    }
    .page.page-delivery .content .section-2 .sec-inner .faqs-container .faqs-inner .faq .faq-heading h4 {
        padding-left: 30px;
    }
    .page.page-delivery .content .section-2 .sec-inner .faqs-container .faqs-inner .faq .faq-heading h4::before {
        left: 0px;
    }
    .page.page-delivery .content .section-2 .sec-inner .faqs-container .faqs-inner .faq .faq-content {
        padding-left: 30px;
    }
    .page.page-delivery .content .section-1 .sec-inner .text .heading {
        padding-top: 50px;
    }
    .page.page-delivery .content .section-1 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-delivery .content {
        padding-top: 80px;
    }

    /* Contact Forms */
    .form-container {
        padding: 0px 5%;
    }
    .form-container .form-text {
        padding-bottom: 50px;
    }
    .form-container .form-text .form-heading h2 {
        font-size: 35px;
    }
    .form-container .form-text .form-paragraph p {
        font-size: 14px;
    }
    .form-container > div form .form-row {
        display: flex;
        flex-direction: column;
    }
    .form-container > div form .form-row .captcha-input {
        float: left;
        margin-right: 0px;
        width: 100%;
    }
    .form-container > div form .form-row p {
        order: 3;
    }
    .form-container > div form .form-row .captcha-input > div {
        transform: none;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .form-container > div form .form-row.send-row .file-row {
        margin-bottom: 20px;
    }
    .form-container > div form .form-row button {
        float: left;
        order: 2;
    }
    .form-container > div form .form-row.send-row .file-row .fileName {
        float: left;
        width: auto;
        height: auto;
    }

    /* Specs Page */
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row .spec-value {
        width: 100%;
        height: auto;
        border-left: none;
        border-bottom: 1px solid #fff;
        display: block;
        float: left;
    }
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row .spec-value:last-child {
        border-bottom: none;
    }
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row .spec-value:first-child p {
        text-align: center;
    }
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row:nth-child(even) .spec-value {
        border-bottom: 1px solid rgba(70, 154, 176, 0.6);
    }
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row:nth-child(even) .spec-value:last-child {
        border-bottom: none;
    }
    .page.page-specs .content .section-2 .sec-inner .table-container .specs-table .spec-row {
        margin: 20px 0px;
    }
    .page.page-specs .content .section-1 .sec-inner .text .heading {
        padding-top: 50px;
    }
    .page.page-specs .content .section-1 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-specs .content {
        padding-top: 80px;
    }
    .page.page-specs .content .section-4 .sec-inner .section-cta a {
        margin: 0px calc(50% - 82px);
    }

    /* Contact Page */
    .page.page-contact .content .section-1 {
        padding-top: 150px;
    }
    .page.page-contact .content .section-1 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-contact .content .section-1 .sec-inner .contact-details {
        padding-top: 50px;
    }

    /* Assembly Page */
    .page.page-assembly .content .section-2 .sec-inner .text .heading h1 {
        font-size: 30px;
    }
    .page.page-assembly .content .section-2 .sec-inner .faqs-container .faqs-inner .faq .faq-heading h4 {
        padding-left: 30px;
    }
    .page.page-assembly .content .section-2 .sec-inner .faqs-container .faqs-inner .faq .faq-heading h4::before {
        left: 0px;
    }
    .page.page-assembly .content .section-2 .sec-inner .faqs-container .faqs-inner .faq .faq-content {
        padding-left: 30px;
    }
    .page.page-assembly .content .section-1 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-assembly .content .section-1 .sec-inner .text .heading {
        padding-top: 50px;
    }
    .page.page-assembly .content .section-1 .video-container .video-play-btn {
        width: 80px;
        height: 80px;
        left: calc(50% - 40px);
        bottom: calc(50% - 40px);
    }
    .page.page-assembly .content .section-1 .video-container .video-play-btn .video-play-inner button span {
        transform: scale(2);
    }
    .page.page-assembly .content .section-1 .video-container .video-play-btn.move-btn {
        transform: scale(0.7);
        left: 0px;
        bottom: 0px;
    }
    .page.page-assembly .content .section-1 .video-container .video-play-btn.move-btn .video-play-inner button span {
        transform: scale(1.2);
        padding-left: 0px;
    }
    .page.page-assembly .content .section-1 .video-container .click-to-pause {
        display: none;
    }
    .page.page-assembly .content {
        padding-top: 80px;
    }

    /* Units Page */
    .page.page-units .content .section-1 .sec-inner .text .paragraph {
        padding-top: 30px;
    }
    .page.page-units .content .section-1 .sec-inner .text .heading {
        padding-top: 50px;
    }
    .page.page-units .content {
        padding-top: 80px;
    }

    /* Single Unit */
    .page.page-unitSingle .content .section-1 .sec-inner .text .heading {
        padding-top: 50px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text .product-name p {
        font-size: 27px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text .product-code p {
        font-size: 27px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text .product-description {
        padding-bottom: 30px;
    }
    .page.page-unitSingle .content .section-2 .sec-inner .left .text .product-enquire {
        padding-right: 0px;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row {
        display: block;
        width: 50%;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row .size-heading,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value {
        display: block;
        float: left;
        width: 100%;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row .size-heading {
        border-left: none;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value:first-child {
        border-left: 3px solid #fff;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row {
        border-bottom: none;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .headings-row .size-heading,
    .page.page-unitSingle .content .section-3 .sec-inner .top .table-container .size-table .size-row .size-value {
        border-bottom: 3px solid #fff;
    }
    .page.page-unitSingle .content {
        padding-top: 80px;
    }
    .page.page-unitSingle .content .section-3 .sec-inner .section-cta a {
        margin: 0px calc(50% - 82px);
    }

    /* Technical Pages */
    .page.page-tech .content .section-1 .sec-inner .text .paragraph {
        padding-top: 40px;
    }
    .page.page-tech .content {
        padding-top: 150px;
    }

    /* Blog Archive */
    .page.page-news .content .section-2 .sec-inner .posts .post .post-left {
        width: 100%;
        float: left;
        display: block;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right {
        width: 100%;
        float: left;
        display: block;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-right .post-text {
        position: relative;
        transform: none;
        left: auto;
        top: auto;
        padding: 40px 5%;
        float: left;
    }
    .page.page-news .content .section-2 .sec-inner .posts .post .post-left .post-image {
        height: 350px;
    }
    .page.page-news .content .section-1 {
        padding-top: 150px;
    }
    .page.page-news .content .section-1 .sec-inner .text .heading {
        padding-bottom: 0px;
    }

    /* Blog Single */
    .page.page-blogSingle .content .section-3 .video-container .video-play-btn {
        width: 80px;
        height: 80px;
        left: calc(50% - 40px);
        bottom: calc(50% - 40px);
    }
    .page.page-blogSingle .content .section-3 .video-container .video-play-btn .video-play-inner button span {
        transform: scale(2);
    }
    .page.page-blogSingle .content .section-3 .video-container .video-play-btn.move-btn {
        transform: scale(0.7);
        left: 0px;
        bottom: 0px;
    }
    .page.page-blogSingle .content .section-3 .video-container .video-play-btn.move-btn .video-play-inner button span {
        transform: scale(1.2);
        padding-left: 0px;
    }
    .page.page-blogSingle .content .section-3 .video-container .click-to-pause {
        display: none;
    }
    .page.page-blogSingle .content .section-1 .sec-inner .text .heading h1 {
        text-align: center;
        font-size: 35px;
    }
    .page.page-blogSingle .content .section-2 {
        padding-top: 45px;
    }
    .page.page-blogSingle .content .section-2 .sec-inner .the-content p img {
        padding: 0px;
    }
    .page.page-blogSingle .content .section-1 {
        padding-top: 80px;
    }
    .page.page-blogSingle .content .section-4 .sec-inner .article-links .link a {
        font-size: 16px;
    }

    /* Footer */
    footer.site-footer .footer-content .footer-bottom .right .logos a {
        width: 100%;
        margin: 10px 0px;
    }
    footer.site-footer .footer-content .footer-bottom .right {
        padding-top: 0px;
        width: 100%;
        margin: 0px;
    }
    footer.site-footer .footer-content .footer-bottom .right .logos a .logo img {
        float: none;
    }
    footer.site-footer .footer-content .footer-bottom .right .logos a .logo {
        text-align: center;
        width: 100%;
    }
    footer.site-footer .footer-content .footer-bottom .right .logos {
        width: 100%;
    }

}