@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1024px) {
	
	.site-nav_wrapper {margin-bottom: 20px; }
	
	.site-head_info {
		margin-top: 30px;
	}
	
	.btn-socialmedia_wrapper {
		display: none;
	}
	
	.usage_img {
		display: none;
	}
	
	.usage_img-mobile {
		height: 300px;
		margin: 20px;
	}
	
	.img-wrapper {
		display: flex;
		justify-content: center;
	}
}

@media all and (min-width: 1024px) {
	.usage_img-mobile {
		display: none;
	}
}

@media all and (max-width: 768px) {
	
	#site-header {margin-bottom: 500px;}
	
	.site-nav {display: none;}
	
	.site-nav_wrapper {margin-bottom: 10px; }
	
	.site-head_info {margin-top: 10px;}
	
	.site-head_wrapper {
		flex-direction: column;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.site-header_locker-img {
		margin-left: auto;
		margin-right: auto;
	}
	
	.site-head_info {
		width: 80%;
		margin-bottom: 50px;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
	
	.site-header_locker-img {
		width: 80%;
	}
	
	.usage_img-mobile {
		width: 250px;
		height: 304px; 
		
	}

	
	.about-containers_wrapper {
		flex-direction: column;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.container {
		margin-bottom: 20px;
	}
	
	.usage_wrapper {
		flex-direction: column;
		align-items: center;
	}
	
	.offer-containers_wrapper {
		flex-direction: column;
		align-items: center;
	}
	
	.offer-container {
		width: 80%;
	}
}

@media all and (min-width: 768px) {
	.btn-sm_wrapper {
		display: none;
	}
}
@media all and (max-width: 470px) {
	
	h2 {
		font-size: 30px;
	}
	
	#site-header {margin-bottom: 300px;}
	
	.site-head_description {
		font-size: 20px;
	}
	
	.site-header_locker-img {
		width: 50%;
		height: auto;
	}
	
	.site-head_info {margin-bottom: 20px;}
	
	.contact-form_name {
		width: 300px;}

	.contact-form_message {
		width: 300px;}
	
	.rodo {
		width: 300px;
	}
	
	.offer-container {
		width: 80%;
	}
	
	.container {
		width: 80%;
	}

	.usage-container_left {
		width:  80%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	
	.usage-container_right {
		width:  80%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}
	
	.contact-section_wrapper {
		margin: 0;}
	
	.contact-details {
		font-size: 15px;
	}
	
	.contact_btn {
		width: 80%;
		align-items: center;
	}
}

@media all and (max-width: 320px) {
	.btn-sm_wrapper {
		display: none;
	}
	
	.contact-form_name {
		width: 200px;}

	.contact-form_message {
		width: 200px;}
	
	.rodo {
		width: 200px;
	}
}