@media only screen and (max-width: 830px) {

	#r_menu ul {
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, 50%);
	}

	#r_menu img {
		display: none;
	}

	.home__img a {
		padding-top: 5vh;
	}


	.desktop {
		justify-content: end !important;
	}

	#toggle-menu-icon {
		margin-left: 20px;
	}

	.home__img a {
		font-size: 2.5rem;
	}

	#my_instalator, #my_dystrybutor {
		margin-top: 5%;
	}

	.o-nas__content p {
		padding-bottom: 3%;
	}

	.zalety h4 {
		font-size: 4rem;
	}

	#oferta h3 {
		padding-left: 10px;
	}

	.wszystkie_news::-webkit-scrollbar-track {
		margin-left: 100px;
	}

	#loga img {
		height: 90px;
	}
	
	.certyfikaty__left {
		margin-top: 10vh;
		height: calc(85vh - 75px);
	}

	.certyfikaty__right {
		bottom: 12%;
	}

	.certyfikaty__right .btns a,
	#certyfikaty .btn-white {
		width: 180px;
	}

	#zami p {
		padding-bottom: 3em;
	}

}

@media only screen and (max-width: 576px) {
	
	#r_menu li::before {
		font-size: .75rem;
	}

	#r_menu {
		padding-top: 130px;
	}

	#r_menu a {
		font-size: 1.35rem;
	}

	#my h2, #oferta h2, .certyfikaty__right h2, .klub__header h2, #wsparcie h2, #zami h2 {
		font-size: 2.5rem;
	}

	.sekcja,
	#o-nas,
	#my,
	#oferta,
	#news,
	#certyfikaty, 
	#zami {
		height: 100%;
	}

	#home h1 {
		font-size: 3rem;
		margin-top: 20vh;
	}

	/* #home .row1 {
		height: 48vh;
	} */

	/* .home__img {
		height: 22vh;
	} */


	.paragraf p {
		display: none;
	}

	.home__img a,
	.home__img span {
		font-size: 1.5rem !important;
		padding-top: 8vh;
	}


	.home_offer h3, 
	.home_offer i {
		font-size: 1.25rem;
	}

	#o-nas .col-xl-7 {
		padding: 0;
	}

	#o-nas .btn {
		display: block;
		margin: auto;
		margin-bottom: 5%;
	}

	#o-nas h2 {
		font-size: 3rem;
		padding-top: 5%;
		padding-bottom: 0;
	}

	#o-nas img, .o-nas__content {
		margin-top: 0;
	}

	#o-nas img {
		width: 100%;
		margin-left: 0;
	}

	#o-nas p {
		padding-top: 20px;
	}

	.o-nas-box {
		padding: 4% 25%;
		text-align: center;
		margin-top: 0;
	}

	.o-nas__content p {
		padding-bottom: 5%;
	}

	.my-zmiana {
		position: relative !important;
		left: 0 !important;
		transform: translateX(0) !important;
		width: 100%;
		text-align: center;
		padding-top: 5%;

	}

	.my-zmiana h3 {
		text-align: center;
		margin-right: 0;
	}

	.my-zmiana .div {
		text-align: center;
	}

	.my-zmiana button {
		width: 160px;
	}

	#my .btns {
		position: relative;
		bottom: 0;
		right: 0;
		padding: 10% 0%;
	}

	#my .btns a {
		margin-right: 10px;
		margin-left: 10px;
	}

	.zalety .one {
		margin-left: 7%;
	}

	.zalety h4 {
		font-size: 3rem;
		margin-left: 5%;
	}

	.zalety p {
		padding-right: 0;
	}

	#oferta h3 {
		display: none;
	}

	#oferta h4 {
		margin-top: 20px;
		margin-left: 1%;
	}

	.oferta__link .oferta_ikona {
		height: 20vw;
	}

	.oferta__link {
		width: 100vw;
		height: 50vw;
	}

	.oferta__link img {
		height: 20vw;
	}

	.oferta__content {
		top: 0 !important;
		transform: translateY(0) !important;
	}

	.oferta__header p {
		width: 100%;
	}

	.catalog {
		position: relative;
		bottom: 0;
		right: 0;
		float: right;
	}

	#oferta .btn {
		bottom: -2%;
		left: 3%;
	}

	#news .wszystkie_news {
		height: 620px;
	}

	#news .btns {
		margin-top: 0;
		display: none;
	}

	#news .btns-mobile {
		display: block;
		text-align: center;
	}
  
	#certyfikaty {
		margin-top: 5%;
	}

	.certyfikaty__left h3, .certyfikaty__left h3 span {
		font-size: 3rem;
	}

	.certyfikaty__right {
		position: relative;
	}

	.certyfikaty__right .btns a {
		margin-bottom: 30px;
	}

	.klub__header {
		display: none;
	}

	#klub {
		background-image: none;
		background-color: white;
	}

	#klub .btns {
		position: relative;
		right: 0;
		text-align: center;
		bottom: 0;
	}

	#klub .btns a {
		width: 180px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}


	#klub img {
		min-width: 7vw;	
	}

	.wsparcie__content {
		width: 80vw;
	}

	#zami h2 {
		padding-top: 30px;
	}

	#zami p {
		padding-bottom: 2em;
	}

	#zami .col-md-7 a {
		margin-bottom: 30px;
	}

	#zami .btn-white {
		display: block;
		margin: auto;
		width: 180px;
		margin-bottom: 30px;
	}

}


@media only screen and (max-width: 440px) {

	header img {
		width: 120px !important;
		margin-top: -10px !important;
		margin-left: 5px;
	}

	.ikony {
		top: 25px !important;
		left: 15px !important;
	}

	.ikon1,
	.ikon2 {
		width: 30px !important;
		height: 30px !important;
	}

	#r_menu {
		padding-top: 150px;
	}

	#r_menu a {
		font-size: 1.25rem;
	}

	#home h1 {
		font-size: 2.5rem;
	}

	#home .col-xl-5 .row {
		height: 35vh;
	}

	/* .home_offer {
		height: 16vh;
	}

	.home_offer, 
	.hb2 {
		top: calc(100% - 42.5vh);
	}

	.home__box {
		height: 25vw;
	}

	.home__img a {
		font-size: 1.5rem;
	}

	.home__txt p {
		padding: 0;
		margin: 0 5px;
	}

	.home_offer h3, .home_offer i {
		font-size: 1rem;
	}

	.home__box img {
		height: 7vh;
	} */

	#oferta .btn {
		display: none;
	}

	.catalog {
		margin-top: 20px;
	}

	#news .btns {
		margin-bottom: 30px;
	}

	#news .btns a {
		display: block;
		margin: auto;
	}

	.certyfikaty__left h3 .value {
		font-size: 3rem;
	}

	.certyfikaty__right {
		padding-top: 30px;
		bottom: 0;
	}

	#certyfikaty .btns {
		float: none;
	}

	#klub p {
		padding: 0 10%;
	}

	#klub img {
		min-width: 10vw;
		height: auto;
	}

	#wsparcie h2 {
		font-size: 2rem;
	}
	
	.wsparcie__content {
		width: 87vw;
	}

	#wsparcie a {
		font-size: 12px;
	}

	#zami h2 {
		font-size: 2rem;
	}
}


@media only screen and (max-width: 393px) {

	#toggle-menu-icon {
		margin-left: 5px;
	}

	.ikony {
		left: 8px !important;
	}

	.ikon2 {
		margin-left: 3px;
	}

	header ul {
		margin-right: 5px;
	}

	#r_menu ul {
		padding-top: 70px;
	}

	.home_offer h3 {
		margin-left: 20px;
	}

	.home__box img {
		height: 12vw;
	}


}

@media only screen and (max-width: 375px) {

	header img {
		margin-left: 5px;
	}

	#home h1 {
		font-size: 2.25rem;	
	}

	#home .col-xl-5 .row {
		height: 32.75vh;
	}

	.home__img a {
		padding-top: 10vh;
		font-size: 1.2rem !important;
	}
	
	.home__img a span {
		font-size: 1.2rem !important;
	}
}


@media only screen and (max-width: 360px) {
	#klub p {
		padding-left: 20%;
		padding-right: 3%;
	}

}


@media only screen and (max-width: 320px) {
	#my h2, #oferta h2, .certyfikaty__right h2, .klub__header h2, #wsparcie h2, #zami h2,
	#home h1 {
		font-size: 1.75rem;
	}

	.home__txt p {
		display: none;
	}

	.wsparcie__content {
		width: 100vw;
	}
}


@media only screen and (max-width: 820px) and (-webkit-min-device-pixel-ratio: 1.5) {

	#home h1 {
		font-size: 3rem;
	}

	.home__img a, .home__img a span {
		font-size: 2rem;
	}

	.oferta__header {
		top: 60% !important;
	}

	.news__header {
		margin-top: -140px;
	}

	#news h2 {
		font-size: 1.75rem;
	}

	footer img {
		width: 40%;
	}

}


@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {

	* {
		font-size: 14px;
	}

	.social-media {
		position: relative;
		top: 50%;
	}

}

@media only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio: 1.5) {

	header img {
		width: 200px;
	}

	#home h1 {
		padding-left: 40px;
		font-size: 2.5rem;
	}

	.news__header {
		margin-top: 0;
	}

	.zalety .one {
		margin-left: 7%;
	}

	#oferta h4 {
		font-size: 1.75rem;
	}

}

@media only screen and (max-width: 440px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.news__header {
		margin-top: -20px;
	}

	#klub p {
		padding-left: 15%;
	}

	#klub h4 {
		font-size: 1.25rem;
	}
}


@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5) {

	#home h1 {
		font-size: 2rem;
	}

	.certyfikaty__right h2 {
		margin-top: 40px;
		font-size: 1.5rem;
	}

	#klub {
		height: 100%;
	}

	#klub p {
		padding-left: 22%;
	}

	#formularz h3 {
		font-size: 1.5rem;
	}
	
	#formularz .formularz {
		padding: 2em;
	}
}