﻿@media (max-width:1300px) {
    * {
        box-sizing: border-box;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .header-inner,
    .nav-inner,
    .text-inner,
    .body-1-inner,
    .body-2-inner,
    .footer-inner,
    .page-inner {
        width: 96%;
    }
    .header-inner {
        height: auto;
        padding: 20px 0;
        overflow: hidden;
    }
    .flag {
        width: 7%;
        margin-top: 8px;
    }
    .logo {
        width: 44%;
        margin-top: 0;
    }
    .contact-details {
        width: 47% !important;
        margin-top: 0;
    }
    
    .body-1-outer {
        height: auto;
    }
    .body-1-inner {
        display: flex;
    }
    .body-1-left-heading,
    .body-2-right-heading,
    h1.pages {
        font-size: 40px;
        line-height: 1.3;
    }
    .body-1-left,
    .body-1-right {
        float: none;
        height: auto;
    }
    .body-1-left {
        width: 60%;
    }
    .body-1-right {
        width: 40%;
    }
    .body-1-right {
        background: none;
    }
    .body-2-outer {
        height: auto;
    }
    .body-2-inner,
    .page-content-contact {
        display: flex;
    }
    .body-2-left {
        width: 30%;
        background: none;
        margin-right: 3%;
        float: none;
        height: auto;
        ;
    }
    .body-2-right {
        width: 67%;
        float: none;
        height: auto;
        ;
    }
    .home-contact {
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 0;
        font-size: 40px;
        text-align: center;
    }
    .body-2a-outer {
        height: auto;
    }
    .footer-inner {
        display: flex;
    }
    .footer-box1,
    .footer-box2,
    .footer-box3,
    .footer-box4 {
        width: auto;
        padding: 0 20px;
        flex: 1;
        float: none;
    }
    h1.pages {
        line-height: 1;
        height: auto;
    }
    .page-body {
        width: auto;
        display: flex;
    }
    .page-body-left {
        width: 60%;
        float: none;
        margin: 0 5% 0 0;
    }
    .page-body-right {
        float: none;
        width: 35%;
    }
    div.pages-images {
        display: flex;
        align-items: baseline;
    }
    .page-box1 {
        margin: 0;
        width: auto;
    }
    .page-box2,
    .page-box3 {
        margin: 10px 0 0;
        width: auto;
    }
    a.get-quote:link,
    a.get-quote:visited {
        display: block;
        width: auto;
        margin: 10px 0;
    }
    img.pages-image,
    img.pages-images {
        width: 32.33%;
        margin: 0 1% 0 0;
    }
    .red-sub-text {
        line-height: 1.3;
    }
    .list-left,
    .list-middle,
    .list-right,
    .page-body-left-quality,
    .page-body-right-quality,
    .page-content-contact-left,
    .page-content-contact-right {
        width: auto;
        float: none;
        margin: 0 0 10px;
    }
    .page-body-left-quality,
    .page-content-contact-left {
        margin-right: 5%;
    }
    .page-content-faq {
        width: auto;
    }
    #nav{
        width: auto;
        left: 0;
        padding: 0;
    }
 
    #nav a,#nav .home a, #nav li.home:hover a{
        padding: 8px;
    }
}

@media (max-width:1150px){
  
    .nav-outer {
        text-align: left;
    }
    .dsk-logo{
        display: none;
    }
    .header-ggf-logo{
        position: static;
        width: auto;
        text-align: center;
    }
    .mb-logo{
        display: inline-block;
    }
    .mobile-menu {
        display: block;
    }
    .mobile-menu a {
        display: inline-block;
        padding: 10px 30px;
        text-decoration: none;
        color: #fff;
        background-image: url(images/menu-icon.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    .mobile-menu a.active {
        background-image: url(images/cross-icon.png);
    }
    #nav {
        width: auto;
        left: 0;
        height: auto;
        padding: 0;
        display: none;
    }
    #nav.active {
        display: block;
    }
    .h1-header-pages {
        height: auto;
    }
    #nav li,
    #nav li.end {
        float: none;
        border: 0;
    }
    .h1-header-pages-com{
        height: auto;
    }
    .h1-header-pages-com{
        height: auto;
    }
    .contact-number-com{
        margin: 0;
    }
   
}

@media (max-width:900px) {
    .flag {
        width: 11%;
    }
    .header-inner {
        text-align: center;
        padding: 10px 0;
    }
    .logo,
    .contact-details {
        float: none;
        width: auto !important;
        text-align: center;
        margin: 0 0 10px;
    }
    .flag {
        margin: 10px 0 0;
    }
    .text-outer {
        padding: 10px 0;
    }
    .footer-inner {
        display: block;
    }
    .footer-box1,
    .footer-box2,
    .footer-box3,
    .footer-box4 {
        border: 0;
        border-bottom: 1px solid #fff;
        margin: 0 0 10px;
        padding: 0 0 10px;
    }
    .footer-box3 {
        text-align: left;
    }
    .home-call-free a,
    .footer-phone a,
    .contact-number a,
    .red-sub-text a {
        color: inherit;
        text-decoration: none;
    }
    .page-body-right-quality img.right,
    .page-body-right-quality img.left {
        float: none;
        display: block;
        margin: 0 auto;
    }
    img.about-img {
        display: block;
        margin: 0 auto 10px;
    }
    .page-body-left-quality, .page-content-contact-left{
        margin: 0;
    }
    .page-content-contact-right{
        padding: 0;
        border: 0;
    }
    .imagesection img.right,.imagesection img.left-energy{
        float: none;
        display: block;
        margin: 0 auto 20px;
    }
    
}

@media (max-width:768px) {
    .body-1-inner,
    .body-2-inner,
    .page-body,
    .page-content-contact {
        display: block;
    }
    .body-1-left,
    .body-1-right,
    .body-2-right,
    .body-2-left,
    .page-body-left,
    .page-body-right {
        width: auto;
        margin: 0 0 10px;
        padding: 0;
    }
    .body-1-left img,
    .body-1-right img,
    .body-2-right img,
    .body-2-left img {
        display: block;
        margin: 0 auto;
    }
    .body-1-right-buttons,
    .body-2-right-buttons,
    .page-box1 {
        text-align: center;
    }
    .button1,
    .button2,
    .button2a {
        float: none;
        display: inline-block;
        margin: 10px 0 0;
    }
    /* .home-call-now,
    .home-call-free {
        display: block;
    } */
    .home-contact {
        line-height: 1.2;
    }
    .home-call-number {
        margin: 0;
    }
    .page-box3 img {
        display: block;
        margin: 0 auto;
    }
    .mb {
        display: none !important;
    }
    .page-content-Accreditations img,
    .page-content-Accreditations-2 img {
        display: block;
        margin: 20px auto;
    }
    .page-content-Accreditations-2{
        margin: 0;
    }
    .form input,.form textarea{
        width: 100% !important;
    }
    .float{
        font-size: 20px;
    }
    a.get-fast-free:link, a.get-fast-free:visited{
        padding: 15px;
    }
    .mb-blk,.tp{
        display: block;
    }
    .home-call-number .home-call-free{
        margin-top: 20px;
        display: block;
    }
    .mb{
        display: none;
    }
    .home-call-free{
        font-size: 44px;
    }
    .page-body-left-accreditations,.page-body-right-accreditations{
        width: auto;
    }
   
}

@media (max-width:600px) {
    .logo-sub2{
        line-height: 1;
    }
    .contact-number{
        font-size: 24px;
    }
    a.email-1{
        font-size: 17px;
    }
    .flag {
        float: none;
        width: auto;
    }
    .desktopBanner{
        display: none;
    }
    .mbBanner{
        display: block;
    }
    ul.list {
        padding: 0;
    }
    li.lists {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    .home-call-now,
    .home-call-free,
    h1.pages,
    .red-sub-text {
        font-size: 24px;
    }
    .body-1-left-heading,
    .body-2-right-heading,
    .home-contact,
    .home-call-number,
    .page-sub-heading {
        font-size: 24px;
        line-height: 1.5;
        margin: 20px 0 10px;
    }
    .email-2 {
        word-break: break-all;
    }
    div.pages-images {
        display: block;
    }
    img.pages-image,
    img.pages-images {
        width: auto;
        display: block;
        margin: 0 auto 10px;
    }
    .form td{
        display: block;
        width: 100% !important;
        height: auto !important;
    }
    .page-content-contact-left a{
        word-break: break-all;
    }
    .blue-sub-text{
        line-height: 1.3;
    }
    .page-content-contact-left{
        font-size: 14px;
    }
    .mb-lgfont{
        font-size: 18px;
    }
    .form{
        margin: 15px 0 0;
    }
    .page-content-Accreditations,.page-content-Accreditations-2{
        display: block;
    }
    .footer-phone{
        font-size: 20px;
    }
    .home-call-number,.home-call-number .home-call-free{
        margin: 0;
    }
    .contact-number-com{
        font-size: 24px;
    }
}