/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1240px) {
	.product br,
	.country br {
		display: none;
	}
	.name, .phone, .mail, .textarea {
		width: 305px;
	}
	form#form {
		display: flex;
		justify-content: center;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1160px) {
	.example1,
	.example2{
		display: none;
	}
	.header_two {
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.what{
	justify-content: space-around;
	}
	.what_item {
		margin-right: 0;
	}
	.btn a {
		padding: 14px 43px 9px 43px;
	}
	.name, .phone, .mail, .textarea {
		width: 250px;
	}
	form#form {
		display: flex;
		justify-content: center;
	}
	.europe_item::after {
		display: none;
	}
	.europe_item h2, .europe_item span {
		font-size: 60px;
		text-align: center;
		display: block;
		line-height: 1.2;
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.europe {
		position: relative;
		padding-top: 156px;
		padding-bottom: 65px;
		background: url(../img/europe_back.jpg) no-repeat center /cover;
	}
	/*.europe::after {
		content: '';
		position: absolute;
		background: url(../img/mappoint.svg) no-repeat center;
		width: 89px;
		height: 88px;
		left: 42%;
		top: 56px;
	}*/
	.nav_slide.nav_slide2 {
		position: absolute;
		left: 42%;
		bottom: 25%;
		display: flex;
	}
	.text_europe {
		justify-content: center;
		text-align: center;
		margin-top: 60px;
		margin-right: 0;
	}

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 1050px) {
	.nav_slide.nav_slide2 {
		position: absolute;
		left: 42%;
		bottom: -20%;
		display: flex;
	}
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: 80px;
		-webkit-transform-style: preserve-3d;
	}
	ul.language{
		/*display: none;*/
	}

	#header ul.language{
		margin-right: 40px;
	}

	.gambur {
		display: block;
		cursor: pointer;
	}
	ul.list_header li a{
		display: -webkit-box!important;
		display: -webkit-flex!important;
		display: -moz-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		display: none;
	}
	ul.list-header{
		display: block;
	}

	ul.list-header {
		margin: 0;
		position: fixed;
		top: 0;
		height: 100vh;
		right: 0;
		width: 320px;
		font-size: 32px;
		z-index: 999;
		display: none;
		background: #fff;
		padding-top: 57px;
		padding-left: 33px;
		padding-bottom: 31px;
		line-height: 30px;
		transform: translate3d(0,0,1px);
	}
	.list-header  li {
		margin: 0;
	    display: block;
	}
	.list-header  li a:hover {
		color: #000;
	}
	.list{
		display: none;
	}
	.list-header  li a {
    display: inline-block;
    color: #e04543;
    padding: 4px 5px;
    font-size: 15px;
    transition: background 0.3s, color 0.3s;
	}
	.text_slide br {
		display: none;
	}
	.s1{
		width: 500px;
		height: auto;
		margin: 20px auto;
	}
	.item_slide {
		flex-direction: column;
		margin-left: 0px;
		padding: 0 15px;
		width: 100%;
	}
	.swiper-slide img {
		display: block;
		margin-bottom: 42px;
	}
	.text_slide {
		margin-left: 0;
		margin-bottom: 30px;
		text-align: center;
		padding: 0 13px;
		width: 500px;
	}
	.swiper-button-next {
		left: 65px;
		margin-left: 15px;
		top: 50%;
		background: url(../img/slide_next_two1.svg) no-repeat center #f4f7f8;
	}
	.text_country {
		width: auto;
		text-align: center;
		padding: 0 13px;
	}
	.swiper-button-prev {
		background: url(../img/slide_prev_two1.svg) no-repeat center #f4f7f8;
	}
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 42%;
	}
	.country{
		position: relative;
		flex-direction: column;
	}
	.text_country {
		width: 500px;
		text-align: center;
		padding: 0 13px;
		padding-top: 35px;
	}
	#vmap {
		width: 100%;
	}
	svg:not(:root) {
		overflow: hidden;
		margin-top: 15px;
	}
	.knop {
		display: block;
		text-align: center;
	}
	.knop1{
		display: none;
	}
	.we h2 {
		text-align: center;
		margin-bottom: 82px;
		padding-right: 20px;
		padding-left: 0;
	}
	.mob{
		display: none;
	}
	.we_content2,.we_content{
		display: none;
	}
	.we_content1{
		display: block;
	}
	.call_back{
		display: none;
	}
	.first_text{
		display: none;
	}
	.two_text {
		text-align: center;
		display: block;
	}
	.footer_item {
		display: block;
		text-align: center;
		justify-content: center;
	}
	.jqvmap-zoomout {
		top: 0;
		left: 47%;
	}
	.jqvmap-zoomin {
		top: 0;
		left: 50%;
	}
	.we_item {
		height: 300px;
		margin: 0;
		align-self: baseline;
	}
	section.country-bl {
		background: linear-gradient(to bottom, #ededed,#f3f3f3,#fff,#fcfcfc,#fff,#fff,#fff,#fff,#fff,#fff,#fff);
	}
	.experience {
		padding-top: 52px;
		padding-bottom: 0;
	}
	/*.europe::after {
		content: '';
		position: absolute;
		background: url(../img/mappoint.svg) no-repeat center;
		width: 89px;
		height: 88px;
		left: 43%;
		top: 56px;
	}*/
	.we {
		padding-top: 109px;
		padding-bottom: 0;
	}
	.nav_slide.nav_slide3 {
		display: block;
		position: absolute;
		top: 71px;
		left: 42%;
	}
	.swiper-button-next.slide_button_next_3 {
		left: 70px;
	}


}
@media only screen and (max-width : 768px){
	.we h2 {
		text-align: center;
		margin-bottom: 82px;
		padding-left: 20px;
		padding-right: 0;
	}
}

@media only screen and (max-width : 670px){
	.nav_slide.nav_slide3 {
		display: block;
		position: absolute;
		top: 71px;
		left: 39%;
	}
	.nav_slide.nav_slide2 {
		position: absolute;
		left: 39%;
		bottom: -20%;
		display: flex;
	}
	/*.europe::after {
		content: '';
		position: absolute;
		background: url(../img/mappoint.svg) no-repeat center;
		width: 89px;
		height: 88px;
		left: 40%;
		top: 56px;
	}*/
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 42%;
	}
	.we h2 {
		text-align: center;
		margin-bottom: 82px;
		padding-left: 0;
		padding-right: 0;
	}

}
/* Small Devices, Tablets */
@media only screen and (max-width : 630px) {
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: 80px;
		-webkit-transform-style: preserve-3d;
	}
	.gambur span {
		width: 33px;
		height: 2px;
	}
	.gambur {
		right: 10px;
		top: 40px;
    width: 34px;
	}
	.we {
		padding-top: 109px;
		padding-bottom: 0;
	}
	.europe::after {
		left: 42%;
		top: 9%;
		background: url(../img/dot_mini.png) no-repeat center;
	}
	.nav_slide.nav_slide2 {
		position: absolute;
		left: 41%;
		bottom: 37%;
		display: flex;
	}
	#header {
		background: url(../img/header_back_mobile1.png) no-repeat center /cover;
	}
	.development h1 {
		font-size: 22px;
	}
	.development p {
		font-size: 14px;
	}
	.what_item p {
		font-size: 10px;
	}
	.text_mobile{
		display: none;
	}
	.experience {
		padding-top: 85px;
	}
	.experience {
		padding-top: 85px;
		padding-bottom: 0;
	}
	.s1,.s3{
		width: 100%;
		height: 100%;
	}
	.text_slide h2,.text_country h2  {
		font-size: 18px;
	}
	.text_slide p,.text_country p:nth-child(3) {
		font-size: 14px;
	}
	.text_slide p {
		padding: 0px 105px;
	}
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 37%;
	}
	.logo_map {
		left: 45%;
		top: 39%;
	}
	.europe_item h2, .europe_item span {
		font-size: 30px;
	}
	.text_europe {
		font-size: 14px;
	}
	.text_europe br{
		display: none;
	}
	.nav_slide.nav_slide2 {
		left: 37%;
		top: 34%;
	}
	.we h2 {
		font-size: 18px;
	}
	.we_content1{
		padding-top: 20px;
	}
	.text_we span {
		font-size: 14px;
	}
	.text_we p {
		font-size: 11px;
	}
	.two_text {
		font-size: 13px;
	}
	.text_we {
		width: 120px;
		padding: 0 22px;
	}
	.what {
		justify-content: space-between;
	}
	.owl-carousel .owl-nav.disabled, .owl-carousel {
		margin-top: 18px;
		display: flex;
		left: 37%;
	}
	.text_country {
		text-align: center;
		padding: 0 13px;
		max-width: 320px;
		padding-top: 35px;
	}
	section.country-bl {
		background: linear-gradient(to bottom, #ededed,#f3f3f3,#fff,#fcfcfc,#fff,#fff,#fff,#fff,#fff,#fff,#fff);
	}
	.text_country h2 {
		margin-bottom: 15px;
	}
	.jqvmap-zoomout {
		top: 0;
		left: 46%;
	}

}

@media only screen and (max-width : 520px) {
	.europe {
		padding-top: 90px;
		background: url(../img/europe_back_mobile1.png) no-repeat center/ cover;
	}
	.header_two {
		padding-bottom: 20px;
	}
	.we {
		padding-top: 20px;
		padding-bottom: 0;
	}
	#vmap {
		width: 100%;
		height: 260px;
		margin-bottom: 0;
	}
	.nav_slide.nav_slide2 {
		position: absolute;
		top: 29%;
	}
	.europe::after {
		left: 40%;
		top: 1%;
		background: url(../img/dot_mini.png) no-repeat center;
	}
	.jqvmap-zoomout {
		top: 0;
		left: 43%;
	}
	.nav_slide.nav_slide2 {
		left: 31%;
		top: 25%;
	}
	.nav_slide.nav_slide3 {
		display: block;
		position: absolute;
		top: 71px;
		left: 35%;
	}
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 36%;
	}
	.s3 img {
		height: 85px;
		margin-bottom: 0;
	}
	.we_item {
		height: auto;
		margin: 0;
		align-self: baseline;
	}
	.logo_map {
		left: 45%;
		top: 43%;
	}

}

@media only screen and (max-width : 420px) {
	.logo {
		width: 230px;
	}
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 31%;
	}
	.europe::after {
		left: 38%;
		top: 1%;
		background: url(../img/dot_mini.png) no-repeat center;
	}
	.nav_slide.nav_slide2 {
		left: 26%;
		top: 25%;
	}
	.nav_slide.nav_slide3 {
		display: block;
		position: absolute;
		top: 71px;
		left: 31%;
	}
	.we h2 {
		padding-left: 0px;
		padding-right: 0;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
	.development h1 {
		font-size: 21px;
	}
	.container {
		padding: 0 10px;
	}
	.what_item {
		width: 83px;
	}
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 33%;
	}
	.jqvmap-zoomout {
		top: 0;
		left: 43%;
	}
	.logo_map {
		left: 40%;
		top: 43%;
	}
	.header_two {
		padding-bottom: 20px;
	}
	#vmap{
		margin-bottom: 0;
	}
	.nav_slide.nav_slide2 {
		left: 31%;
		bottom: 48%;
	}
	.we {
		padding-top: 22px;
		padding-bottom: 12px;
	}
	#footer {
		padding-top: 19px;
		padding-bottom: 15px;
	}
	.europe::after {
		left: 38%;
	}
	ul.list-header {
    width: 100%;
	}
	.gambur.active {
    right: 0;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.europe {
		padding-top: 90px;
		background: url(../img/europe_back_mobile.png) no-repeat center/cover;
	}
	.europe::after {
		left: 36%;
	}
	.nav_slide.nav_slide2 {
		left: 27%;
		bottom: 48%;
	}
	.nav_slide.nav_slide3 {
		display: block;
		position: absolute;
		top: 71px;
		left: 29%;
	}
	.we h2 {
		padding-left: 0px;
		padding-right: 0;
	}
	.nav_slide {
		position: absolute;
		top: -46px;
		left: 30%;
	}

}