/* Large desktops and laptops */
@media (min-width: 1200px) {
	.text-wrapper.home .big-txt {
	    font-size: 52px;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.text-wrapper.home .big-txt {
	    font-size: 64px;
	}

	.slides-navigation a.next {
    	right: 20px;
	}

	.text-wrapper.home{
		width: 80%;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.text-wrapper.home .big-txt {
	    font-size: 52px;
	}

	.text-wrapper.home{
		width: 80%;
	}

	.text-wrapper p {
	    width: 90%;
	}

	.slides-navigation a.next {
    	right: 20px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.text-wrapper.home .big-txt {
	    font-size: 26px;
	}

	.text-wrapper p {
	    width: 80%;
	    font-size: 14px;
	    margin: 20px auto;
	}
	.fullscreen{
		height:auto!important;
	}

	.nav-wrapper .nav-outer{
		position: relative;
		display: block;
		width: 100%;
		height: 85%;
		overflow: scroll;
	}
	.container-fluid.content-blocks .row-2 .right{
	    padding: 5% 5% 0 15%!important;
	}
	.fullscreen.news .content-a,.fullscreen.news .content-c,.fullscreen.news .contentLeft,.fullscreen.news .contentRight{
		display: block;
	}
	.fullscreen.news .contentRight{
		width:100%;
		height: auto;
	}
	.fullscreen.news .contentLeft{
		width:100%;
		height: 350px;
	}
	.news .textcontainer{
		width:100%;
	}

	.brandgen__item .details,
	.brandgen__item .image{
		width:100%;
	}

	.not-fullscreen.brandgen-page .content-a,
	.not-fullscreen.brandgen-page .content-b,
	.not-fullscreen.brandgen-page .content-c{
		display: block;
	}

	.not-fullscreen.brandgen-page input{
		width:100%;
	}

	.fullscreen.contact .contentLeft,
	.fullscreen.contact .contentRight{
		width:100%;
		display: block;
	}
	.fullscreen.contact .content-a,
	.fullscreen.contact .content-b,
	.fullscreen.contact .content-c{
		display: block;
		height:auo;
	}


	.not-fullscreen.project .content-a,
	.not-fullscreen.project .content-b,
	.not-fullscreen.project .content-c,
	.fullscreen.project .content-a,
	.fullscreen.project .content-b,
	.fullscreen.project .content-c,
	.not-fullscreen.project,
	.fullscreen.project{
		display: block;
		height:auto;
	}
	.fullscreen.project .contentLeft,
	.fullscreen.project .contentRight{
		display:block;
		width: 100%;
		float: left;
		text-align:left;
		padding: 10% 5% 5% 15%!important;
	}

	.fullscreen.project .contentRight *,
	.fullscreen.project .contentLeft *{
		padding: 0!important;
	}
	.fullscreen.project .contentRight.image,
	.fullscreen.project .contentLeft.image,
	.fullscreen.project.objective .contentLeft .objectiveimg,
	.fullscreen.project.result .contentRight .resultimg,
	.fullscreen.project.result.image{
		height:300px!important;
	}
	.fullscreen.project.objective .contentLeft,
	.fullscreen.project.result .contentRight{
		padding:0!important;
	}
	.fullscreen.project.objective .contentLeft .objectivetxt,
	.fullscreen.project.result .contentRight .resulttxt{
		height:auto;
		padding: 10% 5% 5% 15%!important;
	}

	.projectlist{
		font-size: 13px;
	}
	.social-wrapper {
	    bottom: 0px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	header{
		background-color: #313c42;
	}

	.nav-vertical-bar{
		background-color: transparent;
		border-color: transparent;
		height: auto;
	}

	.nav-vertical-bar .btn-wrapper{
		top: 30px;
		margin: 0;
	}

	.nav-wrapper .nav-inner{
		display: block;
	}

	.sticky-nav{
		border-color:transparent;
	}

	.sticky-nav.nav-wrapper{
		background-color: #313c42;
		width: 210px!important;
		top:90px;
		left:0;
		padding: 20px;
		z-index: 97;
	}

	.nav-wrapper .main-nav > li > a,
	.nav-wrapper .main-nav > li > span {
	    font-size: 22px;;
	}

	.nav-wrapper .sub-nav > li > a {
	    font-size: 16px;
	}

	.nav-wrapper li {
	    margin-bottom: 12px;
	}

	.slides-navigation a.prev {
    	left: 20px;
	}

	.slides-navigation a.next {
    	right: 20px;
	}

	.text-wrapper.home {
	    width: 90%;
	}

	.nav-wrapper .nav-outer{
		position: relative;
		display: block;
		width: 100%;
		height: 65%;
		overflow: scroll;
	}
	.headerabt{
		padding-top: 40px;
	}
	body{
		padding-top: 90px;
	}
}