@media (max-width: 768px) {
	
	html {
		font-size: 3.5vw;
	}
	
	.container {
		width: 95%;
		max-width: 600px;
	}
	
	.hidden-mobile {
		display: none;
	}
	
	header {
		top: 0;
		left: 0;
		width: 100%;
		margin-left: 0;
		padding-top: 0;
		height: auto;
		border-bottom: 1px solid #dddddd;
	}
	
	header .logo {
		display: block;
		float: none;
		top: 0.7rem;
		left: 1rem;
		width: 14rem;
		height: 4.79rem;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	header .logo img {
		width: 100%;
		height: auto;
	}
	
	
	header ul.menu {
		width: 100%;
		background: #fbfbfb;
		border-top: 1px solid #ccc;
		float: none;
	}
	
	header ul.menu li {
		margin: 0 !important;
		padding: 0;
		border-bottom: 1px solid #ccc;
		display: block;
	}
	
	header ul.menu li a {
		color: #383838;
		font-size: 1.4rem;
		line-height: 1.4rem;
		padding: 1.2rem 0.6rem 1.4rem;
		height: auto;
		text-align: center;
		margin: 0;
		display: block;
	}
	
	header form.search {
		float: none;
		width: 100%;
		padding: 0.6rem;
		margin: 0;
		background: #fbfbfb;
		border-bottom: 1px solid #ddd;
	}
	
	header form.search input[type="text"] {
		height: 3rem;
		font-size: 1.6rem;
		line-height: 1.6rem;
		padding: 0.7rem 4rem 0.7rem 1.6rem;
		border-radius: 1.5rem;
	}
	
	header form.search button[type="submit"] {
		width: 1.8rem;
		height: 1.8rem;
		top: 1.2rem;
		right: 1.8rem;
	}
	
	header ul.social {
		width: 8rem;
		padding-top: 1.2rem;
	}
	
	header ul.social li {
		width: 4rem;
	}

	header ul.social li img {
		width: 2rem;
	}
	
	header .phone {
		float: right;
		margin-right: 2rem;
		width: 15rem;
		font-size: 1.4rem;
		line-height: 2rem;
		padding-top: 0.4rem;
		background-size: 2rem auto;
		padding-left: 2.7rem;
		padding-bottom: 0;
	}
	
	header .mobile-toggle {
		width: 4.2rem;
		height: 4.2rem;
		background: url('../images/mobile-menu-button.png') no-repeat center center;
		background-size: contain;
		cursor: pointer;
		top: 0rem;
		right: 0.8rem;
		position: absolute;
	}
	
	section.intro {
		width: 100%;
	}
	
	section.side-menu {
		width: 100%;
		float: none;
		padding-bottom: 1rem;
	}
	
	
	
	section.slideshow {
		height: 35rem;
		width: 100%;
		float: none;
		overflow: hidden;
	}
	
	section.slideshow .slide-content-table {
		width: 98%;
		height: 35rem;
		left: 1%;
	}
	
	section.slideshow.home .slide-content-table .slide-content-row .slide-content-cell h3 {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	
	section.slideshow .slide-content-table .slide-content-row .slide-content-cell {
		padding: 0 1.5rem 0 0;
	}
	
	section.slideshow .slide-content-table .slide-content-row .slide-content-cell h3 {
		width: 100%;
	}
	
	section.slideshow .slide-content-table .slide-content-row .slide-content-cell h3 br {
		display: none;
	}
	
	section.slideshow .slide-content-table .slide-content-row .slide-content-cell p {
		width: 100%;
	}
	
	section.slideshow .controller-table {
		right: 0.2rem;
		height: 35rem;
	}
	
	section.slideshow .controller-table .controller-row ul.controller {
		width: 1.2rem;
	}
	
	section.slideshow .controller-table .controller-row ul.controller li {
		width: 1.2rem;
		height: 1.2rem;
	}
	
	section.home-carousel {
		top: 0;
	}
	
	section.home-carousel h3 {
		padding-top: 1rem;
		margin-bottom: 1rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	
	section.home-carousel .window {
		height: auto;
	}
	
	section.home-carousel .window .window-container {
		left: 0 !important;
		width: 100% !important;
		position: relative;
	}
	
	section.home-carousel .left-arrow, section.home-carousel .right-arrow {
		display: none;
	}
	
	section.home-carousel article {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 2rem;
	}
	
	section.home-carousel article:last-child {
		margin-bottom: 0;
	}
	
	section.home-carousel article img {
		width: 100%;
		height: auto;
	}
	
	section.home-carousel article .box-preview {
		bottom: 0 !important;
	}
	
	section.home-carousel .read-more {
		padding: 1rem 0 1.5rem;
	}
	
	section.article-list h3 {
		top: 0;
		font-size: 1.5rem;
		line-height: 1.8rem;
		padding-top: 1.5rem;
	}
	
	section.article-list article {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 1.6rem;
	}
	
	section.article-list article:last-child {
		margin-bottom: 0;
	}
	
	section.article-list article img {
		width: 100%;
		height: auto;
	}
	
	footer .phone, footer .menu, footer .column {
		display: none;
	}
	
	footer .logo {
		width: 100%;
		float: none;
		height: auto;
		text-align: center;
		display: block;
		margin: 0;
		padding: 1rem 0.5rem;
	}
	
	section.slideshow.wide {
		width: 100%;
	}
	
	section.slideshow.wide .slide-content-table {
		width: 100%;
		left: 0;
	}
	
	section.slideshow.wide .controller-table {
		top: 22rem;
		width: 100%;
		left: 0;
	}
	
	section.slideshow .slide-content-table .slide-content-row .slide-content-cell {
		padding: 1rem;
	}
	
	section.product-tabs {
		top: 0;
		background: #f5f5f5;
		padding-top: 4rem;
	}
	
	section.product-tabs .container > div {
		display: block !important;
		margin-bottom: 4rem;
		padding: 1.8rem 1rem !important;
	}
	
	section.product-tabs .container > div h2.hidden {
		display: block !important;
		width: auto;
		min-width: 50%;
		height: 3rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
		padding: 0.8rem 0 0;
		margin: 0;
		text-align: center;
		background: #fff;
		color: #353537;
		text-transform: uppercase;
		border-top-left-radius: 0.52rem;
		border-top-right-radius: 0.52rem;
		outline: none;
		position: absolute;
		left: 0;
		top: -3rem
	}
	
	.ui-tabs-nav {
		display: none;
	}
	
	section.product-tabs #avantaje .column {
		width: 100% !important;
		float: none;
		margin: 0 0 1.4rem !important;
	}
	
	section.product-tabs #caracteristici article h3 {
		padding-top: 2.1rem;
	}
	
	.article-formatting table {
		max-width: 100%;
	}
	
	section.product-tabs #configuratie .articles-list article {
		width: 100%;
		float: none;
		margin-right: 0 !important;
		margin-bottom: 2.5rem;
	}
	
	section.product-tabs #configuratie .articles-list article img {
		width: 100%;
		height: auto;
	}
	
	section.product-tabs #media .video-list article {
		float: none;
		width: 100%;
		height: 14.3rem;
		margin-right: 0;
	}
	
	section.product-tabs #media .video-list article img {
		width: 100%;
		height: auto;
	}
	
	section.product-tabs #media .image-list article {
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		background: none !important;
	}
	
	section.product-tabs #media .image-list article img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	section.product-tabs #download .file-list a {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	section.slideshow.wide.category {
		height: 32rem;
	}
	
	section.slideshow.wide.category .slide-content-table {
		height: 32rem;
	}
	
	section.slideshow.wide.category .slide-content-table {
		width: 100%;
		left: 0;
		height: 32rem;
	}
	
	section.product-list article {
		float: none;
		width: 100%;
		height: 100%;
		margin-right: 0;
	}
	
	section.product-list article img {
		width: 100%;
		height: auto;
	}
	
	section.articole {
		width: 100%;
		padding: 2rem 0;
	}
	
	section.articole article img.featured {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 1.5rem;
	}
	
	section.articole article .article-content {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	section.side-contact {
		float: none;
		width: 100%;
		padding-bottom: 2rem;
	}
	
	section.map {
		width: 100%;
		height: 40rem;
		float: none;
	}

	header ul.menu > li > ul {
		position: relative;
		top: 0;
		left: 0;
		background: #fff;
		box-shadow: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		z-index: 1;
		display: none;
		border-top: 1px solid #ccc;
	}

	header ul.menu > li:hover > ul {
		display: none;
	}

	header ul.menu > li > ul > li {
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
	}

	header ul.menu > li > ul > li > a {
		color: #393939;
		display: block;
		padding: 0.88rem 1.35rem;
		text-transform: uppercase;
		position: relative;
		font-size: 0.98rem;
		line-height: 0.98rem;
		height: 2.79rem;
	}

	header ul.menu > li > ul > li > ul {
		display: none !important;
	}
	
	header ul.menu > li > ul > li {
		border-bottom: 1px solid #ddd;
	}

	header ul.menu > li > ul > li:last-child {
		border-bottom: none;
	}
	
	.page-template-page-companie section.articole .column-1, .page-template-page-companie section.articole .column-2 {
		float: none !important;
		width: 100% !important;
		margin-bottom: 1.04rem;
	}
}