@media (min-width: 999px) {

#contactwrapper{
height:600px;
 width:100%;
 padding: 10px;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
border:;
  position:relative;
display:;
z-index:;
line-height:20px;
 z-index:;
 background: linear-gradient(to left, #1f80d621, #0c211b17);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border:;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
}
.contactbox {
  margin-top: 10px;
  position:;
  width:100%;
  padding:;
  display:inline-block ;
  margin-left:70px;
}
.contactbox label {
  display: inline-block;
  margin-bottom: ;
   position:relative;
   width: 140px;
  text-align: right;
  right: -10px;
   padding:10px;
    font-size: 15px;
    line-height:10px;
    background:linear-gradient(to left, #1e1c1a99, #d3f2b375);
  border-radius: 5px;
}
.contactbox input  {
  width: 50%;
 
  box-sizing: border-box;
  display:inline;
   position:inherit;
    padding:10px;
    font-size: 15px;
    line-height:10px;
     background:linear-gradient(to left,  #1d1f3f94, #56644a75);
  border-radius: 5px;
 
}
.contactbox textarea{
	
	 width: 50%;
 
  box-sizing: border-box;
  display:inline;
   position:relative;
    padding:5px;
    margin-bottom:4px;
     font-size: 15px;
    line-height:10px;
	 background:linear-gradient(to left,  #1d1f3f94, #56644a75);
  border-radius: 5px;
 
	}
.error-message {
  color: #f44646;
  font-size: 0.85rem;
  margin-top:px;
  display: flex;
  position:relative;
   padding:20px;
   left:150px;
}
input.invalid, textarea.invalid {
  border: 1px solid #ff3333;
}
.click{
	left:280px;
	align-items:center;
	margin-top:-30px;
    display: ;
   position:relative;
    padding:8px;
	}
.msg{
	vertical-align:middle;
	margin-top:-60px;
   }
  #statusMessage{
	  font-size: 15px;
    line-height:10px;
	   color: #fff;
	  }
	.alert-box { padding: 15px; margin: 10px 0; display: none; border-radius: 4px; }
        .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.karta{
	float:left;
	display:;
	width:100%;
	margin-top: ;
	position:relative;
	height:300px;
	padding-left:0px;
	padding-right:0px;
	z-index:1;
	margin-left:0px;
	margin-bottom:;
	box-sizing:border-box;
	background-size:cover;
	border-radius:16px;
	border:1px solid whire;
}
.location{
  display: flex;
  position:relative;
   margin-left:400px;
  margin-right:;
  flex-direction:row ;
  align-items:center ;
  justify-content:center ;
  height: 300px;
  width: 50%;
  z-index: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: ;
  background:#3a2901f2;;
  border-radius: 20px;
  box-shadow: 0 10px 100px rgba(179, 143, 72, 0.64);
  backdrop-filter: blur(12.7px);
  -webkit-backdrop-filter: blur(12.7px);
  border: ;
  vertical-align: middle;
}
.adres1{
	height:300px;
	width:100vw;
	
  display: inline-block;
  margin-left: 0px;
  margin-right: -5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
  vertical-align: middle;
  background:#012169;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(37, 190, 183, 0.89);
  backdrop-filter: blur(4.6px);
  -webkit-backdrop-filter: blur(4.6px);
  border: ;
  z-index: 1;
  position: relative;
	
}
.adres1 span {
	display: inline-block;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: 125px;
	width: 100%;
	z-index: 4;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	
	font-size: 20px;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
.adres2{
	height:300px;
	width:100vw;
	
	display: inline-block;
	margin-left: 0px;
	margin-right: -5px;
	flex-direction: ;
	align-items: ;
	justify-content: ;
	
	z-index: 4;
	margin-top: px;
	padding-top: 1px;
	vertical-align: middle;
	background:#012169;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgb(53, 145, 166);
	backdrop-filter: blur(4.6px);
	-webkit-backdrop-filter: blur(4.6px);
	border: ;
	z-index: 1;
	position: relative;

	}
.adres1 p {
	display: inline-block;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: ;
	width: 100%;
	z-index: 4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 30px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
.adres2 span {
	display: inline-block;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: 125px;
	width: 100%;
	z-index: 4;
	margin-top: 40px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	
	font-size: 20px;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
.adres2 p {
	display: inline-block;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: ;
	width: 100%;
	z-index: 4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	font-weight:100;
	letter-spacing:5px; 
	line-height: 1.8em;
}
 #contactForm h1{
  width:100%;
  line-height:;
  font-size:16px;
  line-height:;
  margin-bottom:30px;
  margin-left:-40px;
  }
  }
/*8888888888888888888888888888888888888888888888888888SMALLLLLLLLLLLLLLLLLLLLLLLLLL)))))))))))))))))))))))))))))))))))))))))))))))))*/  
@media (max-width: 768px) {
 .estimate1{
  height:500px;
 
         width:100%;
         position:relative;
         display:inline-block;
         z-index:0; 
         padding:0px;   
  }
  .contactbox{
   margin-top: 10px;
    position: ;
    width: 100%;
    padding: ;
    display: inline-block;
  }
  #contactForm h1{
  font-size:14px;
  width:100%;
  margin-left:0px;
  margin-bottom:10px;
  line-height:;
  }
 #contactwrapper {
        height:500px;
 width:100%;
 padding: ;
   border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
border:;
  position:relative;
display:;
z-index:;
line-height:20px;
 z-index:;
 background: linear-gradient(to left, #1f80d621, #0c211b17);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border:;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
    }
    .contactbox label {
  display: inline-block;
  margin-bottom: ;
   position:relative;
   width: 140px;
  text-align: right;
  right: -10px;
   padding:10px;
    font-size: 15px;
    line-height:10px;
    background:linear-gradient(to left, #1e1c1a99, #d3f2b375);
  border-radius: 5px;
  }  
 .contactbox input  {
  width: 50%;
 
  box-sizing: border-box;
  display:inline;
   position:inherit;
    padding:10px;
    font-size: 15px;
    line-height:10px;
     background:linear-gradient(to left,  #1d1f3f94, #56644a75);
  border-radius: 5px;
  }     
   .contactbox textarea{
	
	 width: 50%;
 
  box-sizing: border-box;
  display:inline;
   position:relative;
    padding:5px;
    margin-bottom:4px;
     font-size: 15px;
    line-height:10px;
	 background:linear-gradient(to left,  #1d1f3f94, #56644a75);
  border-radius: 5px;
 
	} 
	.error-message {
  color: #f44646;
  font-size: 0.85rem;
  margin-top:px;
  display: flex;
  position:relative;
   padding:20px;
   left:150px;
}
input.invalid, textarea.invalid {
  border: 1px solid #ff3333;
}
.click{
	left:280px;
	align-items:center;
	margin-top:-30px;
    display: ;
   position:relative;
    padding:8px;
	}
.msg{
	vertical-align:middle;
	margin-top:-60px;
   }
  #statusMessage{
	  font-size: 15px;
    line-height:10px;
	   color: #fff;
	  }
	.alert-box { padding: 15px; margin: 10px 0; display: none; border-radius: 4px; }
        .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

.karta{
	float:;
	display:flex;
	width:100%;
	margin-top: ;
	margin-bottom:;
	position:relative;
	height:300px;
	padding-left:0px;
	padding-right:0px;
	z-index:1;
	margin-left:0px;
	
	box-sizing:border-box;
	background-size:cover;
	border-radius:16px;
	border:1px solid whire;
}
.location{
  display:flex ;
  position:relative;
   margin-left:20px;
    height: 300px;
  width: 90%;
   padding-top: ;
  margin-top: 800px;
  margin-bottom: 50px;
  flex-direction:row ;
  align-items:center ;
  justify-content:center ;
 
  z-index: 0;
  
 
  background:#3a2901f2;;
  border-radius: 20px;
  box-shadow: 0 10px 100px rgba(179, 143, 72, 0.64);
  backdrop-filter: blur(12.7px);
  -webkit-backdrop-filter: blur(12.7px);
 
  vertical-align: middle;
}

.adres1 span {
	display: inline;
	position: ;
	width:100vw;
	flex-direction: ;
	justify-content: space-between;
	height: 125px;
	width: 100%;
	z-index: 4;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	margin-left:10px;
	font-size: 15px;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
.adres1{
	height:300px;
	width:100vw;
	
  display: inline-block;
  margin-left: 0px;
  margin-right: -5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
  vertical-align: middle;
  background: rgba(61, 125, 43, 0.79);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(37, 190, 183, 0.89);
  backdrop-filter: blur(4.6px);
  -webkit-backdrop-filter: blur(4.6px);
  border: ;
  z-index: 1;
  position: relative;
	
}
.adres2{
	height:300px;
	width:100vw;
	
	display: inline-block;
	margin-left: 0px;
	margin-right: -5px;
	flex-direction: ;
	align-items: ;
	justify-content: ;
	
	z-index: 4;
	margin-top: px;
	padding-top: 1px;
	vertical-align: middle;
	background:rgba(37, 26, 8, 0.74);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgb(53, 145, 166);
	backdrop-filter: blur(4.6px);
	-webkit-backdrop-filter: blur(4.6px);
	border: ;
	z-index: 1;
	position: relative;

	}
.adres1 p {
	display: inline-block;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: ;
	width: 100%;
	z-index: 4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 30px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
.adres2 span {
	display: inline;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: 125px;
	width: 100%;
	z-index: 4;
	margin-top: 40px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	
	font-size: 20px;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
.adres2 p {
	display: inline-block;
	position: ;
	flex-direction: ;
	justify-content: space-between;
	height: ;
	width: 100%;
	z-index: 4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	text-wrap: wrap;
	text-align: center;
	align-items: center;
	font-weight:100;
	letter-spacing:5px;
	line-height: 1.8em;
}
 



}