@media (min-width: 1600px){

	#home-menu{

		margin-top: -10%;

	}

}

@media (max-width: 1280px){

	#clients .rowspan .inner {

	    padding-left: 10px;

	}

}

@media (max-width: 1240px){

	#clients .rowspan {

	    font-size: 20px;

	}

	

}

@media (max-width: 1200px){

	.col {

		    padding: 0 10px;

	}

	.row {

	    margin: 0px -10px;

	}

	#page {

	    padding: 15px 45px 60px;

	}

	#projects article{

		width: 220px;

	}

}

@media (max-width: 1100px){

	#home-menu a{

		font-size: 20px;

	}

	#home-menu .small .valign:before{

		display: none;

	}

	#home-menu a.small span{

		display: block;

		text-align: left;

		margin: 10px;

	}

	footer nav a{

		font-size: 14px;

	}

}

@media (max-width: 900px){

	#home-menu .valign:before{

		display: none;

	}

	#clients .rowspan {

	    font-size: 16px;

	}

	#home-menu a.big img{

		margin: 10px 0;

	}

	#home-menu a.big span{

		display: block;

		text-align: left;

		margin-left: 0px;

	}

	footer{

		padding:0px 0px;

	}

}

@media (min-width: 768px){
	body{
		overflow: hidden;
	}
	#page .main{
		overflow: hidden;
	}
}
@media (max-width: 768px){

	body{

		background: #d1d1d1 !important

	}

	header{

		padding-top: 0px;

	}
	#r-menu{

		display: none;

	}

	.col{

		width: 100%;

	}

	#home-menu .col{

		width: 100%;

		float: none;

	}

	#home-menu a:hover {

    	transform: none;

	}

	#clients .rowspan {
	    font-size: 20px;
	}
	#clients article:first-child{
		padding-top: 0px;
	}
	#client .text table td {
		display: block;
		width: 100% !important;
		border: none !important;
	}

	#home-menu .valign:before,

	#home-menu .small .valign:before{

		display: inline-block;

	}

	#home-menu a.big span,

	#home-menu a.small span{

		display: inline-block;

	}

	#home-menu a .slider{

		font-size: 16px;

	}

	#contacts .contacts-text{

		width: 100%;

	}

	#contacts .map{

	    width: 100%;

	}

	#contacts .contacts-form button.contacts-send{

		margin-left: 0px;

	}

	#contacts .contacts-form .form-group.field-contactsform-sendtome {

		max-width: 90%;

		margin-top: 10px;

	}

	#project .inner,

	#client .inner {

   		padding: 35px 18px 24px 18px;

	}

	#project .text table td{

	    display: block;

	    border: none !important;

	    height: 100% !important;

	    width: 100% !important;

	}

	footer{

		padding:0px;

		background: rgba(47, 49, 146, 0.82);

	}

	footer nav{

		display: none;

		font-size: 20px;

	}

	footer #mobile-menu{

		display: block;

	}

	footer nav > a,

	footer nav .socials,

	footer #language-bar{

		display: block;

		border-right: none;

		border-bottom: 1px solid rgba(255,255,255,0.2);

		margin: 0 auto;

		width: 300px;

		font-size: 18px;

		float: none;

		text-align: center;

   		overflow: hidden;

   		border-left: none;

	}

	footer nav .socials a,

	footer #language-bar a{

		display: block;

		width: 50%;

		float: left;

	}

	footer nav > a img{

		display: none;

	}

	footer nav > a:first-child{

		border-left: none;

	}

	footer nav a:hover {

	    background: rgba(47, 49, 146, 1);

	}

	footer nav .socials a:hover {

	    background: none;

	}

	footer #fontsize #changefontsize{

		height: 29px;

	}

	footer #translate #google_translate_element{

		top: 0;

		padding: 5px;

		width: 100%;

	}

	footer #fontsize #changefontsize{

		bottom: 0;

	}

	footer #fontsize #changefontsize span{

		z-index: 3;

	}

}

@media (max-width: 720px){

	#page-logo{

		display: none;

	}

}

@media (max-width: 500px){

	.col{

		width: 100%;

	}

	#clients .rowspan {

	    height: 150px;

	}

	#page{

		padding: 25px 15px 125px;

	}

}

@media (max-width: 470px){

	#projects article{

		margin: 0 auto;

		float: none;

	}
	#client .image{
		float: none;
	}

}


@media (max-width: 400px){

	header #language-bar{

		width: 100%;

		margin-top: 3px;

		margin-left: 0;

	}

	header #logo {

	    float: none;

	    margin: 0 auto;

	}

	header .header-inner{

		width: 100%;

		padding: 5px 0 5px 5px;

	}

	header #language-bar a, header #language-bar span {

	    display: inline-block;

	    height: 30px;

	    line-height: 30px;

	    width: 50%;

	}
	header nav .head-menu-item{
		min-height: 35px;
		text-transform: none;
	}

	#home-menu a{

		font-size: 16px;

	}

	#home-menu a article > img {

	    max-width: 65px;

	}


	#contacts .contacts-form .form-group.field-contactsform-sendtome {

		max-width: 82%;

	}

}