/*
 * 4.14 CONTACTS
 */

.contacts-page-section{
	min-height: 400px;
}
.contacts-page-section + .footer-section{
	margin-top: 0;
}
#contacts-map{
	width: 100%;
	height: 100%;
	position: absolute!important;
	z-index: 10;
}
.contacts-page-section .contacts-info{
	width: 290px;
	position: absolute;
	z-index:  15;
	bottom: 20px;
	right: calc(50% + (640px - 328px));
	padding: 1rem 1.5rem 0.9rem 1.5rem;
	background-color: rgba(135, 132, 132, 0.84);
	font-size: 0.7rem;
	border-radius: 11px
}
.contacts-page-section .contacts-info .title{
	margin-bottom: 0.9rem;
}
.contacts-page-section .contacts-info .title .dblock{
	margin-bottom: 0.4rem;
}
.contacts-page-section .contacts-info .contacts-row{
	margin-top: 0.7rem;
}



/* Desktop */

@media all and (max-width: 2880px){
	
}
@media all and (max-width: 2560px){
	
}
@media all and (max-width: 2048px){
	
}
@media all and (max-width: 1920px){
	
}
@media all and (max-width: 1680px){
	
}
@media all and (max-width: 1600px){
	
}
@media all and (max-width: 1440px){
	
}
@media all and (max-width: 1366px){
	
}
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1240px){
	.contacts-page-section .contacts-info{
		right: auto;
		left: 10px;
	}
}
@media all and (max-width: 1200px){
	
}
@media all and (max-width: 1136px){
	
}
@media all and (max-width: 1024px){
	
}

/* ~ Tablets */

@media all and (max-width: 960px){
	
}
@media all and (max-width: 906px){
	
}
@media all and (max-width: 854px){
	
}
@media all and (max-width: 800px) {
	
}
@media all and (max-width: 768px){
	#contacts-map{
		width: 100%;
		height: 400px;
		position: relative!important;
	}
	.contacts-page-section .contacts-info{
		width: 100%;
		position: relative;
		bottom: auto;
		right: auto;
		padding-right: 0;
		padding-left: 0;
		text-align: center;
		left:0;
	}
}
@media all and (max-width: 736px){
	
}
@media all and (max-width: 720px){
	
}

/* ~ Cellphones */

@media all and (max-width: 667px){
	
}
@media all and (max-width: 640px){
	
}
@media all and (max-width: 601px){
	
}
@media all and (max-width: 568px){
	
}
@media all and (max-width: 540px){
	
}
@media all and (max-width: 480px){
	
}
@media all and (max-width: 414px){
	
}
@media all and (max-width: 384px){
	
}
@media all and (max-width: 375px){
	
}
@media all and (max-width: 360px){
	
}
@media all and (max-width: 320px){
	
}
@media all and (max-width: 218px){ /* Moto 360 Watch */
	
}
@media (max-device-width: 42mm) and (min-device-width: 38mm){ /* Apple Watch ~ 158px max, 143px min */
	
}