@media screen and (max-width: 1400px)
{
	.effect__content h2
	{
		font-size: 45px;
	}
	.effect__content p
	{
		font-size: 18px;
	}
}
@media screen and (max-width: 1170px) {
	.inner__container {
		padding: 0 10px;
	}
	.map__section .outer-txt {
		display: none;
	}
	.we__make__section h2 {
		font-size: 55px;
		margin-top: 19px;
	}
	.effect__content {
		padding: 21vh 5vw;
	}
	.effect__content h2
	{
		 font-size: 40px;
	}
	.effect__content h3
	{
		font-size: 30px;
	}
}

@media screen and (max-height: 700px) {

	.client__list {
		/*background: red;*/
		padding: 4vh 4vw 4vh;
	}
	.map__left #map-view {
		height: 382px;
	}
	input, textarea {
		padding: 12px 20px;
	}
	
	textarea {
		min-height: 166px;
	}
	.map__right .t__btn {
		padding: 6px 10px;
	}
	.we__make__section
	{
		 padding: 13vh 0 5vh;
	}
	.we-make-heading h2
	{
		font-size: 55px;
		margin-bottom: 10px;
	}
	.we-make-svg-wrap
	{
		margin-top: -29px;
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-o-transform: scale(0.75);
		transform: scale(0.75);	
	}
	
}
@media screen and (max-width: 1024px) {
	.section2, .effect__section {
		display: none !important;
	}
	.effect__wrap {
		height: auto;
	}

	.mobile__services {
		text-align: center;
		display: block;
	}

	.m__service__item {
		background: url('../img/pink-bg.jpg');
		padding: 60px 10px 80px;
		min-height: 442px;
		
	}
	.m__service__item.two__slide {
		background: url('../img/green-bg.jpg');
	}
	.m__service__item.three__slide {
		background: url('../img/orange-bg.jpg');
	}
	.m__service__item h2 {
		font-size: 54px;
		font-weight: 700;
		color: #ffffff;
		line-height: 1.1;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	.m__service__item h3 {
		font-size: 30px;
		font-weight: 300;
		color: #ffffff;
		line-height: 1.1;
		text-transform: uppercase;
	}
	.m__service__item p {
		font-size: 16px;
		color: #ffffff;
		font-style: italic;
		line-height: 1.1;
	}
	.services__list {
		margin-bottom: 20px;
	}
	.services__list li {
		display: inline-block;
		width: 20%;
		margin: 0 1%;
	}
	.services__list li img {
		width: 100%;
	}
	.we__make__section {
		height: auto;
		padding: 40px 0;
		display: none;
	}
	.we-make-heading h2, .we-make-heading p {
		display: block;
		float: none;
		width: 100%;
		margin-top: 0;
		font-size: 13px;
	}
	.we-make-heading h2 {
		font-size: 54px;
		text-align: center;
		margin-bottom: 30px;
	}
	.mobile__we__make_wrap {
		display: block;
		background: #fff;
		padding: 40px 15px;
	}
	.mobile-effect-section {
		display: block;
	}
	.effect__wrap {
		position: relative;
		height: 100%;
	}
	.effect__left {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}
	.effect__img {
		height: 100%;
		position: static;
	}
	.effect__content {
		
		position: static;
		    padding: 100px 20px;
    min-height: 430px;
	}
	.flex-control-nav {
		bottom: 0;
	}
	.mobile__services .flex-control-nav {
		bottom: 35px;
	}

	.mobile__services .flex-control-paging li a {
		background: rgba(255, 255, 255, 0.5);
		box-shadow: none;
	}
	.mobile__services .flex-control-paging li a.flex-active {
		background: rgb(255, 255, 255);
	}
	.mobile-effect-section .flex-control-nav {
		display: none !important;
	}
	.mobile-effect-section
	{
		background: #fff;
	}
	.mes-heading span
	{
		   color: #292522;
    font-size: 37px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    text-align: center;
	}
	.mes-heading strong
	{
		   color: #292522;
    font-size: 65px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-bottom: 20px;
	}
}
@media screen and (max-width: 1023px) {

	.header__list li {
		font-size: 13px;
		margin: 0 4px;
	}
	.social__links__list li {

		margin: 0 2px;
	}
	.top__header .t__btn {
		margin-left: 4px;
	}
	.header__content__wrap .logo {
		width: 250px;
	}
	.header__content__wrap .header__content {
		width: 246px;
	}
	.header__content__wrap .header__content h1, .header__content__wrap .header__content h1 .line__2, .header__content__wrap .header__content h1 .line__3 {
		font-size: 32px;
	}

	.we__make__section h2 {
		font-size: 40px;
		margin-top: 37px;
	}
	.we__make__section p {
		font-size: 13px;
		line-height: 1.3;
	}
	.footer__section {
		padding: 38px 0 0;
	}

	.footer__top h5 {
		font-size: 16px;
	}
	.footer__top .info__link {
		font-size: 12px;
	}
	.footer__content p {
		font-size: 12px;
	}
	.footer__info {
		padding: 0 1%;
		width: 22%;
	}
	.footer-tel {
		width: 27%;
	}

	.footer__bottom {
		padding: 20px 0;
	}
	.footer__bottom .header__list {
		margin-left: 0;
	}
	.footer__bottom .header__list li {
		font-size: 11px;
		margin: 0 2px;
	}
	.reversed-txt {
		font-size: 8px;
	}
	.m__service__item h2 {
		font-size: 40px;
	}
	.clients__section {
		padding: 60px 0;
		height: auto;
	}
	.map__section {
		padding: 60px 0 60px 0;
		height: auto;
	}
	.effect__content
	{
		    min-height: 450px;
	}
	.effect__content h2
	{
		 font-size: 32px;
	}
	.effect__content h3
	{
		font-size: 28px;
	}
.footer__logo
{
	  margin-right: 7px;
}

	.icon-group-logo
	{
		background-position: -186.5px -354px;
		height: 47px;
    	 width: 150px;
    	
    	background-size:600px 500px;
	}
	.icon-group-logo:hover
	{
		background-position: -11px -354px;
		
	}
}
@media screen and (max-width: 767px) {

	.global__navigation {
		display: none;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.header__section .top__header {
		position: fixed;
		width: 300px;
		height: 100%;
		background: #000;
		top: 0;
		left: -300px;
		z-index: 1;
		text-align: left;
		padding-top: 70px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		overflow-y: auto;
		padding-bottom: 70px;
	}
	.open-nav .header__section .top__header {

	}
	.header__list {
		display: block;
		width: 100%;
	}
	.header__list li {
		display: block;
		margin: 0;
	}
	.header__list li a {
		display: block;
		padding: 10px 20px;
	}
	.social__links__list {
		padding: 20px;
		display: block;
	}
	.social__links__list li {
		margin: 0 5px;
	}
	.top__header .t__btn {
		margin-left: 20px;
	}
	.menu-icon {
		display: block;
	}
	.open-nav .menu-icon span:first-child {
		width: 18px;
		-webkit-transform: rotate(-33deg);
		-moz-transform: rotate(-33deg);
		-ms-transform: rotate(-33deg);
		-o-transform: rotate(-33deg);
		transform: rotate(-33deg);
		margin-bottom: 3px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}

	.open-nav .menu-icon span:last-child {

		-webkit-transform: rotate(33deg);
		-moz-transform: rotate(33deg);
		-ms-transform: rotate(33deg);
		-o-transform: rotate(33deg);
		transform: rotate(33deg);
		width: 18px;
		margin-top: -2px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}

	.open-nav .header__section .top__header {
		left: 0;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.header__content__wrap .logo {
		margin: 0 0 20px;
		width: 150px;
	}
	.header__content__wrap {
		width: 100%;
	}
	.header__content__wrap .header__content {
		width: 246px;
		text-align: center;
	}
	.header__content__wrap .header__content h1, .header__content__wrap .header__content h1 .line__2, .header__content__wrap .header__content h1 .line__3 {
		font-size: 26px;
		font-weight: 300;
	}
	.header__content__wrap .t__btn {
		font-size: 14px;
	}
	.clients__section {
		height: auto;
		padding: 40px 0 40px;
	}
	.clients__section h3 {
		font-size: 20px;
	}
	.clients__section h2 {
		font-size: 36px;
	}
	.client__list {
		padding: 20px 10px;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.client__list li {
		vertical-align: middle;
		padding: 0 10px 0;
		width:auto;
	}
.client__list li.sec-last {
    padding-top: 0;
    width: auto;
}
.client__list li.last
{
	 width: auto;
}
	.map__section {
		height: auto;
		padding: 40px 0 40px;
	}
	.map__section h2 {
		font-size: 36px;
		margin-bottom: 10px;
	}

	.map__left, .map__right {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding-left: 0;
	}
	.map__left
	{
		margin-bottom: 35px;
	}
	.footer__section {
		padding: 40px 0 0;
	}
	.footer__logo, .footer__content, .footer__info, .footer__right, .reversed-txt {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.footer__logo, .footer-right-img {
		width: 150px;
	}
		.footer__logo {
			margin-right: 0;
		}
	.footer__top {
		padding-bottom: 0px;
	}
	.footer__bottom {
		padding: 10px 0 35px;
	}
	.footer__right .social__links__list {
		text-align: left;
		padding: 10px 0;
		display: none;
	}
	.footer__bottom .header__list {
		margin-left: 0;
		display: none;
	}
	.footer__bottom .header__list li a {
		padding: 10px 0px;
	}
	.footer__info {
		padding: 0;
	}
	.reversed-txt {
		font-size: 9px;
	}
	.we-make-heading h2 {
		font-size: 30px;
	}

	.m__we__make_slider .m__we__make__img {
		float: none;
		margin: 0 auto 15px;
	}
	.m__we__make__content {
		float: none;
		width: 100%;
	}
	.m__service__item
	{
		min-height: 284px;
	}
	.m__service__item h3 {
		font-size: 17px;
	}
	.m__service__item h2 {
		font-size: 20px;
	}
	.m__service__item p {
		font-size: 13px;
	}
	.m__service__item {
		padding: 40px 10px 60px;
	}
	.effect__img {
		height: 250px;
		position: relative;
	}
	.effect__content {
		padding: 35px 10px;
		position: relative;
		min-height: 255px;
	}
	.effect__left, .effect__right {
		width: 100%;
		float: none;
	}
	.effect__left {
		position: static;
	}
	.effect__content h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.effect__content h2 {
		font-size: 30px;
		margin-bottom: 5px;
	}
	.effect__content p
	{
		font-size: 14px;
	}
	.effect__content .title__color {
		margin-bottom: 15px;
	}
	.flex-control-nav {
		bottom: -25px;
	}
	.mobile__services .flex-control-nav {
		bottom: 18px;
	}
	
	.mes-heading span
	{
		font-size: 20px;
	}
	.mes-heading strong
	{
		font-size: 36px;
	}
	.form__row label.error
	{
		   font-size: 10px;
	}
	.map__right .message .success
	{
		 font-size: 10px;
	}
	.map__right .message .error
	{
		 font-size: 10px;
	}
}
@media screen and (min-width: 768px) {
	.top__header {
		display: block;
		width: 100%;
		position: fixed;		
		left: 0;
		right: 0;
		margin: 0 auto;		
		z-index: 99;
		 padding: 10px 0;
	}
	
	.top__header.fixed {
		top:0;
		background: rgba(0,0,0,0.8);
	}
}