@media screen and (max-width:420px){
	.etc_developer{
		margin-bottom: 30px;
		padding:0 !important;
	}
	.slick-slider{
		margin-bottom: 0 !important
	}
	#mujiki{
		height:auto !important;
	}
	.slider{
		margin-top: 0 !important
	}
	.holder{

	}
	.ui.container{
			margin-left:0 !important;
			margin-right: 0 !important;
	}
	.stack-container{
		display: flex;
		flex-direction: column;
	}
	.stack{
		padding-top: 10px;
		padding-bottom: 10px;
		
		border-top: 3px solid #7c6d85;
	}
	.stack:nth-child(1n+2) {
    border-left: none;
	}
	.stack-title{
		width:70%;
		text-align: center;
	}
	.ui.grid {
		display: flex;
		flex-direction: column;

	}
	.testTEST{
		display: flex;
		flex-direction: column;
	}
	.ui.grid>.column{
			width:100% !important;
	}
	.slider img {
   width: 100% !important;
}
#project_map_img{
	width:100%;
}
.contacts{
	padding:5px !important;
	height:auto !important;

}
footer .contacts{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
}
footer{
	
}
.allrights{
	margin-top: 40px !important;
	padding-bottom: 20px !important;
	margin-left: 15% !important;
}
.footerData{
	padding-top: 15px;
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	height:60% !important;

}
.bostilName{
	text-align: center;
}
.motto{
	text-align: center;
}
.quotesBlock{
	display: grid;
	grid-template-areas: "item" !important;
	grid-template-columns: 100%;
	grid-row-gap: 40px !important;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	margin-top: 10%;
}
.quotesBlock>.item{
	border-top: 2px solid #0aab8a!important;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none !important;
	text-align: center;
}
.map{
	margin-top: 0px !important;
	width:100vw;
}
.masthead h1.ui.header{
	font-size:2.2em !important;
	margin-top:60% !important;
}
.contact-pane{
	
	flex-direction: row !important;
	justify-content: center !important;
}
#dropdown_contact_cont{
	width:80% !important;
		display: flex !important;
		flex-direction: column !important;
		padding:0;
	margin:0 auto !important;
}
#dropdown_contact_cont>.testTEST>.contact_block{
	width:100% !important;
}
#dropdown_contact_cont>.testTEST>.contact_block>.contact_block_item>input,textarea{
	width:100% !important;
}
#dropdown_contact_cont>.testTEST>.contact_block{
	flex-grow: 
}
#dropdown_contact_cont>.testTEST>contact_block>.contact_block_item{
	width:100% !important;
}
.contact_block_item_double{
	display: flex;
	flex-direction: column;

}
.contact_block_item_double>div>input{
	width:100%;
}
.submit_contact_block{
	justify-self:center;
}
.column_contacts_block{
	align-items: center;
	margin-left: 0;
	margin-top: 30px;
	justify-content: flex-start;
}
.description_contact_block{
	text-align: center;
}
.column_contacts_block{
	height:auto;
}
.row_contacts_block_item{
	align-items: center;
	align-content: center;
}
.footerList>.ui,.list{
	text-align: center;
}
}



/**-----------casestudies-----*/

@media screen and (max-width:420px){
.contact-pane .close.icon{
	top:2.7em !important;
	right:1em !important;
}
.bostilNameCompany{
	font-size: 2.5em;
}
.bostilNameTitle{
	font-size: 2.2em;
}
.motto{
	font-size: 2em;
}
.realised_projects_pool{
	display: flex !important;
	flex-direction: column;
}
.realised_project>.content{
	
	display: grid;
	grid-template-columns: 100%;
}
.realised_project>.content>img{
	object-fit: contain;
	height:auto !important;
	width:100% !important;
	}
	.realised_project>.content>.project_descr>h3{
		font-size:16px;
	}
	.realised_project>.content>.project_descr{
		margin-top: 20px;
		margin-left:0px !important;
	}
	#main_page_nav_case_studies{
		width:100% important;
	}
		.realised_project>.content>.project_descr>h1{
		line-height: 0.7;
	}
	.realised_project>.content>.project_descr>.project_stack_icon{
		margin-top:12px;
	}
.page.case-studies>.ui{
	width:100% !important;
	padding:10px;
	margin: 0 !important;
}
.project_descr{
	margin-left: 0 !important;
}

}

.third-line{
	font-size: 28px;
}


/*-----------------------------------about--------------------*/


@media screen and (max-width:420px){
	.vacansies_content_stack{
		display: flex;
		flex-direction: column;
	}
	.vacansies_content_stack>div{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#works{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
		align-items: center;
	}

}



@media screen and (max-width: 1366px){
	.allrights{
	margin-top: 40px;
	padding-bottom: 20px;

}

.realised_project>.content>img{
	
}
.project_descr{
	margin-left:60px !important;
}
.project_descr>div>h1>a{
	font-size:1.2rem !important; 
}
.project_descr>div>h3{
	font-size:1.3rem !important; 
}
.project_stack_icon{
	margin-top:0 !important;
}
#our_pool{
	width:90% !important;
}
}


@media screen and (max-width:1440px){
.allrights{
	
}
.project_descr>div>h1>a{
	font-size:2.2rem !important; 
}
.project_descr>div>h3{
	font-size:1.1rem !important; 
}
}

@media screen and (max-width:1600px){
	.project_descr>div>h1>a{
	font-size:2.4rem !important; 
}

.testTEST{
	width:80%;
	margin-left: 10%;
}
.project_descr>div>h3{
	font-size:1.4rem !important; 
}
.allrights{
	
}
}

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