@media screen and (min-width:1600px){
	#content .clients{background-position: center -300px;}	
}

@media screen and (min-width:1800px){
	#content .clients{background-position: center -350px;}	
}

@media screen and (min-width:1800px){
	#content .clients{background-position: center -400px;}test	
}

@media screen and (min-width:2000px){
	#content .clients{background-position: center -450px;}	
}

@media screen and (min-width:2300px){
	#content .clients{background-position: left -350px;background-size: 80%;}	
}

@media screen and (min-width:2500px){
	#content .clients{background-position: left -250px;background-size: 60%;}	
}

@media screen and (max-width:1600px){
	#slider-1 .slick-slide div.description h2{font-size: 5.5em;}#clame {font-size: 5.5em;}

	/*#hamburger-menu{display: block;padding:38px 40px;transition: all 0.3s ease;}*/
	#head1.fixed #hamburger-menu{padding:15px;}
	/*#header .menu-1{display: none;}*/

	#slider-1 .slick-slide div.description h2{font-size: 5em;}

	#content .safety .head, #content .mission .head{width: 50%;}
	#content .safety .description, #content .mission .description{width: 50%;}
	.phone-mobile{float: none;}
	
	#content .offer .description{font-size: 2em;        line-height: 0.9em;}
	#content .offer .pages-list li:last-child div.description ul{    margin-right: 0em;}
	.widget.type-2 img{margin: -255px auto;  width: 120px;}
	#slider-1 .slick-slide div.description {width:50%;left:20%;right:20%;}
#slider-1 .slick-slide div.description img, #clame img {width:90%;margin:0 auto;}
#content .offer .pages-list > li, #content .offer3 .pages-list > li{    padding: 70px 5% 0;}
#content .strategy div.head{    font-size: 14em;    font-family: 'Josefin Sans', sans-serif;    text-transform: uppercase;    font-weight: 700;    padding: 0;    float: right;    margin: 31px 0.4em;    line-height: 0.73em;}	
#content .communication div.head{margin: 20px -0.6em;}
#content .aproach div.head, #content .benefits div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.description, #content .benefits div.description{font-size:2em;}
.home #logo img{height:40px;}
#content .offer div.head{font-size: 3em;}
#content .offer .pages-list, #content .offer3 .pages-list{padding-top:0;}
#content .offer .pages-list li:first-child h2{font-size: 3em;}
#content .offer .pages-list li:last-child div.description ul{width:85%;margin-top: 0em;    height: 7em;}
.widget ul{padding-bottom: 1em;}
#content .widget.type-2{min-height: 34em;}
#content .consulting div.head{font-size: 3em;}
#content .offer .pages-list li:first-child h2{font-size: 3em;}

}


@media screen and (min-width:1300px){

	#content .clients{background-position: center -200px;}
		/*#hamburger-menu{display: block;padding:38px 24px;transition: all 0.3s ease;}*/
	#head1.fixed #hamburger-menu{    padding: 15px 40px;}
	/*#header .menu-1{display: none;}*/

	#slider-1 .slick-slide div.description h2{font-size: 5em;}

	#content .safety .head, #content .mission .head{width: 50%;}
	#content .safety .description, #content .mission .description{width: 50%;}
	.phone-mobile{float: none;}
	
	#content .offer .description{font-size: 1.3em;        line-height: 0.9em;}
	#content .offer .pages-list li:last-child div.description ul{    margin-right: 0em;}
	.widget.type-2 img{margin: -254px auto;    width: 180px;}
#slider-1 .slick-slide div.description {width:70%;margin:0 auto;100%}
#slider-1 .slick-slide div.description img, #clame img {width:90%;margin:0 auto;}
#content .offer .pages-list > li, #content .offer3 .pages-list > li{    padding: 70px 5% 0;}
#content .strategy div.head{    font-size: 17em;    font-family: 'Josefin Sans', sans-serif;    text-transform: uppercase;    font-weight: 700;    padding: 0;    float: right;    margin: 31px 0.4em;    line-height: 0.73em;}	
#content .communication div.head{margin: 20px -0.6em;}
#content .aproach div.head, #content .benefits div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.description, #content .benefits div.description{font-size:2em;}
#content .offer.columns-2 .pages-list li {width:43%;}
.sidr{font-size:3em;width: 423px;}
#header.open_menu #head1{left:-423px;}
#content .look div.head, #content .brand div.head, #content .strategy div.head, #content .communication div.head{font-size:13em;margin: 25px 0.4em;}
#content .offer .pages-list li:last-child div.description ul{margin-right: 0em;    font-size: 1.5em;    line-height: 0.8em;}
#content .offer.columns-2 .pages-list li{width:50%;}
}

@media screen and (max-width:1200px){
	/*#hamburger-menu{display: block;padding:38px 40px;transition: all 0.3s ease;}*/
	#head1.fixed #hamburger-menu{       padding: 15px 40px;}
	/*#header .menu-1{display: none;}*/

	#slider-1 .slick-slide div.description h2{font-size: 5em;}

	#content .safety .head, #content .mission .head{width: 50%;}
	#content .safety .description, #content .mission .description{width: 50%;}
	.phone-mobile{float: none;}
	
	#content .offer .description{font-size: 2em;        line-height: 0.9em;}
	#content .offer .pages-list li:last-child div.description ul{    margin-right: 0em;}
	.widget.type-2 img{margin: -255px auto;  width: 120px;}
	#slider-1 .slick-slide div.description {width:100%;left:0;}
#slider-1 .slick-slide div.description img, #clame img {width:90%;margin:0 auto;}
#content .offer .pages-list > li, #content .offer3 .pages-list > li{    padding: 70px 5% 0;}
#content .strategy div.head{    font-size: 17em;    font-family: 'Josefin Sans', sans-serif;    text-transform: uppercase;    font-weight: 700;    padding: 0;    float: right;    margin: 31px 0.4em;    line-height: 0.73em;}	
#content .communication div.head{margin: 20px -0.6em;}
#content .aproach div.head, #content .benefits div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.description, #content .benefits div.description{font-size:2em;}
#content .look div.head, #content .brand div.head, #content .strategy div.head, #content .communication div.head{font-size:13em;margin: 25px 0.4em;}

}

@media screen and (max-width:1024px){
#hamburger-menu{display: block;padding:38px 24px;transition: all 0.3s ease;}
#header .menu-1{display: none;}
#logo{    padding: 15px 0 0 2em;}
.contact-panel dl{width:100%;}
.widget.type-2 img {width: 10%;    margin: -144px auto;}
#content .offer .pages-list li:last-child div.description ul{        margin-right: 0em;      width: 79%;    margin-top: 0;}
#content .offer .description{font-size: 1.8em;}
#content .offer .pages-list li:first-child h2{font-size: 4em;}
#content .brand div.head{font-size: 6em;margin: 13px 0.3em;}
#content .strategy div.head{font-size: 6em;margin: 13px 0.3em;}
#content .look div.head{font-size: 6em;margin: 13px 0.3em;}
#content .communication div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.head, #content .benefits div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.description, #content .benefits div.description{font-size:2em;}
#logo img, .home #logo img{height:30px;}

#content .brand, #content .strategy, #content .look, #content .communication, #content .aproach, #content .benefits{min-height:400px;}
.widget ul{padding-bottom:0;}
#content .consulting div.head{    font-size: 3em;}


}





@media screen and (max-width:900px){
	#slider-1 .slick-slide div.description h2{font-size: 5em;}
	#content .offer .pages-list  li{width:50% !important;}
	.contactButtons .pages-list li#page-13 h2 a:before, .contactButtons .pages-list li#page-14 h2:before, .contactButtons .pages-list li#page-15 h2 a:before{width: 100%;}
 #content .offer .pages-list  li li, #content .offer.columns-1 .pages-list  li li,  #content .offer.columns-2 .pages-list  li li,  #content .offer.columns-3 .pages-list  li li, #content .offer.columns-4 .pages-list  li li{width:100% !important;}
	.popup #contact-form-1, .contact-panel.send .msg.done, .contact-panel.send .msg.error{width: 100%;left: 0;margin-left: 0;}
	.popup #contact-form-1:before, .popup #contact-form-1:after{display: none;}


}

@media screen and (max-width:768px){

#logo{    padding: 15px 0 0 2em;}
 #bg {max-width:100%;}

#slider-1 .slick-slide div.description {width:100%;left:0;}
#slider-1 .slick-slide div.description img, #clame img {width:90%;margin:0 auto;}
.widget.type-2 img {width:15%;margin: -145px auto;}
#content .offer .pages-list li:last-child div.description ul{  margin-right: 0.6em;    margin-top: 2em;    width: 74%;    font-size: 0.8em;    line-height: 0.9em;}
#content .offer .description{font-size: 1.7em;}
#content .offer .pages-list li:first-child h2{font-size: 4em;}
#content .brand div.head{font-size: 6em;margin: 13px 0.3em;}
#content .strategy div.head{font-size: 6em;margin: 13px 0.3em;}
#content .look div.head{font-size: 6em;margin: 13px 0.3em;}
#content .communication div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.head, #content .benefits div.head{font-size: 6em;margin: 13px 0.3em;}
#content .aproach div.description, #content .benefits div.description{font-size:2em;}

#content .consulting div.head {font-size: 5em;}

#logoFoot img{width:100%;}
#logoFoot {padding-top: 5px;}

	.contactButtons .pages-list li{width: 100%;}
	#content .blog .head{width:100%;}
	#content #widget-7 div.description ul li{width: 100%;padding: 20px 0;}
	#content .contactButtons div.head:before{width: 100%;}
	 .slider-description,  .name{width:100% !important;}
	
	#foot .copy{width: 100%;text-align: left;}
	#foot .power{width: 100%;text-align: left;}
	#content .offer .pages-list  li{width:50% !important;}
	#logoFoot{margin:0 auto;text-align: center;float: none;padding-top: 0px;}

	#content .clients div.head{font-size: 2.5em;}

	#content .offer div.head, #content .offer3 div.head{padding-top: 1.5em;}
	#content .offer .pages-list > li, #content .offer3 .pages-list > li{padding: 20px 2%;}
	
	body#page1, body#page47{height: auto;}
	#page1 #header,#page47 #header{height: 700px;}
	#slider-1, #slider-1 .slick-slider, #slider-1 .slick-list, #slider-1 .slick-track{height: 600px;}

	#content .offer div.head{font-size: 2em;}
	.pages-list h2{font-size: 1.5em;}
	.blog.widget .pages-slider .name{font-size: 2em;}

	.widget ul{padding-bottom: 1em;}
	#content #widget-5 div.description ul li, #content #widget-20 div.description ul li{margin: 1em 0;}

	#content .contactButtons .head{padding:50px 10% 30px;}
	#content .lookD .pages-list li:last-child div.description ul strong{color:#dfdfdf}
	#content .lookD .pages-list li:last-child div.description ul {color:#4d9ba6}
	
	#content .offer .pages-list li:last-child div.description li{font-size: 0.9em;}
	#content .offer .pages-list li ul{width:80%}
	.popup #contact-form-1, .contact-panel.send .msg.done, .contact-panel.send .msg.error{padding:2em;}
	li#page-14 {display:none !important;}
}



}



@media screen and (max-width:480px){
	.widget div.head{font-size: 2em;}
	#content .rightColumn h3, #content .leftColumn h3{font-size: 1.8em;}


}

@media screen and (max-width:414px){
	#slider-1 .slick-slide div.description h2{font-size: 3em;}

	#content #widget-3 div.head .slick-prev, #content #widget-18 div.head .slick-prev{margin-right: 20px;}
	#content #widget-3 div.head .slick-next, #content #widget-18 div.head .slick-next{margin-left: 20px;}

	#logo{width: 60%;padding-top: 20px;}
	#logo img{max-width: 100%;height: auto;}

	#hamburger-menu{    padding: 15px 40px;}

	#content .clients{min-height: 500px;}


	#page1 #header, #page47 #header{height: 420px;}
	#page1 #head1, #page47 #head1{height: 70px;}
	#slider-1{top: 70px;}
	#slider-1, #slider-1 .slick-slider, #slider-1 .slick-list, #slider-1 .slick-track{height: 350px;}
	#content .offer.logo .head:before, #content .offer.logoGrey .head:before{margin: 0 auto;display: block;height: 30px;}

	.phone-mobile{height: 60px;width: 60px;display;none}
	
	
	#content .offer .pages-list li{width:100% !important}
	#content .offer .pages-list li:first-child h2{font-size: 2.3em;text-align: center;}
	#content .offer .pages-list li ul{width: 90%;    text-align: center;    margin: 0 auto;    padding: 0;}
	#content .offer .pages-list > li, #content .offer3 .pages-list > li{padding: 20px 12%;}
	#content .offer .pages-list li:last-child div.description ul{margin-right: 0;    margin-top: 0px;    width: 100%;    font-size: 0.8em;    line-height: 0.8em;}	
.widget.type-2 img{width: 19%;    margin: -59px auto;}
#content .look, #content .strategy, #content .brand, #content .communication {min-height: 350px;}
#content .consulting div.head{font-size:2.2em}
.widget.type-2 img{left: -8%;}
#content .brand div.head, #content .look div.head, #content .communication div.head, #content .strategy div.head, #content .strategy div.head, {font-size: 4em;    margin: 8px 1.3em;}
#content .aproach div.head, #content .benefits div.head{    font-size: 4em;    margin: 8px 0.3em;}
#content .offer .pages-list li ul{width:100%;list-style:none;}
#content .benefits, #content .aproach{    min-height: 410px;}
.popup #contact-form-1, .contact-panel.send .msg.done, .contact-panel.send .msg.error {padding:15px;}
#content .offer .pages-list > li, #content .offer3 .pages-list > li{padding:2em;}
.contactButtons .pages-list li#page-13 h2 a:before, .contactButtons .pages-list li#page-14 h2:before, .contactButtons .pages-list li#page-15 h2 a:before{background-size:30%;}
#content .brand div.head, #content .look div.head, #content .strategy div.head, #content .communication div.head{    font-size: 3em;    margin: 5px 1.3em;}
#content .widget.type-2{    min-height: 14em;}
#content .consulting div.head{    font-size: 2em;}
#content .aproach div.head, #content .benefits div.head {font-size: 3em;}
.contactButtons .pages-list li#page-13 h2 a:before, .contactButtons .pages-list li#page-14 h2:before, .contactButtons .pages-list li#page-15 h2 a:before{height:80px;background-size:25%}
#content #widget-1.offer div.head:after, #content #widget-16.offer div.head:after{display:none;}
#content .aproach div.description, #content .benefits div.description{font-size: 1.5em;}


}

@media screen and (max-width:320px){
	#hamburger-menu{padding:   padding: 15px 40px;}
	#page1 #head1, #page47 #head1, #head1{height: 80px;}
}

@media screen and (max-height: 768px), screen and (max-width: 480px){
	.popup #contact-form-1,.contact-panel.send .msg.done,.contact-panel.send .msg.error{height: auto;width:100%;}

	.popup, .contact-panel.send{display: block;position: static;}
	.popup .bg, .contact-panel.send .bg{display: none;}
	.popup #contact-form-1,.contact-panel.send .msg.done,.contact-panel.send .msg.error{position: static;margin:0 auto;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

	.contact-panel .close{display: none;}
}