@media (min-width: 340px) {
/* --- TOPBAR --- */
    #topbar .left {
        float: left;
    }
    #topbar .right {
        float: right;
    }

} /* 340 */


@media (max-width: 499px) {
/* -- MODULES : file list --- */
    .tbl .row {
        overflow: hidden;
    }
    .tbl .cell.view,
    .tbl .cell.download {
        width: 50%;
        float: left;
        padding: 0;
    }
    .tbl .cell.view a,
    .tbl .cell.download a {
        padding: .7rem 0 .2rem 0;
        background: #f5f5f5;
    }
    .tbl .cell.view a:hover,
    .tbl .cell.view a:active,
    .tbl .cell.view a:focus,
    .tbl .cell.download a:hover,
    .tbl .cell.download a:active,
    .tbl .cell.download a:focus {
        background: #eaeaea;
    }
    .tbl .cell.name a,
    .tbl .cell.name a:link,
    .tbl .cell.name a:visited {
        padding: .4rem 0 1.2rem 0
    }
} /* 499 */


@media (min-width: 500px) {
/* -- MODULES : team --- */
    .team-member__wrap{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .team-member:nth-child(even) .team-member__wrap {
        flex-direction: row-reverse;
    }
    .team-member img {
        width: 15%;
        float: left;
        margin: 0;
        box-shadow: 10px 10px 10px rgba(0,0,0,.3);
    }

    .team-member:nth-child(even) img{
        box-shadow: -10px 10px 10px rgba(0,0,0,.3);
    }
    .team-member__info {
        width: 84%;
        float: right;
        padding: 1rem 3rem;
       /* box-shadow: 2px 2px 15px -10px black;*/
    }



/* -- MODULES : file list --- */
    .tbl .row,
    .tbl .row.th {
        display: table;
        width: 100%;
        margin: 0;
    }
    .tbl .row.th {
        font-size: 1.3rem;
        text-transform: uppercase;
        background: #f5f5f5;
    }
    .tbl .cell {
        display: table-cell;
        padding: .7rem .3rem;
    }
    .tbl .cell.date,
    .tbl .cell.view,
    .tbl .cell.download {
        width: 9.5rem;
    }
    .tbl .th .cell.view,
    .tbl .th .cell.download {
        text-align: center;
        padding: 1.1rem .3rem .8rem .3rem;
    }
    .tbl .cell.view .dashicons {
        padding-top: .2rem;
    }
    .tbl .cell.download .dashicons {
        padding-top: .4rem;
    }
} /* 500 */


@media (min-width: 600px) {
/* -- MODULES : team --- */
    .case-study {
        overflow: hidden;
    }
    .case-study .thumb {
        width: 40%;
        float: left;
        padding-right: 3rem;
    }
    .case-study .thumb img {
        margin: 0;
    }
    .case-study__wrap {
        width: 60%;
        float: left;
    }

/* --- FOOTER --- */
    .footnav {
        overflow: hidden;
    }
    .footnav li {
        float: left;
        padding: 0 1rem 0 0;
    }
    .footnav li:last-child {
        padding: 0;
    }
    .footnav a {
        display: block;
    }

} /* 600 */


@media (min-width: 700px) {
 
/* --- QUOTE --- */
    .ir-quote.has-img {
        margin-bottom: 3rem;
        overflow: hidden;
    }
    .ir-quote.has-img .ir-quote__author {
        width: 40%;
        float: left;
        padding: 0 3rem 0 0;
    }
    .ir-quote.has-img blockquote {
        width: 60%;
        float: right;
        margin: 0;
    }
    .ir-quote.has-img .wpb_content_element {
        margin-bottom: 0;
    }


} /* 700 */


@media (max-width: 989px) {

/* --- HEADER --- */
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        -webkit-transition: padding .2s ease-in-out;
        -moz-transition: padding .2s ease-in-out;
        -o-transition: padding .2s ease-in-out;
        transition: padding .2s ease-in-out;
    }

/* --- MOBILE MENU --- */
    .burger-icon {
		position: relative;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.burger-icon,
	.burger-icon:before,
	.burger-icon:after {
		display: block;
		width: 12px;
		height: 2px;
		background-color: #414042;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color,
		-o-transform; transition-property: background-color, transform;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.burger-icon:before,
	.burger-icon:after {
		position: absolute;
		content: "";
	}
	.burger-icon:before {
		top: -5px;
	}
	.burger-icon:after {
		top: 5px;
	}
	#nav-expander {
		width: 60px;
        margin-top: -20px;
		padding: 10px 0;
		position: absolute;
		top: 50%;
		right: 1rem;
		z-index: 99999;
		overflow: hidden;
	}
	#nav-expander span,
	#nav-expander strong {
		float: left;
	}
	#nav-expander strong {
		font-size: 1.35rem;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: -4px;
		padding-left: 4px;
		color: #414042;
	}
	#nav-expander.is-active strong {
		color: #677077;
	}
	#nav-expander.is-active .burger-icon {
		background-color: transparent;
	}
	#nav-expander.is-active .burger-icon:before {
		background-color: #677077;
		-webkit-transform: translateY(5px) rotate(45deg);
		-moz-transform: translateY(5px) rotate(45deg);
		-ms-transform: translateY(5px) rotate(45deg);
		-o-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg);
	}
	#nav-expander.is-active .burger-icon:after {
		background-color:#677077;
		-webkit-transform: translateY(-5px) rotate(-45deg);
		-moz-transform: translateY(-5px) rotate(-45deg);
		-ms-transform: translateY(-5px) rotate(-45deg);
		-o-transform: translateY(-5px) rotate(-45deg);
		transform: translateY(-5px) rotate(-45deg);
	}
	.sitenav {
		display: block;
		width: 70%;
		height: 100%;
		background: #f5f5f5;
		border-right: 7px solid #7c8084;
		position: fixed;
		left: -70%;
		top: 0;
		z-index: 2000;
		overflow: auto;
		-webkit-transition: left .3s ease-in-out 0s;
		-moz-transition: left .3s ease-in-out 0s;
		-o-transition: left .3s ease-in-out 0s;
		transition: left .3s ease-in-out 0s;
	}
    header ul.menu {
        margin-top: 160px!important;
    }

	.nav-expanded .sitenav {
		left: 0;
	}

    .social-icons {
        float: right;
        width: 100%;
        margin-left: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .social-icons a {
        border-top: none!important;
        margin: 5px;
    }

	body.nav-expanded {
		margin-left: 0;
		-webkit-transition: left .3s ease-in-out 0s;
		-moz-transition: left .3s ease-in-out 0s;
		-o-transition: left .3s ease-in-out 0s;
		transition: left .3s ease-in-out 0s;
	}
    .social-icons .btn {
        width: 180px;
        text-align: center;
        line-height: 1.5;
        color: white;
        height: 40px;
        padding-top: 5px;
    }
    .social-icons .btn:hover, .social-icons .btn:active, .social-icons .btn:focus {
        color: #ffffff;
        background-color: #edb03d;
        border: 2px solid transparent;
    }

	.sitenav a {
		/*font-size: 1.65rem;*/
        line-height: 1.4;
		padding: .8rem 1.4rem;
		color: #333;
		border-top: 1px solid #7c8084;
	}
	.sitenav .menu >li:last-child a {
		border-bottom: 1px solid #7c8084;
	}
	.sitenav a:hover,
	.sitenav a:active,
	.sitenav a:focus {
		color: #ffffff;
        background-color: #edb03d;
	}
	.sitenav .menu-item-has-children > a {
		webkit-box-shadow: inset -38px 0px 0px 0px rgba(74,74,74, .3);
		-moz-box-shadow: inset -50px 0px 0px 0px rgba(74,74,74, .3);
		box-shadow: inset -38px 0px 0px 0px rgba(74,74,74, .3);
	}
	.sitenav .current-menu-item > a,
	.sitenav .current-page-parent > a,
	.sitenav .current-menu-parent > a {
		color: #ffffff;
        background-color: #edb03d;
	}
    .social-icons a:hover, .social-icons a:active, .social-icons a:focus {
        color: #ffffff;
         background-color: transparent; 
    }
/*	nav.sitenav li:first-child a {
		border-top: none;
	}*/

/* --- submenus --- */
	.sitenav .menu-item-has-children {
		position: relative;
	}
	.sitenav .menu-item-has-children > .sub-toggle {
		display: block;
		width: 36px;
		height: 42px;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.sitenav .menu-item-has-children > .sub-toggle:before {
		display: block;
		content: "+";
		font-size: 2rem;
		padding: 5px 0 0 12px;
		color: #d9d9d9;
	}
	.sitenav .menu-item-has-children > .sub-toggle.open:before {
		content: "\2013";
        padding: 3px 0 0 13px;
	}
	.sitenav .sub-menu {
		display: none;
		border-top: 1px solid #7c8084;
	}
	.sitenav .sub-menu a {
		padding-left: 2.8rem;
	}

} /* 989px */


@media (min-width: 990px) {
    body {
        /*min-height: 100%;
        min-height: 100vh;
        display: -webkit-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
        flex-direction: column;
        -ms-flex-direction: column;*/
    }

/* --- LAYOUT --- */
    main #content {
        width: 100%;
        float: right;
    }
    main #content.full-width,
    main #content.fullwidth {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    main #sidebar {
       /* width: 100%;*/
       /* float: left;*/
        width: 23%;
        float: left;
        box-shadow: -10px 10px 80px rgba(0,0,0,.3);
    }
    .wrap.sidebar__right #content {
        float: left;
        padding-right: 4rem;
    }
    .wrap.sidebar__left #content {
        padding-left: 6rem;
        width: 76%;
        float: right;
    }
    .wrap.full-width #content {
        width: 100%;
        float: none;
    }

/* --- MAIN NAV --- */

    .social-icons .btn{
        width: 100px;
        display: inline-block;
        float: right;
        padding: 1px 0px 0px 0px;
        height: 30px;
        text-align: center;
        margin-left: 10px;
        margin-bottom: 0;
    }

    .social-icons {
        float: right;
        width: 100%;
        margin-right: 15px;
        text-align: right;
        padding-top: 17px;
    }
    #nav-expander {
        display: none;
    }
    .sitenav {
        width: 60%;
        width: calc(100% - 230px);
        float: right;
        transition: 0.4s all;
    }

    header.sticky .sitenav  ul {
        padding-top: 0px;
    }
    header.sticky .social-icons {
        padding-top: 5px;
    }

    .sitenav ul {
		float: right;
        position: relative;
        padding-top: 5px;
        text-align: right;
	}
	.sitenav li {
		float: left;
	}
	.sitenav a {
		font-size: 2rem;
        padding: 1rem 1.5rem;
        padding-bottom: 0;
        line-height: 1.2;
        font-family: 'tgn-soft-round-comp', sans-serif;
        letter-spacing: 0.3px;
	}
	.sitenav a:hover,
	.sitenav a:active,
	.sitenav a:focus,
	.sitenav .current-menu-item > a,
	.sitenav .current-page-parent > a,
	.sitenav .current-menu-parent > a {
		color: #f9ad01;
	}

/* --- submenu --- */
    .sitenav ul .sub-menu {
        display: none;
        margin: 0;
        background: #fff;
        border-top: 4px solid #e0e0e0;
        position: absolute;
       /* right: 0;*/
        z-index: 9999;
        box-shadow: -10px 10px 80px rgba(0,0,0,.3);
        /*width: 100%;*/
    }
    .sitenav .sub-menu li {
        float: none;
    }
    .sitenav .sub-menu a {
        display: block;
        font-weight: 500;
        text-align: center;
        margin-bottom: 0;
        width: 100%;
        text-transform: uppercase;
        background: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,rgba(235, 173, 57, 0.1)));
        border-bottom: 2px solid rgb(237, 176, 62);
        transition: 0.4s all;
        padding: 10px 15px;
    }
    .sitenav .sub-menu a:hover:before,
    .sitenav .sub-menu a:hover:after,
    .sitenav .sub-menu .current-menu-item a:before,
    .sitenav .sub-menu .current-menu-item a:after{
        border-color: #000;
    }
    .sitenav .sub-menu li:first-child a {
        border-top: none;
    }
    .sitenav .sub-menu a:hover,
    .sitenav .sub-menu a:active,
    .sitenav .sub-menu a:focus {
        background: #edb03d;
        color: #fff;
    }
    .sitenav ul > li:hover .sub-menu {
        display: block;
    }

    main #sidebar li, #sidebar li {
        /* display: inline-block; */
        /* width: 19%; */
        text-align: center;
        /*margin: 0rem!important;*/
        transition-duration: 0.35s;
         margin-top: 2px;
    }

    #sidebar  li:hover, #sidebar  li:active, #sidebar  li:focus, #sidebar .current_page_item {
        background: rgb(237, 176, 61);
    }

    #sidebar li a:hover, #sidebar li a:active,  #sidebar li a:focus{
        border-bottom: 2px solid white;
    }

    #sidebar li a, #sidebar li .current_page_item a {
        width: 100%;
        font-size: 1.7rem;
        font-weight: 500;
        text-transform: uppercase;
        font-style: normal;
        padding: 1rem 0 1rem 0;
        background: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,rgba(235, 173, 57, 0.1)));
        border-bottom: 2px solid rgb(237, 176, 62);
        font-size: 2.3rem;
        font-family: 'tgn-soft-round-comp', sans-serif;
        letter-spacing: 0.3px;
        color: #333;
    }

    #sidebar li:hover a, #sidebar li:active a, #sidebar  li:focus a, #sidebar li.current_page_item a {
        opacity: 1;
        color: #fff;
    }

   /* .about-us{
        margin-top: -100px;
    }

    .menu-about-submenu-container ul, .menu-what-we-do-container ul{
        list-style: none;
        margin: 0rem!important;
    }
    .menu-about-submenu-container li{
       display: inline-block;
       width: 19%;
       text-align: center;
       margin: 0rem!important;
       transition-duration: 0.35s;
    }
    .menu-about-submenu-container li:hover, .menu-about-submenu-container li:active, .menu-about-submenu-container li:focus, .menu-about-submenu-container .current_page_item{
        background: rgb(237, 176, 61);
    }
    .menu-about-submenu-container a, .menu-about-submenu-container .current_page_item  a{
        width: 100%;
        color: #fff;
        font-size: 19px;
        text-transform: uppercase;
        font-family: fieldwork, sans-serif;
        font-weight: 700;
        font-style: normal;
        padding: 2rem 0 2rem 0;
        opacity: 0.5;
    }
    .menu-about-submenu-container li:hover a, .menu-about-submenu-container li:active a, .menu-about-submenu-container li:focus a, .menu-about-submenu-container .current_page_item a{
       opacity: 1;
    }
*/
/*    .what-we-do-container{
        margin-top: -100px;
    }
    .menu-what-we-do-container ul{
        list-style: none;
        margin: 0rem!important;
    }
    .menu-what-we-do-container li{
       display: inline-block;
       width: 16%;
       text-align: center;
       margin: 0rem!important;
       transition-duration: 0.35s;
    }
    .menu-what-we-do-container li:hover, .menu-what-we-do-container li:active, .menu-what-we-do-container li:focus, .menu-what-we-do-container .current_page_item{
         background: rgb(237, 176, 61);
    }
    .menu-what-we-do-container a, .menu-what-we-do-container .current_page_item  a{
        width: 100%;
        color: #fff;
        font-size: 19px;
        text-transform: uppercase;
        font-family: fieldwork, sans-serif;
        font-weight: 700;
        font-style: normal;
        padding: 2rem 0 2rem 0;
        opacity: 0.5;
    }
    .menu-what-we-do-container li:hover a, .menu-what-we-do-container li:active a, .menu-what-we-do-container li:focus a, .menu-what-we-do-container .current_page_item a{
       opacity: 1;
    }*/
/*
    .support-us{
        margin-top: -100px;
    }

    .menu-support-us-container ul{
        list-style: none;
        margin: 0rem!important;
    }
    .menu-support-us-container li{
       display: inline-block;
       width: 24%;
       text-align: center;
       margin: 0rem!important;
       transition-duration: 0.35s;
    }
    .menu-support-us-container li:hover, .menu-support-us-container li:active, .menu-support-us-container li:focus, .menu-support-us-container .current_page_item{
        background: rgb(237, 176, 61);
    }
    .menu-support-us-container a, .menu-support-us-container .current_page_item  a{
        width: 100%;
        color: #fff;
        font-size: 19px;
        text-transform: uppercase;
        font-family: fieldwork, sans-serif;
        font-weight: 700;
        font-style: normal;
        padding: 2rem 0 2rem 0;
        opacity: 0.5;
    }
    .menu-support-us-container li:hover a, .menu-support-us-container li:active a, .menu-support-us-container li:focus a, .menu-support-us-container .current_page_item a{
       opacity: 1;
    }*/


/* --- HEADER - sticky --- */
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        -webkit-transition: padding .2s ease-in-out;
        -moz-transition: padding .2s ease-in-out;
        -o-transition: padding .2s ease-in-out;
        transition: padding .2s ease-in-out;
         background: #f5f5f5; 
    }
     header.sticky {
        background: #f5f5f5; 
    }
   /* header.sticky + main {
        padding-top: 12.1rem;
    }*/
     /*
    header.sticky h1 {
        max-width: 120px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    header.sticky .sitenav {
        padding-top: 5px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
   
    header.sticky .sitenav .menu > li > a {
        padding-top: 4.15rem;
        padding-bottom: 4.15rem;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }*/



/* --- PAGE HEADERS --- */
    .page-head {
        margin: 0 0 2rem 0;
    }
    .page-head .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        -ms-flex-wrap: wrap;
        align-items: center;
    }
    .page-head h1 {
        width: 64%;
        float: left;
        font-size: 2.8rem;
        margin: 0;
    }
    .bcr,
    .results-count {
        width: 35%;
        float: right;
        text-align: right;
        margin: 0;
    }

/* --- FOOTER --- */
    footer .columns {
        margin-left: -3rem;
    }
    footer .col {
        width: 33.33%;
        float: left;
        margin: 3rem 0 0rem 0;
        padding: 0 0 0 3rem;
    }
    footer .copy {
        floaT: left;
    }
    .footnav {
        float: right;
    }
    footer .col.col-2{
        padding: 0 0 0 9rem;
    }
    .brighterir-copy {
        float: left;
    }

}

@media (max-width: 768px) {

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff!important;
    background: #264193!important;
    opacity: 1;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    padding: .7rem 2rem!important;
    background: rgba(38, 65, 147, 0.2)!important;
    color: #000!important;
    border: none!important;
    border-radius: 0!important;
    opacity: 0.6;
    transition: 0.4s all;
    font-size: 20px;
}

.team-member__wrap {
    display: block;
    justify-content: center;
    align-items: center;
}

.team-member img {
    width: 100%;
    max-width: 65%;
    margin: auto!important;
    display: block;
}

.team-member__info {
    width: 100%;
    float: right;
    padding: 3rem 0rem 1rem;
}

.box-with-shadow.vc_rtl-columns-reverse .ir-content-box-container {
    margin-left: 0;
}

.box-with-shadow .ir-content-box-container {
    margin-left: 0px;
}

.testimonials p {
    padding: 0;
    font-size: 1.7rem;
}

.page-banner#static .banner-content h1 {
    font-size: 4rem;
}
.vc_row.vc_column-gap-35 {
    margin-left: -15px!important;
    margin-right: -15px!important;
}

}

@media (max-width: 550px) {

    .page-banner#static .banner-content img {
        max-width: 250px;
    }
    p img{
        width: 100%;
        padding: 20px;
    }
    header h1 img {
        max-width: 160px;
    }
}