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

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

@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) {
	
}

@media only screen and (max-width: 1180px) {
    .side-fb-share {
        display: none;
    }
}
        
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-navigation ul li{
        padding: 0px 7px;
    }
	.main-navigation {margin-left: -8px; padding: 3px 6px 0;}
	
	.search-block {width: 180px; }
	.search-block.header-search{width: 140px;}
	.main-navigation ul li a{font-size: 16px;}
	.search-btn {background-size: 99% auto; width: 22px; height: 22px;}
	.header-search .search-btn {background-size: 99% auto; width: 22px; height: 22px;}
	.header-search .search-submit{width:22px;background-size: 100%;}
	.search-field {max-width: 90px;}
	
	.main-navigation ul li a {padding: 14px 0 8px;}
	.flexnav li ul li a{font-size: 11px;padding: 2px 5px;}
	.menu-column-sm {position: inherit;}
	.main-navigation {position: inherit;}
	.flexnav li ul {width: 97%; text-align: center;}
   
	
	.footer-links-block {padding: 0 0 0 12px; width: 100%;}
	
	.footer-widget ul {margin-top: 10px;}
	.footer-widget ul li {line-height: 18px;width: 112px;}
	.footer-widget ul li a {font-size: 13px;}
	
	.widget-sec-wrap ul li.element {width: 248px !important;}
	.widget-pic img {height: auto;}
	
	.utility-block {padding: 13px 0;width:40%;}
        .member-image {
            width: 170px;
            height: 170px;
        }
        .meet-team-block-outer figure {margin: 0;width: auto;height: 330px;overflow: hidden;}
	.socialshare-block a, .socialshare-block-top a {font-size: 12px;}
       
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.logo {max-width: none;}
	.social-links {display: none;}
	.main-navigation {margin-left: 0;width: 100%;}
	.main-navigation ul li {width: 100%; position: relative;}
	.main-navigation ul li a {padding: 8px 0 6px; border-bottom: 2px solid #474747; width: 100%;}
	.main-navigation ul li:hover a, .main-navigation ul li.active-menu-item a {border-bottom: 2px solid #0997DA;}
	
	.flexnav .touch-button {display: block; background: #333333;}
	.item-with-ul .touch-button {height: 40px; width: 40px; right: 10px; background: url(images/btn.down-header.png) no-repeat center center #333333;background-color: transparent;border: 2px solid #333333;border-top: 0;border-right: 0;}
	
	.utility-block {display: none;}
		
	
	#content {padding-top: 0; background: none;}
	
	#footer {padding: 15px 0;}
	.footer-logo-block {text-align: center;}
	.footer-logo-block-align {height: auto; display: inline-block;}
	
	
	.search-bar-full {padding: 7px 8px 7px 8px;}
	.search-bar-full .col-sm-5 {display: none;}
	.search-wrapper {float: none; width: 330px; margin: 0 auto;}
	
	.page-header {padding: 10px 0 14px}
	.search-list-thumb {display: none; padding: 10px 0;}
	.search-result-list .hs-post-item {margin-bottom: 0;}
	
	.search-result-page {padding: 0 0 10px;}

    .footer-widget {
        float: none;
        text-align: center;
        width: 112px;
        margin:auto;
    }
    
    .footer-links-block {
        padding-right: 32px;
    }
   .footer-links-block .menu-text {
        color: #0997da;
        float: left;
        text-align: right;
        width: 56%;
        padding-right: 15px;
        padding-top: 12px;
    }
    .footer-links-block .navbar-toggle {
        background: #0997da;
        float: left;
    }
   .footer-links-block .navbar-toggle .icon-bar {
        background: #fff;
    }
   .footer-links-block .footer-links{
        padding: 10px 0;
		max-height: none;
    }
	.footer-links-block .footer-widget ul {
        margin: 10px 0 22px;
    }
    .footer-widget ul li {
        line-height: 18px;
    }
    .popup-container .popup-wrapper {
        width: 400px;
        max-width: 400px;
    }
    .popup-container .popup-wrapper .hbspt-form .hs-input, .popup-container .popup-wrapper .hbspt-form .hs-button {
        max-width: 284px;
    }
    .logo-wrapper {z-index: 101;right: 55px;width: auto;padding-left: 55px; background:#FFF; height:56px;}
    .menu-button {padding: 10px 22px; font-size: 18px;}
    .menu-button .touch-button {height: 56px;width: 55px;background: url(images/btn.mobile-menu.png);background-position: center;background-size: 29px auto;background-repeat: no-repeat;background-color: white;}
        
    .logo {
            padding-right: 55px;
            text-align: left;
            padding-left: 20px;
        }
        #header .menu-column-sm {
            top: 0;
            position: absolute;
            width: 100%;
            z-index: 100;
        }
        #header .menu-column-sm .menu-button {
            background: transparent;
            text-indent: -10000px;
            height: 56px;
        }
        .main-navigation ul li.current_page_item a{
            border-bottom: 2px solid #0997da;
            color: #0997da;
        }
        .main-navigation ul li.current-menu-ancestor > a {
            border-bottom: 2px solid #0997da;
        }
        .main-navigation ul li:hover > a {
            border-bottom: 2px solid #0997da;
            color: #0997da;
        } 
        
        .main-navigation {padding:0;}
        .main-navigation > ul > li {
            border-bottom: 2px solid #333333;
            display: inherit;
            padding: 0;
        }
        .main-navigation > ul > li:last-child {
            border: 0;
        }
        .main-navigation > ul > li.menu-item-has-children {
            padding-right: 50px;
        }
        .item-with-ul .touch-button {
            width: 51px;
            background-size: 22px 12px;
            right:0;
            height: 44px;
        }
        .main-navigation ul li a {
            padding-left: 10px;
        }
        .main-navigation > ul > li:last-child .item-with-ul .touch-button { 
        }
        .flexnav li ul.sub-menu {
            background: inherit;
        }
        .flexnav li ul {
            float:none;
            padding: 10px 0;
        }
        .meet-team-outer {
            width: 100%;
            max-width: 350px;
            margin: auto;
            float: none;
            text-align: center;
        }
        .meet-team-block-outer figure {
            margin: 0;
        }
        .energy-banner {
            height: 400px;
        }
        .switch-link {
            padding-left: 10px;
            padding-right: 10px;
        }
        .member-image {
            margin: 0px auto 20px auto;
        }
		
    .energy-banner .banner-overlay .sign-up .sign-up-button {
		width:90%;
		padding: 5px 10px;
	}
	.energy-banner .banner-overlay .sign-up .sign-up-button span {
        line-height: 26px!important;
        margin-bottom: 0px;
    }
    .energy-banner .banner-overlay .sign-up .sign-up-button a {
        line-height: 14px;
    }
    .cycle-slide {
        width: 100%;
        background-color: white;
    }
    .popup-container.default .hs-form, .popup-container.blue_white .popup-wrapper .hs-form, .popup-container.blue_white_image .popup-wrapper .hs-form {
        width: 350px;
    }
    .popup-container.blue_white .popup-wrapper .hs-form .hs-input, .popup-container.blue_white_image .popup-wrapper .hs-form .hs-input {
        width: 300px;
    }
    .popup-container.blue_white_image .popup-wrapper h3 {
        width: 300px;
        font-size: 30px;
        line-height: 34px;
        padding: 10px 0;
    }
    .popup-container.blue_white_image .title-header {
        height: 183px;
    }
    .popup-container.overlay_image .content-header {
        padding-top: 210px;
        background-size: 100% auto;
        background-position: left top;
    }
    
    .popup-container.overlay_image .content-container,.popup-container.blue_overlay .content-container {
        width: 100%;
        background-color: rgba(0,0,0,0);
    }
    .popup-container.overlay_image .popup-wrapper, .popup-container.blue_overlay .popup-wrapper {
        width:100%;
    }
    .popup-container.overlay_image .content-container h3 {
        padding: 10px;
        background: rgba(0,0,0,.7);
        width: 100%;
    }
    .popup-container.blue_overlay .content-container h3 {
        padding: 30px 10px 10px 10px;
        width: 100%;
    }
    .popup-container.overlay_image  .popup-content-container, .popup-container.blue_overlay  .popup-content-container {
        background: #0996db;
    }
    .popup-container.overlay_image .sfmore, .popup-container.blue_overlay .sfmore {
        position: relative;
        bottom: 0;
    }
    .popup-container.overlay_image .popup-wrapper .hs-form .hs-input, .popup-container.blue_overlay .popup-wrapper .hs-form .hs-input {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-left: -25px;
        top: 0;
    }
    .popup-container.overlay_image .popup-wrapper .hs-form {
        padding-right: 0;
    }
    .popup-container.overlay_image .hs-form.stacked .field, .popup-container.blue_overlay .hs-form.stacked .field {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .popup-container.overlay_image .hs_submit, .popup-container.blue_overlay .hs_submit {
        width: 100%;
    }
    .popup-container.overlay_image .image-content-container ul, .popup-container.blue_overlay .image-content-container ul {
        margin-bottom: 0;
        
    }
    .popup-container.overlay_image .image-content-container {
        min-height: 200px;
    }
    .popup-container.overlay_image p{
        background: #0996db;
        display: inline-block;
    }
    .popup-container.overlay_image .hs-form.stacked .field div.input, .popup-container.blue_overlay .hs-form.stacked .field div.input {
        padding: 0 25px;
    }
    .subscribe-groundswell .content-area {
        background: #333;
    }
    .two-column-right {
        margin-left: 1%;
    }
}

@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) {
	.side-fb-share {
		display: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.side-fb-share {
		display: none;
	}
	.search-wrapper {width: 310px;}
	.screen-reader-text {display: none;}
	.search-bar-full .search-field {margin-left: 0;}
	
	.page-header h1 {font-size: 28px;}
        .popup-container {
            width: 85%;
        }
        .popup-container .popup-wrapper {
            width:100%;
            max-width: 100%;
        }
        .form-container {
            width: 100%;
            padding: 0 10px;
        }
        .popup-container .popup-wrapper .hbspt-form .hs-input,.popup-container .popup-wrapper .hbspt-form .hs-button {
            max-width: 90%;
        }
        .meet-team-outer {
            max-width: 300px;
        }
        .energy-banner {
            height: 310px;
        }
        .error404 .page-title {
            font-size: 80px;
        }
        .error404 h2 {
            font-size: 20px;
            padding: 10px;
        }
        .message404 .page-content p {
            font-size: 15px;
            padding: 20px;
        }
        .popup-container {
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
        }
        .popup-container .popup-wrapper h3 {
            font-size: 3    5px;
            padding: 15px;
        }
        .popup-container .popup-wrapper .popup-content-container p {
            font-size: 15px;
            padding: 0 15px;
            margin-bottom: 15px;
        }
        .popup-container.default .popup-wrapper .hs-form,
        .popup-container.blue_white_image .popup-wrapper .hs-form, 
        .popup-container.blue_white .popup-wrapper .hs-form, 
        .popup-container.gray form 
        {
            width: 100%;
            padding: 0 20px;
        }
        .popup-container.blue_white .popup-wrapper .hs-form .hs-input,
        .popup-container.blue_white_image .popup-wrapper .hs-form .hs-input{
            width: 100%;padding: 0;text-align: center;
        }
        .popup-container.gray .popup-wrapper {
            width:100%;
        }
        .popup-container.gray .popup-wrapper .popup-content-container > p {
            padding: 10px;
        }
        .popup-container.blue_white_image .title-header {
            height: 146px;
        }
        .popup-container.blue_white_image .popup-wrapper .hs-form .hs-input {
            margin-top: 0px;
        }
        .popup-container.blue_white_image .hs-form.stacked .actions {
            padding-top: 0;
        }
        .popup-container.blue_white_image .popup-wrapper .close-btn {
            top: -5px;
        }
        .socialshare-block a, .socialshare-block-top a {
            font-size: 13px;
        }
        .energy-banner .banner-overlay .sign-up .sign-up-button .sign-up-description, .energy-banner .banner-overlay .sign-up .sign-up-button a {line-height: 15px;font-size: 15px;display: inline-block;padding: 5px;}
}   

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 479px) {
	
}

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