/*-----------------------------------MOBILE VERSION---------------------------------------*/

@media(min-width: 601px){
	
	.inner_header p{
		display: none;
	}

	.m_baner{
		display: none;
	}

	.m_image_circle{
		display: none;
	}

	.m_image_circle2{
		display: none;
	}

	.m_main{
		display: none;
	}


	.m_fb{
		display: none;
	}

	.m_text{
		display: none;
	}

	.m_services{
		display: none;
	}
	
}

@media(max-width: 600px){
	body{
		display: inline;
		width: auto;
	}

	.inner_header span{
		display: none;
	}

	.baner{
		display: none;
	}

	.main{
		display: none;
	}

	.image_circle{
		display: none;
	}

	.image_circle2{
		display: none;
	}

	.services{
		display: none;
	}

	.t_services{
		display: none;
	}

	.map{
		display: none;
	}

	.fb{
		display: none;
	}

	.footer{
		display: none;
	}

	.inner_header{
		padding-top: 15px !important;
	}

	.inner_header h1{
		margin-left: 10px !important;
	}

	.inner_header h1{
		font-size: 30px;
	}

	.slideshow-container{
		margin-top: 50px !important;
	}

	.inner_navigation{
		background: url(black.png) !important;
		position: static;
	}

	.image_baner{
		background: url(black.png) !important;
		position: static;
	}

	.m_fb{
		z-index: 4;
		position: fixed;
		height: 160px;
		width: 100px;
		display: block;
		padding-left: 5px;
		top: 80%;
		opacity: 0.8;
	}

	.m_baner{
		text-align: center;
		margin-top: -10px;
		z-index: 2;
		display: block;
		margin-right: auto;
		margin-left: auto;
		position: sticky;
	}

	.m_baner h1{
		font-size: 15px;
		text-shadow: 1px 1px 20px black;
	}

	.m_baner h2{
		font-size: 40px;
		color: #c8ff00;
	}

	.center{
		width: 270px !important;
		height: auto;
		text-align: center;
	}

	.main{
		display: block;
		text-align: center;
		width: 310px;
	}

	.m_wall{
		width: 100%;
		height: 300px;
		display: block;
		background: url(wallpaper.jpg) no-repeat top scroll;
		background-size: cover;
	}

	.services{
		width: 220px;
		height: auto;
		float: none;
	}

	.center_services{
		margin: 0 auto;
	}

	.m_circles{
		display: block;
		width: 200px !important;
		height: 200px !important;
	  	border-radius: 50%;
	 	background-image: url(6.jpg);
	 	background-size: cover;
	 	float: left;
	 	text-align: center;
	 	border: 7px solid #c8ff00;
	 	margin: 40px 70px 0 60px !important;
	 	transition: transform 1s, color 1s, background 2s, filter 1s;
	 	color: white;
	 
	}


	.m_circles2{
		display: block;
		width: 200px !important;
		height: 200px !important;
	  	border-radius: 50%;
	 	background-image: url(7.jpg);
	 	background-size: cover;
	 	float: left;
	 	text-align: center;
	 	border: 7px solid #c8ff00;
	 	margin: 40px 0 0 60px ;
	 	transition: transform 1s, color 1s, background 2s, filter 1s;
	 	color: white;
	 
	}




	.m_circles3{
		display: block;
		width: 200px !important;
		height: 200px !important;
	  	border-radius: 50%;
	 	background-image: url(8.jpg);
	 	background-size: cover;
	 	float: left;
	 	text-align: center;
	 	border: 7px solid #c8ff00;
	 	margin: 40px 0 0 60px ;
	 	transition: transform 1s, color 1s, background 2s, filter 1s;
	 	color: white;
	 
	}




	.m_circles4{
		display: block;
		width: 200px !important;
		height: 200px !important;
	  	border-radius: 50%;
	 	background-image: url(9.jpg);
	 	background-size: cover;
	 	float: left;
	 	text-align: center;
	 	border: 7px solid #c8ff00;
	 	margin: 40px 0 0 60px ;
	 	transition: transform 1s, color 1s, background 2s, filter 1s;
	 	color: white;
	 
	}


	.m_circles5{
		display: block;
		width: 200px !important;
		height: 200px !important;
	  	border-radius: 50%;
	 	background-image: url(10.jpg);
	 	background-size: cover;
	 	float: left;
	 	text-align: center;
	 	border: 7px solid #c8ff00;
	 	margin: 40px 0 0 60px ;
	 	transition: transform 1s, color 1s, background 2s, filter 1s;
	 	color: white;
	 
	}


	.m_circles p{
		padding-top: 65px !important;
		font-size: 22px;
	}

	.m_circles2 p{
		padding-top: 55px !important;
		font-size: 20px !important;
	}

	.m_circles3 p{
		padding-top: 55px !important;
		font-size: 20px !important;
	}

	.m_circles4 p{
		padding-top: 65px !important;
		font-size: 23px !important;
	}

	.m_circles5 p{
		font-size: 25px !important;
		padding-top: 65px !important;
	}


	.inner_us{
		margin-top: -260px;
	}
	

	.text2{
		z-index: 3;
		margin-top: -10px;
	}

	.m_text{
		width: 100%;
		height: 40px;
		background-color: #1f1f1f;
		padding-top: 5px;
		text-align: center;
		margin-top: 20px;

	}

	.image h4{
		font-size: 10px !important;
	}

	.text{
		height: 800px !important;
	}

	.text span{
		width: 210px;
		height: auto;
		padding-bottom: 20px;

	}

	.text h4{
		font-size: 17px;
	}

	.text h4 sub{
		z-index: 4;
		position: relative;
	}



	.image{
		height: 660px;
		width: 90px;
		margin-bottom: 90px;
	}

	.image h3{
		font-size: 10px;
	}

	.m_image_circle{
		background-color: black;
		width: 80px;
		height: 80px;
		border-radius: 100px;
		padding-top: 20px;
		margin-top: 20px;
		transition: transform 1s;
		padding-bottom: 30px;
	}

	.m_image_circle:hover{
		transform: scale(1.1);
	}



	.m_image_circle2{
		background-color: black;
		width: 80px;
		height: 80px;
		border-radius: 100px;
		padding-top: 15px;
		margin-top: 20px;
		transition: transform 0.7s;
	}

	.m_image_circle2:hover{
		transform: scale(1.1);
	}

	.reasons{
		width: 300px;
	}

	.reasons h1{
		font-size: 22px;
		margin: 10px;
		display: block;
		float: left;
		margin-top: 40px;

	}

	.boxes{
		width: 310px;
		margin-top: 50px;
		margin-bottom: 730px;
	}

	.box{
		width: 255px;
		height: 230px;
		margin-left: 30px;
	}

	.form{
		width: 310px !important;
		padding-left: 10px;
	}

	input{
		width: 95%;
	}

	textarea{
		width: 95%;
		margin-bottom: 50px;
	}

	input.button{
		margin-right: 30px;
		margin-right: 55px;
	}

	.thanks{
		width: 310px;
		padding-top: 100px;
	}

	.thanks h1{
		margin-bottom: 50px;
	}



	iframe{
		margin-top: 100px !important;
		margin-top: -50px;
	}

	.place{
		width: 310px;
	}

	.title h2{
		padding-left: 10px;
	}

	.contact_text{
		padding-left: 30px;
	}

	.place{
		height: auto;
		font-size: 15px;

	}

	.place h2{
		margin-top: 10px !important;
		margin-bottom: -30px;
	}

	.place {
		margin-bottom: -40px;
	}

	.opisy{
		width: 310px;
		padding:  18px;
	}

	.m_map iframe{
		margin-top: 0 !important;
	}


}

@media(min-width: 100px) and (max-width: 350px){
		.inner_header h4{
			display: none;
		}
		.inner_header h1{
			color:  #c8ff00;
		}

		.img{
			width: 280px !important;
		}
	}