.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:focus {
        background-color: #a4bcc2;
        border: none;
        border-radius: 0px;
        margin-bottom: 8px;
        margin-right: 15px;
        margin-top: 24px;
        padding: 0 7px;
        position: relative;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-toggle .icon-bar {
       border-radius: 0;
       display: block;
       height: 2px;
       margin: 8px 0;
       width: 25px;
    }   
@media screen and (min-width: 1200px) {
    .group-front-teasers {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        margin-bottom: 6rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "block1 block2 block3 block4"
            "video video video block4";
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) { 
    .dropdown-desktop li {
	    float: left;
	    padding: 10px;
	    width: 250px;
    }
    .dropdown-desktop li.bar::before {
	    content: '';
	    float: left;
	    padding-right: 10px;
    }
    
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    .constructionlaw,
    .energylaw,
    .banner {
        background-size: 100% 100%;
    }	
	#elliott-subscription-form .collapsible-toggle {
		margin-top: -155px;
	}
	.page-node-2589 .constructionlaw button, .page-node-2590 .constructionlaw button {
		left: 460px;
		bottom: -128px;
	}
	
	.page-node-2589 .energylaw button, .page-node-2591 .energylaw button {
		bottom: -150px;
	}
    #elliott-subscription-form .collapsible-msg {
	background-color: #e1e1e1;
	padding: 60px 20px 20px 20px;
	line-height: 20px;
    }

    #elliott-subscription-form .collapsible-toggle .btn {
	    margin: -5px 0 0;
    }
	
	#teaser {
		display: inherit;
	}

    .key-contact .email {
	background-image: url(../Images/mail.png);
	background-repeat: no-repeat;
	background-position: left top 7px;
	padding-left: 30px;
	width: 60%;
    }
	.page-node-3111 h1.blogtitle {
		width: 53.3%;
	}
}
 .group-front-teasers {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        margin-bottom: 6rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "block1 block2 block3 block4"
            "video video video block4";
    }
@media screen and (min-width: 769px) and (max-width: 991px) {
div#header {
        margin-top: 55px;
    }
.page-node-3111 h1.blogtitle {
    width: 53.3%;
}
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    .dropdown-desktop li.bar::before {
	    content: '';
    }
    .view-webinars-podcasts .views-field-field-news-image {
        float: none;
        margin-right: 0;
        max-width: inherit;
    }
    .views-field-nothing {
        margin-left: 0;
    }

      .navbar-nav > li > a {
	    padding: 10px 0px;
	    margin: 0px 10px;
    }
    .navbar-nav.sm-collapsible .caret,
    .navbar-nav.sm-collapsible ul .caret {
        margin: -24px 15px 0 0 !important;
    }
    .constructionlaw,
    .energylaw,
    .banner {
        background-size: 100% 100%;
    }

    .field-name-homepage-feature-block-1 .block,
    .field-name-homepage-feature-block-2 .block,
    .field-name-homepage-feature-block-3 .block,
    .field-name-homepage-feature-block-4 .block {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
        /* min-height: 180px; */
    }

    .footer .copyright {
        color: #a4bcc2;
        padding: 20px 14px 0;
    }
    .navbar-nav {
        margin: 0;
    }
    ul.secondary {
        border-right: none;
        margin-right: 0px;
    }

	.page-node-2589 .constructionlaw button, 
	.page-node-2590 .constructionlaw button {
		bottom: -104px;
		left: 333px;
	}
	
	.page-node-2589 .energylaw button, 
	.page-node-2591 .energylaw button {
		bottom: -125px;
	}

    /*161209 HP for the newsletter subscribe*/
   #elliott-subscription-form .collapsible-msg {
	    background-color: #e1e1e1;
	    padding: 60px 20px 20px 20px;
	    line-height: 20px;
    }   

    #elliott-subscription-form .collapsible-toggle .btn {
	    margin: -285px 0 0;
    }

    .key-contact .email {
	    width: 100%;
	    float: none;
    }
	
	.field-name-field-linkedin {
		padding-left: 0;
	}
	#teaser {
		display: inherit;
	}
    .group-front-teasers {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        margin-bottom: 6rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "block1 block2 block3"
            "video video video"
            "block4 block4 block4";
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    div#header {
        margin-top: 55px;
    }
    .group-front-teasers {
        grid-column-gap: 0rem;
        grid-row-gap: 2rem;
        margin-bottom: 3rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto;
        grid-template-areas:
            "block1"
            "block2"
            "block3"
            "video"
            "block4";
    }
	.page-node-3111 h1.blogtitle {
		margin-top: -70px !important;
		color: #fff;
		width: 100%;
		margin-left: 0px;
		font-size: 24px !important;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    .dropdown-desktop li.bar::before {
	    content: '';
    }
    #breadcrumb {
        display: none;
    }
    .navbar .logo {
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .logo img {
        width: 120px;
        margin-left: 15px;
    }
    #page-inner {
        border-left: none !important;
        border-right: none !important;
    }
    .menu-level-2 ul {
        max-width: 100%;
        margin: 0 15px;
    }
    #page-top .col-sm-12 {
        padding: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar {
        min-height: 80px;
        border-bottom: none;
    }
    #page-inner,
    .page-node-2613 #page-inner {
        padding: 0 0 20px;
    }
    .field-name-homepage-feature-block-1,
    .field-name-homepage-feature-block-2,
    .field-name-homepage-feature-block-3,
    .field-name-homepage-feature-block-4{
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .field-name-homepage-feature-block-1 .block,
    .field-name-homepage-feature-block-2 .block,
    .field-name-homepage-feature-block-3 .block,
    .field-name-homepage-feature-block-4 .block {
        min-height: 180px;
    }

    .constructionlaw,
    .energylaw,
    .banner {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
        margin: 0 15px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .constructionlaw h2,
    .energylaw h2,
    .banner h2 {
        margin-top: 0;
    }
    .banner {
        margin-bottom: 20px;
    }
    .banner h2 {
        border-right: none;
        float: none;
        margin-right: 0;
    }

    .ui-accordion-content .col-sm-6 {
	    min-height: 220px;
	    margin-bottom: 20px;
        width: 100%;
    }
    #opencl ul li,
    #openel ul li {
        float: left;
        width: 47%;
        min-height: 60px;
        margin-right: 7px;
    }
    #opencl,
    #openel {
        border-bottom: none;
        margin-bottom: 20px;
    }
    .view-case-studies-new a h2 {
        padding-right: 20px;
    }
    #quicktabs-team .teaserdrop {
        margin-bottom: 0;
    }
    #quicktabs-team .teaserdrop h2,
    #quicktabs-our_team .teaserdrop h2 {
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        padding-bottom: 5px;
        margin-top: 5px;
    }
    ul.quicktabs-tabs li {
        float: left;
    }
    .contact-background {
        max-height: inherit;
    }
    .contact-background .col-sm-8 iframe {
        right: 0;
    }
    .contact-details {
        margin-left: 0;
    }
    .contact-details .icon-mail {
        display: block;
    }
    .secondary-menu {
        float: none;
        display: block;
        margin: 10px 0 0 0;
    }
    .secondary-menu .dropdown-menu {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    ul.secondary {
        border: medium none;
        clear: both;
        display: block;
        float: none;
        margin: 70px 0 0;
    }
    #elliott-searchbox-sitewide-form .form-type-textfield .form-control.form-text.slideout,
    #elliott-searchbox-sitewide-form--2 .form-type-textfield .form-control.form-text.slideout {
        width: 100%;
    }
    .secondary-menu ul li a {
        color: #1d1d1d !important;
    }
    .navbar-nav {
        float: none;
        display: block;
    }
    .main-menu .dropdown-menu {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0 0 0 15px;
        padding: 4px 0;
    }
    .main-menu .navbar-nav .open .dropdown-menu > li > a,
    .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0 0 0 15px;
        padding: 4px 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #transparent !important;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li:hover > a {
        background-color: transparent;
        border-bottom: none;
        color: #47bcca !important;
    }
    .navbar-default .navbar-nav > .active > a {
        border: none;
        padding-left: 0;
    }
    .navbar-default .navbar-nav > li > a {
        border: none;
        padding-left: 0;
    }
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: transparent;
        border-bottom: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: transparent;
    }
    .navbar-collapse.collapse {
        overflow-x: hidden;
        padding-bottom: 20px;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }
    .view-webinars-podcasts .views-field-field-news-image {
        float: none;
        margin-right: 0;
        max-width: inherit;
    }
    .views-field-nothing {
        margin-left: 0;
    }
    .navbar-nav.sm-collapsible .caret,
    .navbar-nav.sm-collapsible ul .caret {
        margin: -24px 15px 0 0 !important;
    }
    .constructionlaw,
    .energylaw,
    .banner {
        background-size: 100% 100%;
    }
    .footer .copyright {
        color: #a4bcc2;
        padding: 20px 14px 0;
    }
    .navbar-nav {
        margin: 0;
    }
    .search-box {
        float: left;
        width: 100%;
    }
    .navbar-nav.sm-collapsible .caret,
    .navbar-nav.sm-collapsible ul .caret {
        left: 0;
        right: inherit !important;
        height: 32px !important;
        font-size: 25px;
        line-height: 27px !important;
        font-weight: lighter;
        color: #fff;
        margin: 0 15px 0 14px !important;
        border-top: none !important;
        top: 0;
    }
    .navbar-nav {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        line-height: 31px;
        margin: 0;
        padding: 0 0 0 50px;
        border-top: 1px solid #eaeaea;
    }
    .secondary-menu ul li a:hover,
    .secondary-menu ul li a.active,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        border-top: 1px solid #eaeaea !important;
    }
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom: none;
    }
    .secondary-menu .dropdown-menu,
    .main-menu .dropdown-menu {
        padding: 0;
    }
    .main-menu .navbar-nav .open .dropdown-menu > li > a,
    .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0;
        padding: 0 0 0 50px;
    }
    .main-menu .dropdown-menu,
    .secondary-menu .dropdown-menu {
        margin-bottom: 0;
    }
    .dropdown-menu li {
        background-color: #ebebeb;
    }
    .dropdown-menu li ul li {
        background-color: #e1e1e1;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 50px !important;
    }
    .contact-map {
        text-align: center;
        overflow: hidden;
        max-height: 200px;
    }
    .secondary-menu .caret,
    .main-menu .caret {
        display: block;
    }
    ul.secondary::after {
        border: none;
    }
    .navbar-default .navbar-nav > .active > a {
        padding-left: 50px;
    }
    .main-menu .navbar-nav > li > a {
        font-size: 15px;
    }
    .main-menu .navbar-nav > .open > a,
    .main-menu .navbar-nav > .open > a:hover,
    .main-menu .navbar-nav > .open > a:focus {
        border: none !important;
    }
    .constructionlaw,
    .energylaw {
        height: inherit;
    }
    #opencl ul li,
    #openel ul li {
        float: none;
        margin-right: 0;
        min-height: 50px;
        width: 100%;
    }
    ul.quicktabs-tabs.quicktabs-style-basic {
        height: inherit;
    }
    ul.quicktabs-tabs li {
        float: left;
        line-height: 30px;
        width: 48%;
        overflow: hidden;
    }
    ul.quicktabs-tabs.quicktabs-style-basic li.active a {
        display: block;
    }
    ul.quicktabs-tabs.quicktabs-style-basic li a {
        border: none;
    }
    .rteright {
        position: relative;
        right: inherit;
        text-align: left;
        line-height: 30px;
    }
    .rteright a {
        padding: 5px 10px;
        display: block;
    }
	#teaser {
		display: inherit;
	}
    .teaser .banner-header {
        padding: 0;
    }
    .page-node-2590 .constructionlaw button {
        bottom: -44px;
        left: 50%;
        margin-left: -19px;
    }
    .page-node-2589 .constructionlaw button {
        bottom: -69px;
        left: 50%;
        margin-left: -19px;
    }
    .page-node-2589 .energylaw button,
    .page-node-2591 .energylaw button {
        bottom: -68px;
        left: 50%;
        margin-left: -19px;
    }
    .field-name-submenu-construction,
    .field-name-submenu-energy {
        display: inline-block;
        float: none;
    }
    .dropdown-menu {
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }
    .field-name-submenu-construction a:before {
        border: none;
    }
    .menu-name-main-menu.menu-level-1 a {
        padding: 5px 15px;
        margin: 0;
    }
    .third-menu {
        margin: 0 0 0 15px;
    }
    .archivelisting td {
        vertical-align: top;
    }
    .teaser .banner-header {
        display: block;
        font-size: 31px;
        line-height: 36px;
        margin: 2px 0 12px;
        padding: 0;
        width: 100%;
    }
    h1.section-heading {
        font-family: "sofia-pro-light", 'Sofia W01 Light1446819';
    }
    

  /*161209 HP for the newsletter subscribe*/
   #elliott-subscription-form .collapsible-msg {
	    background-color: #e1e1e1;
	    padding: 60px 20px 20px 20px;
	    line-height: 20px;
    }   

    #elliott-subscription-form .collapsible-toggle .btn {
	    margin: -285px 0 0;
    }
    #elliott-subscription-form .collapsible-toggle {
	    float: right;
	    margin-right: 0px;
	    margin-top: -47px;
    }
    #newsletter-form label {
    	display: block;
    	font-weight: normal;
    	width: 100%;
    	vertical-align: top;
    }
    #newsletter-form input[type="text"] {
    	background-color: #ebebeb;
    	border: none;
    	display: inline-block;
    	width: 100%;
	    border-radius: 0;
    	height: 30px;
    }
    #newsletter-form .form-textarea-wrapper {
	    width: 100%;
	    display: inline-block;
    }
    /*END newsletter subscribe*/
	
	
    .col-sm-4 {  /*161209 HP: right coloum*/
		width: 100%;
		margin-left: 0px;
    }
	
	.node-page .col-sm-4 {
		width: 100%;
	}
	
	#elliott-searchbox-sitewide-form #edit-search,
	#elliott-searchbox-sitewide-form--2 #edit-search {
		margin: 5px 0 10px 0;
		float: right;
	}
	#elliott-searchbox-sitewide-form .form-type-textfield, #elliott-searchbox-sitewide-form--2 .form-type-textfield {
		margin: 4px 0 20px 15px;
	}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
	div#header {
        margin-top: 55px;
    }
    .page-node-3111 h1.blogtitle {
		margin-top: -70px !important;
		color: #fff;
		width: 100%;
		margin-left: 0px;
		font-size: 22px !important;
	}
    .contact-map {
        text-align: center;
        overflow: hidden;
        max-height: 200px;
    }
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    .dropdown-desktop li.bar::before {
	    content: '';
    }
    #breadcrumb {
        display: none;
    }
    .navbar .logo {
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .logo img {
        width: 120px;
        margin-left: 15px;
    }
    #page-inner {
        border-left: none !important;
        border-right: none !important;
    }
    .menu-level-2 ul {
        max-width: 100%;
        margin: 0 15px;
    }
    #page-top .col-sm-12 {
        padding: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar {
        min-height: 80px;
        border-bottom: none;
    }
    #page-inner,
    .page-node-2613 #page-inner {
        padding: 0 0 20px;
    }
    .field-name-homepage-feature-block-1,
    .field-name-homepage-feature-block-2,
    .field-name-homepage-feature-block-3,
    .field-name-homepage-feature-block-4 {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .constructionlaw,
    .energylaw,
    .banner {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
        margin: 0 15px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .constructionlaw h2,
    .energylaw h2,
    .banner h2 {
        margin-top: 0;
    }
    .banner {
        margin-bottom: 20px;
    }
    .banner h2 {
        border-right: none;
        float: none;
        margin-right: 0;
    }
    #opencl ul li,
    #openel ul li {
        float: left;
        width: 47%;
        min-height: 60px;
        margin-right: 7px;
    }
    #opencl,
    #openel {
        border-bottom: none;
        margin-bottom: 20px;
    }
    .view-case-studies-new a h2 {
        padding-right: 20px;
    }
    #quicktabs-team .teaserdrop,
    #quicktabs-our_team .teaserdrop {
        margin-bottom: 0;
    }
    #quicktabs-team .teaserdrop h2,
    #quicktabs-our_team .teaserdrop h2 {
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        padding-bottom: 5px;
        margin-top: 5px;
    }
    ul.quicktabs-tabs li {
        float: left;
    }
    .contact-background {
        max-height: inherit;
    }
    .contact-background .col-sm-8 iframe {
        right: 0;
    }
    .contact-details {
        margin-left: 0;
    }
    .contact-details .icon-mail {
        display: block;
    }
    .secondary-menu {
        float: none;
        display: block;
        margin: 10px 0 0 0;
    }
    .secondary-menu .dropdown-menu {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    ul.secondary {
        border: medium none;
        clear: both;
        display: block;
        float: none;
        margin-top: 70px;
    }
    .secondary-menu ul li a {
        color: #1d1d1d !important;

    }
    .navbar-nav {
        float: none;
        display: block;
    }
    .main-menu .dropdown-menu {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0 0 0 15px;
        padding: 4px 0;
    }
    .main-menu .navbar-nav .open .dropdown-menu > li > a,
    .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0 0 0 15px;
        padding: 4px 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: transparent !important;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li:hover > a {
        background-color: transparent;
        border-bottom: none;
        color: #47bcca !important;
    }
    .navbar-default .navbar-nav > .active > a {
        border: none;
        padding-left: 0;
    }
    .navbar-default .navbar-nav > li > a {
        border: none;
        padding-left: 0;
    }
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: transparent;
        border-bottom: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: transparent;
    }
    .navbar-collapse.collapse {
        overflow-x: hidden;
        padding-bottom: 20px;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }
    #elliott-searchbox-sitewide-form .form-type-textfield .form-control.form-text.slideout,
    #elliott-searchbox-sitewide-form--2 .form-type-textfield .form-control.form-text.slideout {
        width: 100%;
    }
    .node-news {
        padding: 0 15px;
    }
    .node-news a h2 {
        margin: 50px 0 0 0 !important;
    }
    .view-webinars-podcasts .views-field-field-news-image {
        float: none;
        margin-right: 0;
        max-width: inherit;
    }
    .views-field-nothing {
        margin-left: 0;
    }
    .footer .copyright {
        color: #a4bcc2;
        padding: 20px 14px 0;
    }
    .navbar-nav {
        margin: 0;
    }
    .search-box {
        float: left;
        width: 100%;
    }
    .navbar-nav.sm-collapsible .caret,
    .navbar-nav.sm-collapsible ul .caret {
        left: 0;
        right: inherit !important;
        height: 32px !important;
        font-size: 25px;
        line-height: 27px !important;
        font-weight: lighter;
        color: #fff;
        margin: 0 15px 7px !important;
        border-top: none !important;
        top: 0;
    }
    .navbar-nav {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        line-height: 31px;
        margin: 0;
        padding: 0 0 0 50px;
        border-top: 1px solid #eaeaea;
    }
    .secondary-menu ul li a:hover,
    .secondary-menu ul li a.active,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        border-top: 1px solid #eaeaea !important;
    }
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom: none;
    }
    .secondary-menu .dropdown-menu,
    .main-menu .dropdown-menu {
        padding: 0;
    }
    .main-menu .navbar-nav .open .dropdown-menu > li > a,
    .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0;
        padding: 0 0 0 50px;
    }
    .main-menu .dropdown-menu,
    .secondary-menu .dropdown-menu {
        margin-bottom: 0;
    }
    .dropdown-menu li {
        background-color: #ebebeb;
    }
    .dropdown-menu li ul li {
        background-color: #e1e1e1;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 50px !important;
    }
    .secondary-menu .caret,
    .main-menu .caret {
        display: block;
    }
    ul.secondary::after {
        border: none;
    }
    .navbar-default .navbar-nav > .active > a {
        padding-left: 50px;
    }
    .main-menu .navbar-nav > li > a {
        font-size: 15px;
    }
    .main-menu .navbar-nav > .open > a,
    .main-menu .navbar-nav > .open > a:hover,
    .main-menu .navbar-nav > .open > a:focus {
        border: none !important;
    }
    .constructionlaw,
    .energylaw {
        height: inherit;
    }
    #opencl ul li,
    #openel ul li {
        float: none;
        margin-right: 0;
        min-height: 50px;
        width: 100%;
    }
    ul.quicktabs-tabs.quicktabs-style-basic {
        height: inherit;
    }
    ul.quicktabs-tabs li {
        float: left;
        line-height: 30px;
        width: 48%;
        overflow: hidden;
    }
    ul.quicktabs-tabs.quicktabs-style-basic li.active a {
        display: block;
    }
    ul.quicktabs-tabs.quicktabs-style-basic li a {
        border: none;
    }
    .rteright {
        position: relative;
        right: inherit;
        text-align: left;
        line-height: 30px;
    }
    .rteright a {
        padding: 5px 10px;
        display: block;
    }
    .teaser .banner-header {
        padding: 0;
    }
    .page-node-2590 .constructionlaw button {
        bottom: -44px;
        left: 50%;
        margin-left: -19px;
    }
    .page-node-2589 .constructionlaw button {
        bottom: -69px;
        left: 50%;
        margin-left: -19px;
    }
    .page-node-2589 .energylaw button,
    .page-node-2591 .energylaw button {
        bottom: -68px;
        left: 50%;
        margin-left: -19px;
    }
    .field-name-submenu-construction,
    .field-name-submenu-energy {
        display: inline-block;
        float: none;
    }
    .dropdown-menu {
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }
    .field-name-submenu-construction a:before {
        border: none;
    }
    .menu-name-main-menu.menu-level-1 a {
        padding: 5px 15px;
        margin: 0;
    }
    .third-menu {
        margin: 0 0 0 15px;
    }
    .archivelisting td {
        vertical-align: top;
    }
    #teaser .banner-header {
        display: block;
        font-size: 31px;
        line-height: 36px;
        margin: 2px 0 12px;
        padding: 0;
        width: 100%;
    }
    h1.section-heading {
        font-family: "sofia-pro-light", 'Sofia W01 Light1446819';
    }
    .col-sm-4 {
	    width: 100%;
	    margin-left: 0px;
    }
	
	.node-page .col-sm-4 {
		width: 100%;
	}
    #elliott-subscription-form .collapsible-toggle .btn {
		margin: -55% 0 0;
    }
	
	#elliott-searchbox-sitewide-form #edit-search,
	#elliott-searchbox-sitewide-form--2 #edit-search {
		margin: 5px 0 10px 0;
		float: right;
	}
	#elliott-searchbox-sitewide-form .form-type-textfield, #elliott-searchbox-sitewide-form--2 .form-type-textfield {
		margin: 4px 0 20px 15px;
	}
}
@media screen and (max-width: 320px) {
	.page-node-3111 h1.blogtitle {
		margin-top: -70px !important;
		color: #fff;
		width: 100%;
		margin-left: 0px;
		font-size: 22px !important;
	}
    .constructionlaw .container,
    .energylaw .container,
    .banner .container {
        background-size: cover;
    }
    #breadcrumb {
        display: none;
    }
    .navbar .logo {
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .logo img {
        width: 120px;
        margin-left: 15px;
    }
    #page-inner {
        border-left: none !important;
        border-right: none !important;
    }
    .menu-level-2 ul {
        max-width: 100%;
        margin: 0 15px;
    }
    #page-top .col-sm-12 {
        padding: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar {
        min-height: 80px;
        border-bottom: none;
    }
    #page-inner,
    .page-node-2613 #page-inner {
        padding: 0 0 20px;
    }
    .field-name-homepage-feature-block-1,
    .field-name-homepage-feature-block-2,
    .field-name-homepage-feature-block-3,
    .field-name-homepage-feature-block-4 {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .constructionlaw,
    .energylaw,
    .banner {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
        margin: 0 15px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .constructionlaw h2,
    .energylaw h2,
    .banner h2 {
        margin-top: 0;
    }
    .banner {
        margin-bottom: 20px;
    }
    .banner h2 {
        border-right: none;
        float: none;
        margin-right: 0;
    }
    #opencl ul li,
    #openel ul li {
        float: left;
        width: 47%;
        min-height: 60px;
        margin-right: 7px;
    }
    #opencl,
    #openel {
        border-bottom: none;
        margin-bottom: 20px;
    }
    .view-case-studies-new a h2 {
        padding-right: 20px;
    }
    #quicktabs-team .teaserdrop,
    #quicktabs-our_team .teaserdrop {
        margin-bottom: 0;
    }
    #quicktabs-team .teaserdrop h2,
    #quicktabs-our_team .teaserdrop h2 {
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        padding-bottom: 5px;
        margin-top: 5px;
    }
    ul.quicktabs-tabs li {
        float: left;
    }

    .col-sm-4 {  /*161209 HP: right coloum*/
	width: 100%;
	margin-left: 0px;
    }
    .key-contact .email {
    	background-image: url(../Images/mail.png);
	    background-repeat: no-repeat;
	    background-position: left top 7px;
	    padding-left: 30px;
	    width: 60%;
	    display: inline-block;
    }

    .contact-background {
        max-height: inherit;
    }
    .contact-background .col-sm-8 iframe {
        right: 0;
    }
    .contact-details {
        margin-left: 0;
    }
    .contact-details .icon-mail {
        display: block;
    }
    .secondary-menu {
        float: none;
        display: block;
        margin: 10px 0 0 0;
    }
    .secondary-menu .dropdown-menu {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    ul.secondary {
        display: block;
        float: none;
        margin-top: 20px;
        border: none;
    }
    .secondary-menu ul li a {
        color: #1d1d1d !important;
    }
    .navbar-nav {
        float: none;
        display: block;
    }
    .main-menu .dropdown-menu {
        margin-bottom: 10px;
        padding: 0 0 0 10px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0 0 0 15px;
        padding: 4px 0;
    }
    .main-menu .navbar-nav .open .dropdown-menu > li > a,
    .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0 0 0 15px;
        padding: 4px 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: transparent !important;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li:hover > a {
        background-color: transparent;
        border-bottom: none;
        color: #47bcca !important;
    }
    .navbar-default .navbar-nav > .active > a {
        border: none;
        padding-left: 0;
    }
    .navbar-default .navbar-nav > li > a {
        border: none;
        padding-left: 0;
    }
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: transparent;
        border-bottom: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: transparent;
    }
    .navbar-collapse.collapse {
        overflow-x: hidden;
        padding-bottom: 20px;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 0;
    }
    .node-news {
        padding: 0 15px;
    }
    .node-news a h2 {
        margin: 50px 0 0 0 !important;
    }
    .view-webinars-podcasts .views-field-field-news-image {
        float: none;
        margin-right: 0;
        max-width: inherit;
    }
    .views-field-nothing {
        margin-left: 0;
    }
    .search-box {
        float: none;
    }
    .footer .copyright {
        color: #a4bcc2;
        padding: 20px 14px 0;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-nav.sm-collapsible .caret,
    .navbar-nav.sm-collapsible ul .caret {
        left: 0;
        right: inherit !important;
        height: 32px !important;
        font-size: 25px;
        line-height: 27px !important;
        font-weight: lighter;
        color: #fff;
        margin: 0 15px 7px !important;
        border-top: none !important;
        top: 0;
    }
    .navbar-nav {
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        line-height: 31px;
        margin: 0;
        padding: 0 0 0 50px;
        border-top: 1px solid #eaeaea;
    }
    .secondary-menu ul li a:hover,
    .secondary-menu ul li a.active,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        border-top: 1px solid #eaeaea !important;
    }
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom: none;
    }
    .secondary-menu .dropdown-menu,
    .main-menu .dropdown-menu {
        padding: 0;
    }
    .main-menu .navbar-nav .open .dropdown-menu > li > a,
    .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        margin: 0;
        padding: 0 0 0 50px;
    }
    .main-menu .dropdown-menu,
    .secondary-menu .dropdown-menu {
        margin-bottom: 0;
    }
    .dropdown-menu li {
        background-color: #ebebeb;
    }
    .dropdown-menu li ul li {
        background-color: #e1e1e1;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 50px !important;
    }
    .contact-map {
        text-align: center;
        overflow: hidden;
        max-height: 200px;
    }
    .secondary-menu .caret,
    .main-menu .caret {
        display: block;
    }
    ul.secondary::after {
        border: none;
    }
    .navbar-default .navbar-nav > .active > a {
        padding-left: 50px;
    }
    .main-menu .navbar-nav > li > a {
        font-size: 15px;
    }
    .main-menu .navbar-nav > .open > a,
    .main-menu .navbar-nav > .open > a:hover,
    .main-menu .navbar-nav > .open > a:focus {
        border: none !important;
    }
    .constructionlaw,
    .energylaw {
        height: inherit;
    }
    #opencl ul li,
    #openel ul li {
        float: none;
        margin-right: 0;
        min-height: 50px;
        width: 100%;
    }
    ul.quicktabs-tabs.quicktabs-style-basic {
        height: inherit;
    }
    ul.quicktabs-tabs li {
        float: left;
        line-height: 30px;
        width: 48%;
        overflow: hidden;
    }
    ul.quicktabs-tabs.quicktabs-style-basic li.active a {
        display: block;
    }
    ul.quicktabs-tabs.quicktabs-style-basic li a {
        border: none;
    }
    .rteright {
        position: relative;
        right: inherit;
        text-align: left;
        line-height: 30px;
    }
    .rteright a {
        padding: 5px 10px;
        display: block;
    }
    .teaser .banner-header {
        padding: 0;
    }
    .page-node-2590 .constructionlaw button {
        bottom: -44px;
        left: 50%;
        margin-left: -19px;
    }
    .page-node-2589 .constructionlaw button {
        bottom: -69px;
        left: 50%;
        margin-left: -19px;
    }
    .page-node-2589 .energylaw button,
    .page-node-2591 .energylaw button {
        bottom: -68px;
        left: 50%;
        margin-left: -19px;
    }
    .field-name-submenu-construction,
    .field-name-submenu-energy {
        display: inline-block;
        float: none;
    }
    .dropdown-menu {
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }
    .field-name-submenu-construction a:before {
        border: none;
    }
    .menu-name-main-menu.menu-level-1 a {
        padding: 5px 15px;
        margin: 0;
    }
    .third-menu {
        margin: 0 0 0 15px;
    }
    .archivelisting td {
        vertical-align: top;
    }
    #teaser .banner-header {
        display: block;
        font-size: 31px;
        line-height: 36px;
        margin: 2px 0 12px;
        padding: 0;
        width: 100%;
    }
    h1.section-heading {
        font-family: "sofia-pro-light", 'Sofia W01 Light1446819';
    }
	
    #elliott-subscription-form .collapsible-toggle .btn {
    	margin: -70px 0 0;
    }

    .col-sm-4 {
	width: 100%;
	margin-left: 0px;
    }
	
	.node-page .col-sm-4 {
		width: 100%;
	}
	
	#elliott-searchbox-sitewide-form #edit-search,
	#elliott-searchbox-sitewide-form--2 #edit-search {
		margin: 5px 0 10px 0;
		float: right;
	}
	#elliott-searchbox-sitewide-form .form-type-textfield, #elliott-searchbox-sitewide-form--2 .form-type-textfield {
		margin: 4px 0 20px 15px;
	}
	#block-elliott-elliott-searchbox-sitewide #elliott-searchbox-sitewide-form .form-type-textfield .form-control, #elliott-searchbox-sitewide-form .form-type-textfield .form-control.form-text.slideout, #elliott-searchbox-sitewide-form--2 .form-type-textfield .form-control.form-text.slideout {
		width: 70%;
	}
} /*END @media*/