﻿/*********
***************************
            RESPONSIVE DESIGN
*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}

/* IPAD PRO 12.9 retna landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 2732px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}

@media (min-width: 992px) {
    mb-md-0 {
        margin-bottom: 0px !important;
    }
}

/* IPAD PRO 12.9 retna protrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 2732px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }
}




.national-coverage-text img {
    max-width: 100%;
}

.navbar-nav > li.li-desk-hide {
    display: none;
}

li.mobile-menu-button {
    margin-left: 8px;
}

.menu-toggle * {
    transition: .25s ease-in-out;
}

.menu-toggle {
    margin-left: 8px;
    display: none;
    width: 40px;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    cursor: pointer;
    transition: .25s ease-in-out;
    box-sizing: border-box;
    border-radius: 5px;
}

.menu-toggle span {
    display: block;
    background: #ffffff;
    border-radius: 2px;
}

.menu-toggle .hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}

.menu-toggle .hamburger span {
    width: 24px;
    height: 3px;
    position: relative;
    top: 8px;
    left: 8px;
    margin: 4px 0;
}

.menu-toggle .hamburger span:nth-child(1) {
    transition-delay: .5s;
}

.menu-toggle .hamburger span:nth-child(2) {
    transition-delay: .625s;
}

.menu-toggle .hamburger span:nth-child(3) {
    transition-delay: .75s;
}

.menu-toggle .cross {
    position: absolute;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
}

.menu-toggle .cross span:nth-child(1) {
    height: 0%;
    width: 3px;
    position: absolute;
    top: 17.5%;
    left: 19.2px;
    transition-delay: 0s;
}

.menu-toggle .cross span:nth-child(2) {
    width: 0%;
    height: 3px;
    position: absolute;
    left: 17.5%;
    top: 19.2px;
    transition-delay: .25s;
}

.menu-toggle.open .hamburger span {
    width: 0%;
}

.menu-toggle.open .hamburger span:nth-child(1) {
    transition-delay: 0s;
}

.menu-toggle.open .hamburger span:nth-child(2) {
    transition-delay: .125s;
}

.menu-toggle.open .hamburger span:nth-child(3) {
    transition-delay: .25s;
}

.menu-toggle.open .cross span:nth-child(1) {
    height: 65%;
    transition-delay: .625s;
}

.menu-toggle.open .cross span:nth-child(2) {
    width: 65%;
    transition-delay: .375s;
}


.extra-mobile-links, .li-desk-hide {
    display: none;
}

.li-desk-fa-hide .fa {
    display: none;
}

.accoutswitch .fa {
    display: none;
    font-size: 20px;
}

.menuli {
    display: none !important;
    padding: 15px;
    cursor: pointer;
    float: right;
}

@media only screen and (max-width: 1210px) {
    .machine-link .col-sm-4 {
        width: 50%;
    }
}

@media only screen and (max-width: 1200px) {
    .buy-now-cont .dft-button.t2 {
        font-size: 28px;
    }

    .buy-now-cont .bnc-from {
        font-size: 28px;
    }

    .buy-now-cont .bnc-price span {
        font-size: 57px;
        font-weight: 900;
        line-height: 64px;
    }
}

@media only screen and (max-width: 1050px) {
    .gt-number-cont {
        width: 170px;
        height: 170px;
        padding: 30px 5px;
    }

        .gt-number-cont:hover {
            padding: 26px 5px;
        }

        .gt-number-cont span {
            font-size: 18px;
            line-height: 20px;
        }

        .gt-number-cont p {
            font-size: 40px !important;
            line-height: 40px;
        }


    .main_menu ul li { /*padding-left:2.5%; padding-right:2.5%;*/
    }

    .accoutswitch .fa {
        display: block;
    }

    span.acctext {
        display: none;
    }

    li.opacchide {
        display: none;
    }

    .content-page-banner-full {
        background-size: cover;
        background-position: center;
    }

    .sales-image-text span p {
        font-size: 26px;
    }

    .first-aid-text span p {
        font-size: 24px;
    }

    .first-aid-text p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 980px) {
    .mh-r {
        float: left;
    }

    .mh-m {
        width: calc(100% - 230px);
    }

    .mh-lg {
        width: 100%;
        float: left;
    }

    .sales-image-text, .first-aid-text {
        max-width: 250px;
        width: 90%;
    }

    .sales-image.six2 .sales-image-text, first-aid.six2 .first-aid-text {
        max-width: none;
    }
}

@media only screen and (max-width: 920px) {

    .training-banner h1 {
        font-size: 4rem !important;
    }

    .training-banner h2 {
        font-size: 2rem !important;
    }

    #pnlResults {
        top: 155px;
    }

    /*.header-cont.shrink #pnlResults {
        top: 104px;
    }

    .header-cont.shrink .header-left img {
        width: 45px;
    }*/
    
    .menu-toggle {
        display: block;
    }

    .right-nav > li.li-mob-hide {
        display: none;
    }

    .li-desk-fa-hide .fa {
        display: block;
    }

    .right-nav > li.li-desk-hide {
        display: block;
    }

    .top-menu {
        display: none;
    }

    .right-nav {
    }

        .right-nav > li {
            display: block;
            float: left;
        }

    li.opacchide {
        display: none;
    }

    .right-nav li > a {
        float: left;
    }

    nav.navbar {
        display: block;
    }

    .navbar-nav {
        margin: 0px;
    }

    .menuli {
        display: block !important;
    }

    .purchase-boxes .col-md-6, .purchase-boxes .col-xs-6 {
        width: 48%;
    }

    .header-left img {
        width: 110px;
    }

    #iapa-logo-container img,
    .slogan-cont img {
        width: 100px;
    }

    .header-contact-info {
        margin-top: 11px;
        margin-top: 0px;
    }

    .right-nav {
        margin-top: -46px;
    }

    .header-contact-info span, .header-contact-info a {
        display: none;
    }


    nav.navbar {
        position: fixed;
        overflow: auto;
        right: -350px;
        top: 0;
        bottom: 0px;
        background: #000;
        width: 350px;
        z-index: 200;
        transition: right 0.4s ease;
    }

    nav.navbar.open {
        right: 0;
    }

    nav .navbar-nav > li {
        float: none;
        display: block;
    }

    .navbar ul {
        width: 100%;
    }

    nav.navbar ul li a {
        display: block;
        width: 100%;
        text-transform: none;
        text-decoration: none;
    }


        nav.navbar ul li a:hover {
            border: 0px;
            padding: 10px 10px;
        }

    .extra-mobile-links a {
        text-decoration: none;
    }

    nav .extra-mobile-links {
        display: block;
    }

    nav .navbar-nav li {
        border-bottom: 1px solid #333;
    }

    .main-menu-container .col-cont {
        width: 100%;
    }

    a.openSearch {
        font-size: 20px;
    }

    a.hasicon {
        font-size: 21px;
    }
}

@media only screen and (max-width: 900px) {
    .ipaf-img-left {
        text-align: center;
        width: 100%;
    }

    .ipaf-right {
        margin: 10px 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 850px) {
    .contactback ul > li {
        width: 23.7%;
    }

    .c-service.c-3 .c-icon {
        height: 118px;
        width: 118px;
    }

    .c-text h4 {
        padding: 5px 10px;
        font-size: 19px;
    }

    .c-text small {
        display: none;
    }

    .c-service.c-3 {
        margin-top: -128px;
    }

    .center-large {
        padding: 25px 15px;
    }


    .full-back {
        height: 600px;
    }

        .full-back.white-board {
            height: auto;
        }

    .center-large h3 {
        font-size: 3em;
        margin: 20px 0px;
    }

    .white-board .center-large h3 {
        margin-top: 280px;
    }

    .center-large h4 {
        font-size: 2em;
    }

    .center-large p {
        font-size: 19px;
    }


    .col-g5 {
        width: 33.3333%;
        margin-bottom: 20px;
    }

        .col-g5.gta-grid-box {
            width: 33.3333%;
            margin-bottom: 20px;
        }

    .gta-grid-box-outter a:nth-child(4) .col-g5.gta-grid-box, .gta-grid-box-outter .col-g5.gta-grid-box:nth-child(4), .gta-grid-box-outter a:nth-child(4) .col-g5, .gta-grid-box-outter .col-g5:nth-child(4) {
        margin-left: 16.665%;
        clear: left;
    }
}

@media only screen and (max-width: 797px) {
    .row {
        margin: 0px;
    }

    #varValid.row {
        margin-left: -15px;
        margin-right: -15px;
    }


    .news-grid-item .col-sm-7, .news-grid-item .col-sm-5 {
        display: block;
        float: left;
    }

    .news-grid-item .col-sm-7, .news-grid-item .col-sm-5 {
        width: 100%;
    }

    .news-grid-item .col-sm-5 {
        height: 200px;
    }
}


@media only screen and (max-width: 992px) { /* BOOTRAP MD */





    .downloads-container a p {
        width: auto;
        font-size: 15px;
    }

    .careers-right-social {
        text-align: center;
        width: 100%;
    }

    .location-width {
        width: 100%;
    }

    .col-section-banner.large-section.gt-secure-img {
        height: 400px;
    }

    .slider::-ms-thumb {
        width: 20px;
    }

    #filter-section-5 {
        max-width: 90%;
        margin: auto;
    }

    .slider::-webkit-slider-thumb {
        width: 20px;
    }

    .slider::-moz-range-thumb {
        width: 20px;
    }

    .col-sm-6.col-g5 {
        width: 50%;
    }

    .industries-box.height1 div, .industries-box.height2 div {
        height: 380px;
    }

    .industries-box.height3 div {
        height: 280px;
    }

    .industries-box.height4 div {
        height: 280px;
    }

    .industries-box.height1 span p.ggt-p1, .industries-box.height2 span p.ggt-p1 {
        font-size: 28px;
    }

    .col-md-4 .industries-box.height2 .ggt-p1, .col-g5 .industries-box.height4 .ggt-p1 {
        font-size: 24px;
    }


    .col-md-3 .industries-box.height3 .ggt-p1 {
        font-size: 24px;
    }

    .large-4-corners .dft-button.t2 {
        float: none;
        margin-top: 0px;
    }

    .home-news [class*="col-"] {
        width: 100%;
    }

    .home-news .col-md-5 .col-sm-12, .home-news .col-md-5 .col-sm-6 {
        height: 333.5px;
    }

    .container {
        width: 96%;
        width: calc(100% - 30px);
    }

    .gta-grid-box {
        min-height: unset;
    }

    .tickercontainer .gta-grid-box {
        min-height: 200px;
    }


    #course-selection .course-selection-section {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) { /* BOOTRAP SMALL */

    .ipaf-yellow .courses-3 .col-sm-4:nth-child(3) {
        border: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .careers-first .col-sm-12, .col-sm-12.careers-cont, .col-sm-12.careers-details {
        padding-left: 0px;
        padding-right: 0px;
    }

    .careers-details h1 {
        font-size: 32px;
    }

    .sales-image, .first-aid {
        height: auto;
    }

    .slide-box.slide-large .slide-box-header {
        font-size: 24px;
    }

    #newspager {
        display: block !important;
    }

    .news-inner {
        margin-bottom: 20px;
    }


    .hide--sm {
        display: none;
    }

    .slider-div {
        margin-top: 30px;
    }

    .contract-large.b-tab h4 {
        font-size: 2.2em;
    }

    .contract-large.b-tab p {
        font-size: 25px;
    }

    .long-tab {
        max-width: 350px;
        margin: 10px auto;
    }


    .col-section-banner.large-section {
        max-height: 500px;
    }

    .machine-hire-examples .col-section-banner {
        background-size: contain;
    }


    .career-info {
        margin: 20px 0px !important;
    }

    .news-text {
        float: left;
    }

    .ad-1-h1, .ad-1-h2 {
        font-size: 2em;
        margin: 10px 0px;
    }

    .ad-box-2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .training-info-icon {
        width: 100%;
        margin: 0px;
    }

        .training-info-icon p, .training-info-icon img {
            float: left;
        }

        .training-info-icon img {
            margin-right: 20px;
        }

    .content-page-banner-full, .content-page-banner, .bluredback-new, .fixed-background {
        background-attachment: unset;
    }





        .content-page-banner.machine-page-banner {
            background-size: cover;
        }

    .content-page-banner {
        padding-top: 280px;
    }

    .product_info_cont h3, .machine-details h1 {
        font-size: 42px;
        line-height: 50px;
        word-wrap: break-word;
    }

    .news-letter input {
        max-width: none;
        min-width: unset;
    }

    .center-large h3 {
        font-size: 2.6em;
    }

    .center-large h4 {
        font-size: 1.6em;
    }

    .center-large p {
        font-size: 18px;
    }

    #map {
        float: left;
    }



    .col-sm-6.col-g5 {
        width: 100%;
    }

    .home-news .col-md-5 {
        display: none;
    }

    .home-news .col-sm-8, .home-news .col-sm-4 {
        height: 300px;
    }

    span.home-news-tab small p {
        font-size: 12px;
    }

    span.home-news-tab p {
        font-size: 21px;
    }

        span.home-news-tab p.news-content {
            font-size: 14px;
        }

    .center-large h2, .center-large h1 {
        font-size: 4em;
    }

    .core-services-section, .core-services-section.c-3 {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
    }

    .c-service, .c-service.c-3 {
        width: 100%;
        margin-top: 0px;
        float: left;
    }

    .c-service {
        width: 50%;
    }

        .c-service:nth-child(5) {
            margin-left: 25%;
        }


        .c-service.c-3 .c-icon, .c-icon {
            height: 70px;
            width: 70px;
            margin-top: 0px;
        }


        .c-text, .c-service.c-3 .c-text {
            margin-top: 0px;
        }

    .c-icon {
        float: left;
        background-size: cover;
    }

    .c-text h4, .c-service.c-3 .c-text h4 {
        line-height: normal;
        padding: 10px 0px;
        max-width: none;
    }

    .footer-links {
        padding: 15px 0px;
    }

    .footer-bottom {
        text-align: center;
    }

        .footer-bottom span {
            float: none;
            display: block;
        }

    .connect-gta {
        text-align: center;
    }

    .link-box:last-child {
        padding: 5px 0px;
    }

    .link-box {
        padding: 5px 0px;
        width: 100%;
    }

    .link-header {
        cursor: pointer;
    }

    .link-box span {
        font-size: 19px;
        font-weight: 400;
    }

    .link-body {
        display: none;
    }

    .link-header .fa {
        top: 0px;
        right: 0px;
        font-size: 20px;
        padding: 5px 20px;
        display: block;
    }

    .link-box a, .link-box li {
        font-size: 16px;
        line-height: 16px;
        padding: 7px;
    }

    .footer-loctations {
        display: none;
    }



    .content-page-banner-full h2, .content-page-banner-full h1 {
        font-size: 2em;
        line-height: normal;
    }

    .machine-filter-button {
        display: block;
    }

    .mh-m, .mh-l, .mh-r {
        width: 100%;
    }

    .mh-r {
        float: left;
    }

    #machine-selector-filters {
        position: fixed;
        /* display: none; */
        z-index: 100;
        overflow: scroll;
        background: #000;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 50px;
        display: none;
    }

    .machine-filters-cont {
        margin-top: 10px;
    }


    .large-4-corners h4 {
        font-size: 40px;
        margin: 0 auto;
    }

    .large-4-corners .dft-button.t2 {
        font-size: 20px;
    }

    .large-4-corners div small {
        float: left;
    }

    .machine-spec-cont .col-sm-6, .machine-spec-cont {
        padding: 0px;
    }

    .training-info-text {
        width: 100%;
    }

    .courses-2 [class*="col-sm"] {
        padding: 0px;
    }
}

@media only screen and (max-width: 544px) { /* BOOTRAP EXTRA SMALL */
    nav.navbar.open {
        width: 100% !important;
    }
    .hide--xs {
        display: none;
    }

    .large-4-corners .dft-button.t2 {
        font-size: 16px;
        margin-right: 0px;
    }

    .center-large {
        padding: 5px 15px;
    }

        .center-large h2, .center-large h1 {
            font-size: 2.4em !important;
        }
}

@media only screen and (max-width: 700px) {
    .training-banner h1 {
        font-size: 3rem !important;
    }

    .training-banner h2 {
        font-size: 1.8rem !important;
    }
}
@media only screen and (max-width: 724px) {
    .slogan-cont {
        display: none;
    }

    #mobile-logos {
        display: flex;
    }
}

@media only screen and (max-width: 665px) {

    .contactback ul > li {
        display: none;
    }

    .gta-grid-box-outter .col-xs-4 {
        width: 48%;
    }

        .gta-grid-box-outter .col-xs-4.ad-box-2 {
            width: 33.33333%;
        }

    .gta-grid-box-outter .col-xs-3rd {
        width: 98%;
    }

    .home-quicklinks {
        display: none;
    }

        .home-quicklinks.qlink-active {
            display: block;
        }

    .right-nav {
        margin-top: 0px;
    }

    .main-menu-container {
        position: relative;
        background-color: rgba(24,26,31,1);
        top: -25px;
    }

    .header-contact-info img {
        margin-right: -10px;
    }

    .header-contact-info img {
        max-width: 100%;
    }

    .timeline .container {
        width: 100%;
        max-width: 400px;
        margin: 40px auto;
    }

    .timeline .right {
        left: 0px;
    }

        .timeline .left::before, .timeline .right::before {
            display: none;
        }

    .ad-box-2 h4 {
        font-size: 18px;
        margin: 15px 0px;
    }
}

@media only screen and (max-width: 600px) {

    .col-g5.gta-grid-box, .col-g5 {
        width: 50%;
    }

    .gta-grid-box-outter a:nth-child(4) .col-g5.gta-grid-box, .gta-grid-box-outter .col-g5.gta-grid-box:nth-child(4), .gta-grid-box-outter a:nth-child(4) .col-g5, .gta-grid-box-outter .col-g5:nth-child(4) {
        margin-left: 0;
        clear: none;
    }

    .gta-grid-box-outter a:nth-child(5) .col-g5.gta-grid-box, .gta-grid-box-outter .col-g5.gta-grid-box:nth-child(5), .gta-grid-box-outter a:nth-child(5) .col-g5, .gta-grid-box-outter .col-g5:nth-child(5) {
        margin-left: 25%;
    }
}

@media only screen and (max-width: 530px) {

    .training-header-h1 {
        margin-right: 110px;
        font-size: 2em;
        line-height: normal;
    }

    .training-header-image {
        max-height: 40px;
        max-width: 100px;
    }

    .sug-row {
        padding-left: 0;
        right: 0;
    }

    .general-content h1 {
        font-size: 2.8em;
        font-weight: 800;
        margin: 20px 0px;
    }

    .general-content h2 {
        font-size: 2.4em;
        font-weight: 800;
        margin: 20px 0px;
    }

    .general-content p {
        font-size: 16px;
    }

        .general-content p strong {
            font-size: 18px;
        }

    .machine-list-examples {
        width: 440px;
    }

    .center-large.extra-large p {
        font-size: 22px;
    }

    .contract-large.b-tab h4 {
        font-size: 1.9em;
    }

    .contract-large.b-tab p {
        font-size: 21px;
    }

    .product-background .col-section-banner {
        height: 300px;
        min-height: 300px
    }

    .machine-hire-examples .col-section-banner {
        height: 195px;
        min-height: 195px;
        background-size: contain;
    }

    .product-text h3 {
        font-size: 40px;
        line-height: 44px;
    }

    .col-g5 .BorderCorner_wrap.type2 .border-accessories img {
        width: auto;
        padding: 25px 10px;
    }

    .border-accessories img {
        height: 150px;
    }

    .full-back {
        height: 500px;
    }

        .full-back.white-board {
            height: auto;
            background-position: top;
        }

    .fuel-box-10-plus h6 {
        font-size: 1.6em;
    }

    .search-cont .formInput {
        padding: 5px;
        font-size: 17px;
    }

    .placeholdertext {
        font-size: 17px;
        padding: 5px 5px 5px 5px;
    }

    .awards-cont .center-large h5 {
        font-size: 2.5em;
    }

    #id-env-indoor .ad-box-2-inner, #id-env-outdoor .ad-box-2-inner, .terr-outdoor .ad-box-2-inner, .terr-indoor .ad-box-2-inner {
        height: 130px !important;
    }

    .ad-box-2 {
        padding-left: 10px;
        padding-right: 10px;
    }

        .ad-box-2 p {
            font-size: 13px;
        }

    .ad-1-p p {
        font-size: 20px;
    }

    .ad-box-2 h4 {
        font-size: 15px;
        margin: 10px 0px;
    }

    .ma-start {
        font-size: 20px;
        width: 80px;
        height: 80px;
        line-height: 75px;
    }

    .training-map-overlay span {
        font-size: 22px;
        font-weight: 600;
    }

    .training-map-overlay p {
        font-size: 16px;
    }

    .training-map-b-overlay span {
        margin: 0px 20px;
    }

        .training-map-b-overlay span p {
            font-size: 40px;
        }

        .training-map-b-overlay span small {
            font-size: 17px;
        }



    .center-large h4, .ipaf-yellow .center-large h4 {
        font-size: 1.4em;
        font-weight: 600;
    }

    .center-large p {
        font-size: 17px;
    }

    .c-text h4, .c-service.c-3 .c-text h4 {
        font-size: 14px;
        padding: 0px 0px;
        font-weight: 300;
        margin: 0px 0px;
    }

    .c-text {
        padding: 15px 0px;
    }

    .c-service.c-3 .c-icon, .c-icon {
        border-width: 5px;
        width: 45px;
        height: 45px;
    }


    .c-service:hover .c-icon {
        background-size: contain;
    }

    .home-platforms .col-xs-6 {
        padding: 5px;
    }

    .home-platforms .BorderCorner_wrap.type2 {
        margin-bottom: 0px;
    }

    .home-platforms .center-text img {
        max-height: 110px;
    }

    .home-platforms .center-text {
        height: 210px;
    }

        .home-platforms .center-text p {
            font-size: 15px;
            left: 15px;
            right: 15px;
        }


    .home-extra-adv .gta-grid-box-outter {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    section {
    }

    .training-overlay {
        margin: 25px 0px;
    }

    .container {
        width: 96%;
        width: calc(100% - 15px);
    }
}

@media only screen and (max-width: 500px) {
    .gta-grid-box-outter .col-xs-4, .gta-grid-box-outter .col-xs-6 {
        width: 98%;
    }

    .col-g5.gta-grid-box, .col-g5 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }



    .gta-grid-box-outter a:nth-child(5) .col-g5.gta-grid-box, .gta-grid-box-outter .col-g5.gta-grid-box:nth-child(5), .gta-grid-box-outter a:nth-child(5) .col-g5, .gta-grid-box-outter .col-g5:nth-child(5) {
        margin-left: 0;
        margin-left: 5%;
    }

    .gta-grid-box-outter a:nth-child(4) .col-g5.gta-grid-box, .gta-grid-box-outter .col-g5.gta-grid-box:nth-child(4), .gta-grid-box-outter a:nth-child(4) .col-g5, .gta-grid-box-outter .col-g5:nth-child(4) {
        margin-left: 0;
        margin-left: 5%;
    }

    .industries-page .col-g5 {
        margin-left: 0;
        margin-left: 0;
    }

    .header-left img {
        width: 75px;
    }
}

@media only screen and (max-width: 480px) {

    .industry-machines img {
        width: auto;
        max-height: 100%;
        opacity: 0.6;
        bottom: 5px;
        top: 5px;
        display: none;
    }

    .industry-machines {
        margin-bottom: 20px;
    }

        .industry-machines p {
            margin: 0px;
            font-size: 26px;
            width: 100%;
            line-height: normal;
        }

    .machine-link .col-sm-4 {
        width: 100%;
    }

    .center-large h3 {
        font-size: 2.0em;
    }

    #pnlCourseSummary th, #pnlCourseSummary td {
        font-size: 12px;
        padding: 1px;
    }


    .team-tabs-cont p {
        font-size: 12px;
    }

        .team-tabs-cont p strong {
            font-size: 15px;
        }
}

@media only screen and (max-width: 412px){
    #iapa-logo-container {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .training-booking-main div.dft-button.t2 {
        font-size: 12px;
    }

    .ad-box-2 h4 {
        font-size: 13px;
    }

    .ad-box-2 p {
        font-size: 11px;
    }

    .col-g5.gta-grid-box {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .gta-grid-box-outter a:nth-child(5) .col-g5.gta-grid-box, .gta-grid-box-outter .col-g5.gta-grid-box:nth-child(5) {
        margin-left: 0%;
        margin-left: 5%;
    }

    .home-platforms .center-text {
        height: 170px;
    }

    .home-platforms .center-text img {
        max-height: 80px;
    }


    .location-cont .dft-button.t3 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 370px) {

    .location-cont .dft-button.t3 {
        display: block;
        text-align: center;
    }
}
