@media only screen and (max-width: 1199px) {
	.logo{
		width: 15%;
	}
	.logo img{
		width: 90%;
		height: auto;
	}
	.padd{
		padding: 0px 50px;
		font-size: 14px;
	}
	.navbar{
		width: 85%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-left: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar li{
		padding-right: 28px;
	}
	.padd li:hover{
		padding-right: 28px;
	}
	.navbar span a{ 
		padding: 13px 17px;
		font-size: 12px;
		margin-left: -130px;
	}
	.navbar span a:hover{
		padding: 13px 17px;
		font-size: 12px;
	}
	.top_header{
		padding: 6px 30px;
		font-size: 11px;
	}
	.adres span{
		padding-right: 12px;
	}
	.adres i{
		padding-right: 2px;
		font-size: 14px;
	}
	.icon a{
		color: #fff;
		font-size: 15px;
		padding-left: 15px;
	}
	.icon a:hover{
		
		padding-left: 15px;
		font-size: 15px;
		transition: 1.2s;
	}
	
			.opening a{
			font-size: 13px;	
	}
				.opening a:hover{
			font-size: 13px;	
	}
	
	.mainbody img{
		width: 100%;
		height: 75vh;
	}
	
.slide_text{
	width: 100%;
	height: 100%;
	padding: 50px 70px;
}
.slide_text span:nth-child(2){
	font-size: 94px;
	font-family: Open Sans;
	line-height: 80px;
}
	.services{
		font-size: 15px;
		padding-top: 80px;
	}
	.work{
		font-size: 30px;
		padding-bottom: 50px;
		margin-top: -2px;
	}
	.solar{
		padding: 0px 40px;
		padding-bottom: 80px;
	}
	.home{
		padding: 0px 8px;
	}
	.why{
		padding: 0px 15px;
	}
	.why img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin-bottom: 20px;
	}
	.tekst{
		padding: 0px 15px;
		line-height: 30px;
	}
	.tekst span:nth-child(1){
		font-size: 23px;
	}
	.tekst span:nth-child(2){
		font-size: 17px;
		line-height: 30px;
	}
	.tekst span:nth-child(3){
		font-size: 17px;
		margin-top: 5px;
		line-height: 25px;
	}
	.tekst span:nth-child(4){
		margin-top: 14px;
	}
	.tekst li{
		font-size: 14px;
		line-height: 13px;
	}
	.tekst span:nth-child(5){
		margin-top: 10px;
	}
	.tekst span a{
		font-size: 14px;
		padding: 10px 12px;
	}
	.tekst span a:hover{
		font-size: 14px;
		padding: 10px 12px;
	}  .content_blok {
		padding: 46px;
		padding-bottom: 100px;
	  }
	.content_blok1{
		padding: 15px 15px;
	}
	.content_blok2{
		background: rgb(26, 189, 255);
		background: linear-gradient(0deg, rgb(41, 146, 75) 5%, rgba(74,167,243,0) 62%);
		height: 80vh;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: end;
		padding: 25px 20px;
	}
	.footer{
		padding: 80px;
		font-size: 16px;
		font-weight: 600;
	}
	.flogo{
		padding-right: 30px;
		text-align: justify;
	}
	.flogo2 img{
		width: 40%;
		height: auto;
	}
	.logo-text{
		font-size: 15px;
		margin-top: 18px;
	}
	.logo-text small{
		font-size: 13px;
	}
	.logo-text span{
		margin-bottom: 5px;
	}
	.social{
		margin-top: 10px;
	}
	.social a{
		font-size: 18px;
		padding-right: 8px;
	}
	.social a:hover{
		font-size: 18px;
		padding-right: 8px;
	}
	.footer-kolom1{
		padding-right: 10px;
	}
	.footer_menu{
		font-size: 14px;
		margin-top: 20px;
	}

	*:focus{
		outline: 0px;
		border: 0px;
	}

	.get1{
		padding-right: 20px;
	}
	.get{
		display: flex;
		align-items: center;
		flex-direction: row;
		margin-bottom: 15px;
		padding: 10px;
		border: rgb(54, 184, 42) 1px solid;
	}
	.geticon{
		padding-right: 20px;
	}
	.geticon i{
		padding: 10px 12px;
		font-size: 16px;
		color: #fff;
		display: flex;
	}
	.gettext{
		display: flex;
		flex-direction: column;
	}
	.gettext span{
		
		font-size: 12px;
		line-height: 20px;
		font-family: Open Sans;
	}
	.gettext span:nth-child(1){
		color: rgb(26, 189, 255);
		text-transform: uppercase;
	}
	
	
	.why2 img{
		height: 290px;
	}
	
	
	.battery2{
		display: flex;
		flex-direction: column;
	}
	
	
	.popup_message .alert{
		font-size: 11px;
		padding: 17px;
		width: 480px;
	}
	

	.team {
		padding: 50px;
	  }
	  .teamm{
		margin-bottom: 0px;
		font-family: Open Sans;
		font-size: 35px;
	  }
	  .team1 p {
		font-size: 15px;
	  }
	  .team1 span a {
		padding: 11px 16px;
		font-size: 15px;
	 }
	  .team1 span a:hover{
		padding: 11px 16px;
		font-size: 15px;
	 }
	 .team1{
		 margin-bottom: 15px;
	 }
	 .team_img{
		 padding-left: 13px;
	 }
	 .team_img img{
		 width: 100%;
		 padding-bottom: 15px;
	 }
	 .team_img img:nth-child(5){
		 display: block;
	 }
	
	}
	
	@media only screen and (max-width: 991px) {
		
	.mainbody img{
		width: 100%;
		height: 60vh;
	}
	
.slide_text{
	width: 100%;
	height: 100%;
	padding: 50px 50px;
}
.slide_text span:nth-child(1){
	line-height: 60px;
	font-size: 35px;

}
.slide_text span:nth-child(3){
	font-size: 35px;
	line-height: 45px;

}
.slide_text span:nth-child(2){
	font-size: 70px;
	line-height: 60px;
}
		.logo{
			width: 20%;
		}
		.logo img{
			width: 100%;
			height: auto;
		}
		.padd{
			padding: 10px 40px;
			font-size: 12px;
		}
		.navbar{
			width: 80%;
			justify-content: right;
		}
		.navbar .container{
			text-align: right;
			justify-content: right;
		}
		.navbar ul{
			margin-top: 10px;
		}
		.navbar li{
			padding-right: 0px;
			list-style: none;
		}
		.padd li:hover{
			padding-right: 0px;
		}
		.navbar span:nth-child(2){
			display: none;
		}
		.top_header{
			padding: 8px 20px;
			font-size: 11px;
			display: flex;
			justify-content: center;
		}
		.adres span:nth-child(2){
			display: none;
		}
		.adres{
			align-items:normal;
			justify-content: center;
			flex-direction: column;
		}
		.adres span{
			padding-right: 11px;
		}
		.adres i{
			padding-right: 2px;
			font-size: 14px;
		}
		.icon{	
			align-items: center;
		}
		.icon a{
			color: #fff;
			font-size: 15px;
			padding-left: 15px;
		}
		.icon a:hover{
			
			padding-left: 15px;
			font-size: 15px;
			transition: 1.2s;
		}
			.opening a{
			font-size: 13px;	
	}
				.opening a:hover{
			font-size: 13px;	
	}
		.services{
			font-size: 14px;
			padding-top: 80px;
		}
		.work{
			font-size: 25px;
			padding-bottom: 30px;
			margin-top: -2px;
		}
		.solar{
			padding: 0px 20px;
			padding-bottom: 80px;
		}
		.home{
			padding: 0px 10px;
			width: 50%;
			margin-bottom: 20px;
		}
		.home1{
			display: block;
		}
		.office{
			background: rgb(26, 189, 255);
			background: linear-gradient(0deg, rgba(0, 0, 0,.7) 8%, rgba(0, 0, 0,.7) 82%); 
			height: 45vh;
			background-repeat: no-repeat;
			background-size: cover;
			padding: 30px 18px;
		}
		.why{
			padding: 0px 10px;
		}
		.why img{
			height: 100%;
			margin-bottom: 20px;
		}
		.tekst{
			padding: 0px 10px;
			line-height: 25px;
		}
		.tekst span:nth-child(1){
			font-size: 12px;
		}
		.tekst span:nth-child(2){
			font-size: 12px;
			line-height: 20px;
			text-align: justify;
		}
		.tekst span:nth-child(3){
			font-size: 12px;
			margin-top: 5px;
			line-height: 18px;
		}
		.tekst span:nth-child(4){
			margin-top: 12px;
		}
		.tekst li{
			font-size: 12px;
			line-height: 10px;
		}
		.tekst span:nth-child(5){
			margin-top: 7px;
		}
		.tekst p{
			display: block;
		}
		.tekst span a{
			font-size: 12px;
			padding: 9px 10px;
		}
		.tekst span a:hover{
			font-size: 12px;
			padding: 9px 10px;
		}
		.content_blok{
			padding: 60px;
		}
		.content_blok1{
			padding: 15px 15px;
		}
		.content_blok2{
			background: rgb(26, 189, 255);
			background: linear-gradient(0deg, rgb(41, 146, 75) 5%, rgba(74,167,243,0) 62%);
			height: 80vh;
			background-repeat: no-repeat;
			background-size: cover;
			display: flex;
			flex-direction: column;
			justify-content: end;
			padding: 25px 20px;
		}
		.footer{
			padding: 60px;
			font-size: 14px;
			font-weight: 600;
		}
		.flogo{
			padding-right: 30px;
			text-align: justify;
			width: 50%;
		}
		.flogo2 img{
			width: 40%;
			height: auto;
		}
		.logo-text{
			font-size: 15px;
			margin-top: 18px;
		}
		.logo-text small{
			font-size: 13px;
		}
		.logo-text span{
			margin-bottom: 5px;
		}
		.social{
			margin-top: 10px;
		}
		.social a{
			font-size: 18px;
			padding-right: 8px;
		}
		.social a:hover{
			font-size: 18px;
			padding-right: 8px;
		}
		.footer-kolom1{
			padding-right: 10px;
			display: none;
			width: 20%;
		}
		.footer-kolom3{
			padding-right: 10px;
			width: 20%;
		}
		.footer_menu4{
			padding-right: 10px;
		}
		.footer-kolom2{
			display: block;
			width: 50%;
		}
		.footer_menu{
			font-size: 14px;
			margin-top: 20px;
		}
		*:focus{
			outline: 0px;
			border: 0px;
		}
		.get1{
			padding-right: 25px;
		}
		.get{
			align-items: center;
			flex-direction: row;
			margin-bottom: 15px;
			padding: 8px;
			border: rgb(54, 184, 42) 1px solid;
		}
		.geticon{
			padding-right: 15px;
		}
		.geticon i{
			padding: 6px 8px;
			font-size: 14px;
			color: #fff;
			display: flex;
		}
		.gettext{
			flex-direction: column;
		}
		.gettext span{
			
			font-size: 11px;
			line-height: 20px;
			font-family: Open Sans;
		}
		.gettext span:nth-child(1){
			color: rgb(26, 189, 255);
			text-transform: uppercase;
		}
		
		
		.why2 img{
			height: 290px;
		}
		
		
		.battery2{
			display: flex;
			flex-direction: column;
		}

		
		.popup_message .alert{
			font-size: 10px;
			padding: 16px;
			width: 350px;
		}
		.team{
			padding: 70px 50px;
		}
		.team2{
			width: 50%;
		}
		.team3{
			width: 100%;
		}
		.manage{
			width: 100%;
			margin: 0px;
			margin-bottom: 30px;
		}
		.team_img{
			width: 50%;
		}
		.team1{
			padding: 40px 20px;
		}
		.team1 h5{
			font-size: 15px;
		}
		.team1 p{
			font-size: 15px;
		}
	}
	
	
	@media only screen and (max-width: 600px) {
		
	.mainbody img{
			width: 100%;
			height: 50vh;
		}
		
	.slide_text{
		width: 100%;
		height: 100%;
		padding: 50px 50px;
		text-align: center;
	}
	.slide_text span:nth-child(1){
		line-height: 60px;
		font-size: 35px;
	
	}
	.slide_text span:nth-child(3){
		font-size: 35px;
		line-height: 45px;
	
	}
	.slide_text span:nth-child(2){
		font-size: 70px;
		line-height: 60px;
	}
		
		.logo{
			width: 30%;
		}
		.logo img{
			width: 100%;
			height: auto;
		}
		.padd{
			padding: 10px 20px;
			font-size: 12px;
		}
		.navbar{
			width: 70%;
			justify-content: right;
		}
		.navbar .container{
			text-align: right;
			justify-content: right;
		}
		.navbar ul{
			margin-top: 10px;
		}
		.navbar li{
			padding-right: 0px;
			list-style: none;
		}
		.padd li:hover{
			padding-right: 0px;
		}
		.navbar span:nth-child(2){
			display: none;
		}
		.top_header{
			padding: 5px 10px;
			font-size: 11px;
			display: flex;
			justify-content: center;
		}
		.adres{
			display: none;
		}
		.icon{	
			width: 100%;
			align-items: center;
			justify-content: left;
		}
		.icon a{
			color: #fff;
			font-size: 17px;
			padding-left: 13px;
		}
		
		.icon a:hover{
			
			padding-left: 14px;
			font-size: 16px;
			transition: 0.5s;
		}
			.opening a{
			font-size: 13px;	
	}
				.opening a:hover{
			font-size: 13px;	
	}
		.services{
			font-size: 12px;
			padding-top: 80px;
		}
		.work{
			font-size: 20px;
			padding-bottom: 15px;
		}
		.solar{
			padding: 0px 10px;
			padding-bottom: 70px;
		}
		.home{
			padding: 0px 30px;
			width: 100%;
			margin-bottom: 20px;
		}
		.home1{
			display: none;
		}
		.office span:nth-child(1){
			font-size: 15px;
			font-family: Open Sans;
			padding: 10px;
		}
		.why{
			padding: 0px;
			width: 100%;
		}
		.why img{
			height: 300px;
			margin-bottom: 20px;
		}
		.tekst{
			padding: 0px 20px;
			line-height: 45px;
			text-align: center;
			width: 100%;
		}
		.tekst span:nth-child(1){
			font-size: 25px;
		}
		.tekst span:nth-child(2){
			font-size: 18px;
			line-height: 28px;
			text-align: center;
		}
		.tekst span:nth-child(3){
			font-size: 18px;
			margin-top: 13px;
			line-height: 25px;
		}
		.tekst3 span:nth-child(3){
			text-align: left
		}
		.tekst p{
			text-align: left;
			font-size: 17px;
			display: flex;
		}
		.tekst b{
			line-height: 30px;
		}
		.tekst span:nth-child(4){
			margin-top: 10px;
			text-align:center;
		}
		.image{
			display: none;
		}
		.tekst ul{
			display: none;
		}
		.tekst span:nth-child(5){
			margin-top: 7px;
		}
		.tekst span a{
			font-size: 16px;
			padding: 12px 20px;
			
		}
		.tekst span a:hover{
			font-size: 16px;
			padding: 12px 20px;
			
		}
		.content_blok{
			padding:  70px 20px;
		}
		.content_blok1{
			padding: 15px 15px;
		}
		.content_blok2{
			background: rgb(26, 189, 255);
			background: linear-gradient(0deg, rgb(41, 146, 75) 5%, rgba(74,167,243,0) 62%);
			height: 80vh;
			background-repeat: no-repeat;
			background-size: cover;
			display: flex;
			flex-direction: column;
			justify-content: end;
			padding: 25px 20px;
		}
		.footer{
			padding: 60px 40px;
			font-size: 14px;
			font-weight: 600;
		}
		.flogo{
			padding-right: 30px;
			text-align: center;
			width: 100%;
		}
		.flogo2 img{
			width: 35%;
			height: auto;
		}
		.logo-text{
			font-size: 14px;
			margin-top: 10px;
		}
		.logo-text small{
			font-size: 12px;
		}
		.logo-text span{
			margin-bottom: 5px;
		}
		.social{
			margin-top: 10px;
		}
		.social a{
			font-size: 18px;
			padding-right: 8px;
		}
		.social a:hover{
			font-size: 15px;
			padding-right: 8px;
		}
		.footer-kolom1{
			padding-right: 10px;
			display: none;
			width: 20%;
		}
		.footer-kolom3{
			padding-right: 10px;
			width: 20%;
		}
		.footer_menu4{
			padding-right: 0px;
		}
		.footer-kolom2{
			display: none;
		}
		.footer_menu{
			font-size: 14px;
			margin-top: 20px;
			text-align: center;
		}

		*:focus{
			outline: 0px;
			border: 0px;
		}
		
		.why2 img{
			height: 290px;
		}
		
	
		.battery2{
			display: flex;
			flex-direction: column;
		}
		
		
		.popup_message .alert{
			font-size: 12px;
			padding: 16px;
			width: 450px;
			border: 0;
		}
		.popup_message{
			justify-content: center;
			padding-bottom: 0px;
		}
		.get2{
			display: none;
		}
		.hide{
			display: block;
			padding: 0px 50px;
			padding-top: 60px;
		}
		.get span{
			font-size: 15px;
		}
		.team{
			padding: 40px 25px;
		}
		.teamm{
			font-size: 25px;
		}
		.team2{
			width: 100%;
		}
		.manage{
			width: 100%;
			margin: 0px;
		}
		.team_img{
			display: none;
		}
		.team1{
			padding: 40px 30px;
			align-items: center;
			text-align: center;
			margin-bottom: 25px;
		}
		.team1 h5{
			font-size: 15px;
		}
		.team1 p{
			font-size: 15px;
		}
	
	}
	
	.office span a{
		border:  solid 1px rgb(54, 184, 42);
	}
	.office span:nth-child(1){
		text-transform: uppercase;
	}
	.padd span a{
		border: 1px solid rgb(54, 184, 42);
	}