@media only screen and (min-width: 1280px) {
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .header-search label {
    width: 183px;
}
}

@media only screen and (min-width: 1024px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 768px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
   .search-bar-full .search-field{min-width:140px!important;}
   .search-bar-full label{width:178px;}
   .flexnav li ul li a{font-size:11px;padding:2px 5px;}
    .widget-sec-wrap h1, .theory-sec-wrap h1 {
        font-size: 30px;
    }
    .theory-box-desc p {
        font-size: 12px;
        line-height: 16px;
    }
    .newsletter-head {
        font-size: 20px;
    }
    .newsletter-desc {
        font-size: 13px;
        line-height: 18px;
    }
    .form-head {
        font-size: 15px;
    }
    .clients-sec-head {
        font-size: 30px;
    }

    .home-top-section h2 {
        font-size: 27px;
    }
    .lightblue-area span {
        font-size: 15px;
        padding: 4px 0;
    }
    .darkblue-area span {
        font-size: 14px;
        padding: 4px 5px 5px 0;
    }
    .black-area {
        padding: 7px 12px;
        min-height: 91px;
    }
    .black-bottom {
        margin-top: 5px;
    }
    .join-email, .join-submit {
        font-size: 16px;
    }
    .highlight-overlay p {
        font-size: 28px;
        line-height: 35px;
    }
    .widget-sec-wrap ul li {
        width: 32.5%;
    }
    
    .banner-overlay span {
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
    }
    .cycle-prev, .cycle-next {
        background-size: 50%;
    }
    .banner-overlay p {
        font-size: 18px;
    }
    .banner-overlay span.member-since {
        font-size: 18px;
    }
    .two-column-left {
        padding-left: 20px;
    }
    .two-column-left .csColumn {
        margin-left: 0 !important;
        margin-right: 10% !important;
        text-align: left !important;
        width: 80% !important;
    }
    .right-top, .right-bottom {
        padding-right: 3%;
    }
    .two-column-right .join-block h2 {
        font-size: 26px;
    }
    .fullwidth .banner-overlay-content h3 {
        font-size: 24px;
    }
    .fullwidth .overlay-head {
        width: 88.5%;
    }
    .fullwidth-content {
        padding: 0 4%;
    }
    .press-release-outer {
        padding: 0 5%;
    }
    .meet-team-outer {
        padding: 0 4%;
    }
    .socialshare-block .twitter-block ,.socialshare-block .fb-block{
         width: 43.7%;
    }
    .singlepage-newsletter .newsletter-desc h3{
         font-size: 21px;
    }
    .singlepage-newsletter .newsletter-desc p{
         font-size:14px;
    }
    .highlight-content img{
        height:auto;
    }
    h2{
         font-size: 33px;
    }
     .highlight-content{
         max-height: 295px;
     }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .latest-article-header.contact-header-block {
        height: auto;
    }
    .newsletter-outer-inner-page .form-head .mc4wp-alert {
        
        width: 48%;
    }
    .featured-image-area img{
        height:auto;
    }

    .widget-sec-wrap h2, .theory-sec-wrap h2 {
        font-size: 30px;
    }
    .theory-box-desc p {
        font-size: 12px;
        line-height: 16px;
    }
    .newsletter-head {
        font-size: 20px;
    }
    .newsletter-desc {
        font-size: 13px;
        line-height: 18px;
        padding:10px;
    }
    .form-head {
        font-size: 15px;
    }

    .widget-sec-out, .theory-sec-out {
        text-align: center;
    }
    .widget-sec-wrap, .theory-sec-wrap {
        display: inline-block;
        float: none;
        height: auto;
        max-width: 350px;
        padding: 0px;
    }
    .widget-box {
        padding: 0px;
        margin-bottom: 10px;
    }

    .newsletter-sec {
        height: auto;
    }
    .newsletter-head {
        margin: 10px 0px;
    }
    .newsletter-desc {
        padding: 10px 0px;
        background-image: none;
        height: auto;
    }
    .newsletter-form-out {
        text-align: center;
    }
    .newsletter-form {
        display: inline-block;
        width: 250px;
        float: none;
    }

    .clients-sec-head {
        font-size: 25px;
        line-height: 30px;
    }
    .media-pic {
        margin-bottom: 2px;
    }
    .our-media {
        padding-top: 15px;
    }

    .home-top-section {
        text-align: center;
		padding-top: 0;
    }
    .highlight-overlay {
        padding: 0;
    }
    .home-top-section h2 {
        font-size: 30px;
    }
    .highlight-overlay p {
        font-size: 26px;
        line-height: 35px;
    }
    .community {
        padding-right: 18px;
        padding-left: 18px;
    }
    .highlight-content img {
        width: 100%;
        float: left;
        height:auto;
    }
    .widget-sec-wrap ul li {
        width: 100%;
        margin-left: 0;
    }

    .meet-team-content {
        display: inline-block;
        float: left;
        text-align: center;
        width: 100%;
    }
    .meet-team-block-outer figure {
        width: 100%;
    }

    .latest-article-inner-page .widget-sec-wrap {
        margin: 0 auto;
        display: inherit;
    }

    .banner-block img {
        left: 50%;
        margin-left: -560px;
        max-width: none;
        position: relative;
        width: 1120px;
    }

    .energy-banner .banner-overlay .sign-up a {
        font-size: 15px;
        width: 79.5%;
    }
    .switch-link {
        font-size: 22px;
    }
    .banner-overlay-content h2 {
        font-size: 32px;
        line-height: 65px;
        width: 55.5%;
    }
    
    .cycle-prev, .cycle-next {
        background-size: 40%;
    }
    .cycle-prev {
        left: 15px;   
    }
    .cycle-next {
        right: -41px;
    }
    .slider-block .banner-wrapper {
        padding-right: 55px;
    }
    .slider-block .testimonial-3 .banner-wrapper, .slider-block .testimonial-4 .banner-wrapper {
        padding-left: 60px;
    }
    h2 {
        font-size: 32px;
    }
    .qa-left {
        width: 18%;
    }
    .qa-right {
        width: 81%;
    }
    .answer-question {
        padding-top: 30px;
    }
    .answer-question h2 {
        padding-bottom: 38px;
    }
    .two-column-left {
        padding-left: 20px;
       margin-right:20px;
        text-align: center;
        width:96%;
    }
    .two-column-left .csColumn {
        margin-left: 0 !important;
        margin-right: 10% !important;
        text-align: center !important;
        width: 100% !important;
    }
    .two-column-right .join-block h2 {
        text-align: center;
    }
    .join-block, .right-bottom {
        margin: 0 auto;
        max-width: 350px;
        float: none;
    }
    .two-column-page blockquote h2 {
        line-height: 38px;
    }
    .clients-sec {
        padding-top: 10px;
    }
    .fullwidth-content {
        padding: 0 4%;
        text-align: center;
    }
    .latest-article-header h3 {
        font-size: 25px;
    }
    .btn-more {
        min-width: 120px;
    }
    .fullwidth .overlay-head {
        padding: 20px 10px;
        width: 67.5%;
    }
    .fullwidth .banner-overlay-content h3 {
        line-height: 32px;
        font-size: 22px;
    }
    .fullwidth-page {
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .fullwidth-page h3 {
        font-size: 25px;
    }
    .highlight-block {
        margin-bottom: 20px;
    }
    .latest-article-header {
        height: auto;
        text-align: center;
    }
    .latest-article-header h3 {
        text-align: center;
        float: none;
    }
    .latest-article-header .btn-more {
        display: inline-block;
        float: none;
    }
    .press-release-outer {
        padding: 0 5%;
    }
    .wpcf7-form textarea, .wpcf7-form input {
        width: 100%;
    }
    .meet-team-block-outer figure {
        margin-bottom: 10px;
    }
     .socialshare-block .twitter-block ,.socialshare-block .fb-block{
         width: 100%;
    }
    .socialshare-block .fb-block{
        margin-bottom: 20px;
    }
    .singlepage-newsletter .newsletter-form{
        width: 100%;
    }
    .singlepage-newsletter .newsletter-desc h3{
         font-size: 19px;
    }
    .singlepage-newsletter .newsletter-desc p{
         font-size:13px;
    }
    .fb-comment-block{
        margin-bottom: 30px;
    }
    .side-fb-share{
        display: none;
    }
    .list-page .widget-sec-wrap{
    	display: block;
    	margin: 0 auto;
    }
    .widget-sec-wrap ul li.element{margin: 0!important; width:auto!important;}
    .highlight-block {
        padding-right:0;
        display: none;
   }
.wp-pagenavi a, .wp-pagenavi span.current {
    
    padding: 0 9px;
}
.view-more-article .widget-pic img {
   
    width: 100%;
}
.two-column-left img{
    height:auto;
}
 .featured-image-area img{
        height: auto;
    }
}

@media only screen and (min-width: 480px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .newsletter-outer-inner-page .form-head .mc4wp-alert {
    width: 72%;
}
    .widget-sec-wrap h1, .theory-sec-wrap h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .widget-sec-wrap, .theory-sec-wrap {
        width: 300px;
    }
    .clients-sec-head {
        font-size: 22px;
        line-height: 26px;
    }

    .highlight-overlay-inner {
        display: none;
    }
    .home-top-section h1 {
        font-size: 25px;
    }
    .lightblue-area span {
        font-size: 15px;
    }
    .darkblue-area span {
        font-size: 14px;
    }
    .join-email {
        font-size: 15px;
        line-height: 18px;
    }
    .join-submit {
        font-size: 15px;
    }
    .join-block, .right-bottom {
        max-width: 270px;
    }
    .two-column-right .join-block h2 {
        font-size: 28px;
    }
    .right-bottom h3 {
        font-size: 22px;
    }
    .fullwidth .banner-overlay {
        display: none;
    }
    .btn-more {
        min-width: 111px;
    }
    .latest-article-header h3 {
        font-size: 20px;
    }
    .wp-pagenavi a, .wp-pagenavi span.current {
        padding: 0 8px;
    }
    .press-release-outer .btn-more {
        width: 250px;
    }
    .wp-pagenavi a, .wp-pagenavi span.current {
        font-size: 12px;
    }
    .singlepage-newsletter .newsletter-desc{
        padding-top: 10px;
    }
     .singlepage-newsletter .newsletter-desc h3{
         font-size: 19px;
         line-height: 24px;
         padding-top:40px;
    }
    .singlepage-newsletter .newsletter-desc p{
         display:none;
    }
    .mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="tel"], .mc4wp-form input[type="url"], .mc4wp-form input[type="date"], .mc4wp-form textarea, .mc4wp-form select{
           font-size: 14px;
    }
    .fb-comment-block {
        display: none;
      
    }
    .singlepage-newsletter{
          margin-bottom: 20px;
    }
    .two-column-right {       
        margin-left: 0;
        width: 100%;
    }
    .load-more{
        padding-left: 10px;
       
    }
     .two-column-right .load-more{
         padding-right: 10px;
    }
    .singlepage-newsletter .mc4wp-alert {
        line-height: 14px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .more-link a {
        padding: 5px 50px;
        width: auto;
    }
    .cycle-prev, .cycle-next {
        /*display: none;*/
    }
    .qa-left {
        width: auto;
    }
    .blue-question, .black-answer {
        width: 55px;
        float: left;
    }
    .qa-right {
        padding: 0 20px;
        width: 100%;
    }
    .qa-right p {
        text-align: left;
    }
    .banner-block img {
        left: 50%;
        margin-left: -460px;
        max-width: none;
        position: relative;
        width: 920px;
    }
    .energy-banner .banner-overlay-content h2 {font-size: 21px;width: 80%;line-height: 27px;padding: 10px;}
    .energy-banner .banner-overlay .sign-up a {
        line-height: 23px;
        padding: 12px;
    }
}

@media only screen and (max-width: 319px) {
}