body.motolider .hp-search-box
{
	background: white; position: absolute; z-index: 2; margin-top: 100px; width: 300px; border: 1px solid #cacaca; box-shadow: 0 0 10px 1px black; padding: 20px;
}

body.motolider .hp-search-body
{
	display: grid; grid-template-columns: min-content auto; grid-gap: 10px;
}

body.motolider .slider
{
	z-index: 1; position: absolute; left: 0; width: 100%; margin-top: 0px;
}

body.motolider .hp-offers-box
{
	display: grid;
	grid-template-columns: 1fr;
	background: #f5f5f5; xposition: absolute; xleft: 0;
	margin: 20px 0;
}

body.motolider .hp-offers-box .hp-offers-caption
{
	text-align: center; color: #333333; text-transform: uppercase; padding: 30px; font-size: 26px; font-family: OpenSans-Bold;
}

body.motolider .latest-offers-list
{
}

body.motolider .offers-latest
{
	width: calc(100% - 20px) !important;
}

body.motolider .hp-info-links
{
	display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;
}

body.motolider .hp-info-link
{
	display: grid;
	border: 1px solid #efefef;
}

body.motolider .hp-info-link .il-icon
{
	height: 140px;
}

body.motolider .hp-info-link .il-link
{
	padding: 10px; text-align: center; display: grid; place-items: center; color: #3e3e3e; text-decoration: none;
}

body.motolider .hp-info-link.il-newsletter
{
	grid-template-columns: auto 230px;
}

body.motolider .hp-info-link.il-newsletter .il-icon
{
	grid-row: 1;
	grid-column: 2;
}

body.motolider .hp-info-link.il-newsletter .il-link
{
	grid-row: 1;
	grid-column: 1;
}

body.motolider .hp-info-link.il-sellform
{
	grid-template-columns: 230px auto;
}

body.motolider .hp-info-link.il-sellform  .il-icon
{

}

body.motolider #logo
{
}

body.motolider #logo a
{
	display: block !important;
	width: 500px !important;
}

body.motolider #logo a:hover
{
}

body.motolider #logo-frame-body
{
	display: grid;
	justify-items: end;
}

body.motolider #logo-frame-body img
{
}

body.motolider #object-21 .header-contact
{
	width: auto !important;
	background: none !important;
}

body.motolider #page-panel
{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.motolider #p-body
{
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  min-height: 100vh !important;
}

body.motolider #page-panel
{
	width: 100% !important;
	max-width: 100% !important;
}

body.motolider #header-panel
{
	position: relative !important;
}

body.motolider #main-panel
{
	margin: 0 auto !important;
	padding: 10px !important;
	width: 100%;
	max-width: 1400px !important;
}

body.motolider #footer-panel
{
	padding-top: 10px;
	position: relative !important;
}

body.motolider #footer-panel #f-header
{
	padding-right: 15px;
}

body.motolider .menu-panel
{
	position: relative;
}

body.motolider .menu-toggler
{
	float: left;
	padding: 20px 0 0 20px;
}

body.motolider .menu-toggle
{
	display: none;
}

body.motolider .hamburger
{
	display: none;
	width: 30px;
	height: 22px;
	position: relative;
	cursor: pointer;
}

body.motolider .hamburger span
{
	margin: 20px 0 0 20px;
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #ffffff;
	transition: 0.3s ease;
	border-radius: 2px;
}

/* pozycje pasków */
body.motolider .hamburger span:nth-child(1) { top: 0; }
body.motolider .hamburger span:nth-child(2) { top: 9px; }
body.motolider .hamburger span:nth-child(3) { top: 18px; }

@media screen and (max-width: 1300px)
{
	:root
	{
		--slider-height: clamp(300px, calc(300px + 300 * (100vw / 1300)), 600px);
	}

	body.motolider .slide__desc
	{
		font-size: clamp(20px, calc(20px + 30 * (100vw / 1300)), 50px) !important;
		line-height: clamp(30px, calc(30px + 30 * (100vw / 1300)), 70px) !important;
	}

	body.motolider .header-contact
	{
		grid-template-columns: 1fr 1fr !important;
		place-items: start left !important;
		grid-row-gap: 0px !important;
	}

	body.motolider .contact-email
	{
		margin-top: 5px !important;
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	body.motolider .contact-phone
	{
		margin-top: 0px !important;
		grid-column: span 2 !important;
		grid-row: 2 !important;
	}

	body.motolider .contact-phone:nth-child(2) br
	{
		display: none !important;
	}

	body.motolider .contact-phone:nth-child(2) span
	{
		display: block !important;
	}

	body.motolider .contact-phone div
	{
	}

	body.motolider .contact-socialmedia
	{
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

}

@media screen and (max-width: 1340px)
{
	body.motolider #offers .offers-list .offer-item .info,
	body.motolider #offers .offers-list .offer-item .info .summary,
	body.motolider #offers .offers-list .offer-item .info .features
	{
		grid-template-columns: 1fr !important;
	}

	body.motolider #offers .offers-list .offer-item .info > div,
	body.motolider #offers .offers-list .offer-item .info .summary > div,
	body.motolider #offers .offers-list .offer-item .info .features > div
	{
		grid-column: 1 !important;
	}
}

@media screen and (max-width: 1130px)
{
	body.motolider .header-contact
	{

	}

	body.motolider .contact-email
	{
		min-width: 220px !important;
	}

	body.motolider .contact-phone
	{
		min-width: 180px !important;
	}

	body.motolider .contact-socialmedia
	{
		min-width: 120px !important;
	}

	body.motolider #f-header
	{
		display: grid !important;
		margin-left: 15px !important;
		grid-template-columns: 1fr 1fr !important;
	}

	body.motolider #f-header > div[id*="object"]
	{
		min-width: 240px !important;
	}

	body.motolider .offers-latest
	{
		grid-template-columns: 1fr 1fr !important;
	}

	body.motolider #footer-panel
	{
		position: relative !important;
	}

	body.motolider #offers .offers-list .offer-item
	{
		grid-template-columns: 1fr !important;
	}

	body.motolider #offers .offers-list .offer-item .image
	{
		height: auto !important;
	}
}

@media screen and (max-width: 1050px)
{
	body.motolider .hp-info-link.il-newsletter
	{
		grid-template-columns: 260px auto;
	}

	body.motolider .hp-info-link.il-newsletter .il-icon
	{
		grid-row: 1;
		grid-column: 2;
	}

	body.motolider .hp-info-link.il-newsletter .il-link
	{
		grid-row: 1;
		grid-column: 1;
	}

	body.motolider .hp-info-link.il-sellform
	{
		grid-template-columns: auto 260px;
	}

	body.motolider #logo
	{
	}

	body.motolider #logo a
	{
		width: calc(100vw - 550px) !important;
	}

	body.motolider #logo a:hover
	{
	}

	body.motolider #logo-frame-body
	{
	}

	body.motolider #logo-frame-body img
	{
	}

	body.motolider .forms-show .input-group
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}
}

@media screen and (max-width: 980px)
{
	body.motolider .header-contact
	{
	}

	body.motolider .contact-email
	{
		min-width: 235px !important;
	}

	body.motolider .contact-phone
	{
	}

	body.motolider .contact-phone:nth-child(2) br
	{
	}

	body.motolider .contact-phone:nth-child(2) span
	{
	}

	body.motolider .contact-phone div
	{
	}

	body.motolider .contact-socialmedia
	{
	}

	body.motolider #offers .containers
	{
		grid-template-columns: 1fr !important;
	}
}

@media screen and (max-width: 920px)
{
	body.motolider .menu-panel
	{
		height: auto;
		min-height: 60px;
	}

	body.motolider .hamburger
	{
		display: block;
	}

	body.motolider .menu-level-1
	{
		margin-top: -10px;
		display: none;
		flex-direction: column;
		top: 100%;
		left: 0;
		width: 100%;
	}

	body.motolider .menu-level-1 li a
	{
		padding: 5px 10px !important;
		height: 30px !important;
	}

	/* SHOW MENU */
	body.motolider .menu-toggle:checked + .hamburger + .menu-level-1
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 5px;

		margin-left: 60px;
		padding-bottom: 15px;
	}

	body.motolider .menu-toggle:checked + .hamburger span:nth-child(1)
	{
		transform: rotate(45deg);
		top: 9px;
	}

	body.motolider .menu-toggle:checked + .hamburger span:nth-child(2)
	{
		opacity: 0;
	}

	body.motolider .menu-toggle:checked + .hamburger span:nth-child(3)
	{
		transform: rotate(-45deg);
		top: 9px;
	}

	body.motolider .header-contact
	{
	}

	body.motolider .contact-email
	{
	}

	body.motolider .contact-phone
	{
	}

	body.motolider .contact-phone:nth-child(2) br
	{
	}

	body.motolider .contact-phone:nth-child(2) span
	{
	}

	body.motolider .contact-phone div
	{
	}

	body.motolider .contact-socialmedia
	{
	}

	body.motolider #logo
	{
		position: relative !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	body.motolider #logo a
	{
		margin-top: 5px !important;
		width: unset !important;
	}

	body.motolider #logo a:hover
	{
	}

	body.motolider #logo-frame-body
	{
		display: unset !important;
		justify-items: center !important;
	}

	body.motolider #logo-frame-body img
	{
		margin-bottom: 0 !important;
	}

	body.motolider #h-body
	{
		height: auto !important;
	}

	body.motolider #object-21
	{
		width: 400px !important;
		margin: 0px auto !important;
	}

	body.motolider #object-21 .header-contact
	{
		position: unset !important;
		/* height: auto !important; */
		/* width: calc(100vw - 800px) !important; */
		right: unset !important;
		top: unset !important;
	}

	body.motolider #object-20 .content > div
	{
		top: 230px !important;
	}
}


@media screen and (max-width: 870px)
{
	body.motolider .header-contact
	{
	}

	body.motolider .contact-email
	{
	}

	body.motolider .contact-phone
	{
	}

	body.motolider .contact-phone:nth-child(2) br
	{
	}

	body.motolider .contact-phone:nth-child(2) span
	{
	}

	body.motolider .contact-phone div
	{
	}

	body.motolider .contact-socialmedia
	{
		/* display: none !important; */
	}

	body.motolider .boxes
	{
		grid-template-columns: 1fr 1fr !important;
	}
}

@media screen and (max-width: 755px)
{
	body.motolider .header-contact
	{
		position: relative !important;
		top: unset !important;
		right: unset !important;
	}

	body.motolider .contact-email
	{
	}

	body.motolider .contact-phone
	{
	}

	body.motolider .contact-phone:nth-child(2) br
	{
	}

	body.motolider .contact-phone:nth-child(2) span
	{
	}

	body.motolider .contact-phone div
	{
	}

	body.motolider .contact-socialmedia
	{
		/* display: none !important; */
	}

	body.motolider .hp-info-links
	{
		grid-template-columns: 1fr !important;
	}

	body.motolider .hp-info-link.il-newsletter
	{
		grid-template-columns: 260px auto;
	}

	body.motolider .hp-info-link.il-newsletter .il-icon
	{
		grid-row: unset;
		grid-column: unset;
	}

	body.motolider .hp-info-link.il-newsletter .il-link
	{
		grid-row: unset;
		grid-column: unset;
	}

	body.motolider .hp-info-link.il-sellform
	{
		grid-template-columns: 260px auto;
	}

	body.motolider .forms-show .input-group
	{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
	}
}

@media screen and (max-width: 570px)
{
	body.motolider .header-contact
	{
	}

	body.motolider .contact-email
	{
	}

	body.motolider .contact-phone
	{
	}

	body.motolider .contact-phone:nth-child(2) br
	{
	}

	body.motolider .contact-phone:nth-child(2) span
	{
	}

	body.motolider .contact-phone div
	{
	}

	body.motolider .contact-socialmedia
	{
	}

	body.motolider #f-header
	{
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	body.motolider #f-header > div[id*="object"]
	{
	}

	body.motolider .offers-latest
	{
		grid-template-columns: 1fr !important;
	}

	body.motolider .hp-info-link.il-newsletter
	{
		grid-template-columns: auto 285px;
	}

	body.motolider .hp-info-link.il-newsletter .il-icon
	{
		grid-row: unset;
		grid-column: unset;
	}

	body.motolider .hp-info-link.il-newsletter .il-link
	{
		grid-row: unset;
		grid-column: unset;
	}

	body.motolider .hp-info-link.il-sellform
	{
		grid-template-columns: auto 285px;
	}

	body.motolider .boxes
	{
		grid-template-columns: 1fr !important;
	}
}

@media screen and (max-width: 410px)
{
	body.motolider #logo
	{
		position: relative !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	body.motolider #logo a
	{
		margin-top: 5px !important;
		width: unset !important;
	}

	body.motolider #logo a:hover
	{
	}

	body.motolider #logo-frame-body
	{
		display: unset !important;
		justify-items: center !important;
	}

	body.motolider #logo-frame-body img
	{
		width: 100% !important;
	}

	body.motolider #object-20
	{
		display: none !important;
	}
}

@media screen and (max-width: 800px)
{
 	#left-panel
	{
		display: block;

		min-width: auto;
    	width: 100%;

    	height: auto;
	}

	#left-panel .header
	{
	}

	#left-panel .body
	{
		/* display: none; */
		padding: 0;
		margin: 0;
	}

	#left-panel .structure-menu
	{
	}

	#left-panel .menu-level-1 li a
	{
		padding: 5px 5px 7px 5px;
		margin: 0px -5px 0 0;
	}

	#left-panel .menu-level-1 li:hover a
	{
		background: none;
	}

	#left-panel .structure-options
	{
		display: none !important;
	}

	#left-panel .structure-menu li
	{
		display: inline-block;
		width: 24.4%;
		text-align: center;
	}

	#page-panel
	{
		width: 100%;
	}

 	#main-panel
	{
		display: block;

		min-width: 100%;
    	height: auto;
		width: 100%;
		padding: 0 10px;
	}

 	#middle-panel
	{
		display: block;

		min-width: auto;
    	height: auto;
		width: 100%;
	}

	#middle-panel .module-panel
	{
		margin: 5px !important;
	}

 	#right-panel
	{
		display: block;

		min-width: auto;
    	width: 100%;

    	height: auto;
	}

	.fields-group
	{
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
	}
}