/*--media-query--*/


@media (min-width: 1024px){

	.product-slider .slider-content, .product-slider .owl-pagination{ width:100%; left:0; padding:0 207px;}
	.product-slider .slider-content{ margin:0; height:100%;}
	.header.sticky, .header.sticky .submenu{ box-shadow:0 5px 5px rgba(0,0,0,0.1);}
	.down-arrow.yellow{
		-webkit-transform:rotateZ(-90deg);
		-moz-transform:rotateZ(-90deg);
		-o-transform:rotateZ(-90deg);
		-ms-transform:rotateZ(-90deg);
		transform:rotateZ(-90deg);
		left:auto; bottom:auto; top:50%; right:-60px; margin-top:-25px;
	}
	.down-arrow.light{
		-webkit-transform:rotateZ(90deg);
		-moz-transform:rotateZ(90deg);
		-o-transform:rotateZ(90deg);
		-ms-transform:rotateZ(90deg);
		transform:rotateZ(90deg);
		left:-25px; bottom:auto; top:50%; margin-top:-25px; border-top-color:#c5c5c5;
	}
	.down-arrow.dark{
		-webkit-transform:rotateZ(-90deg);
		-moz-transform:rotateZ(-90deg);
		-o-transform:rotateZ(-90deg);
		-ms-transform:rotateZ(-90deg);
		transform:rotateZ(-90deg);
		left:auto; bottom:auto; top:50%; right:-60px; margin-top:-25px; border-top-color:#222221;
	}
	.down-arrow.white{
		-webkit-transform:rotateZ(-90deg);
		-moz-transform:rotateZ(-90deg);
		-o-transform:rotateZ(-90deg);
		-ms-transform:rotateZ(-90deg);
		transform:rotateZ(-90deg);
		left:auto; bottom:auto; top:50%; right:-60px; margin-top:-25px;
	}
}
@media (min-width: 981px) {
.fixed-section.scroll-fix{ margin-top:91px; animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
}
@media (min-width: 768px) {
.smallcontent h2, .smallcontent p, .dark-content h2, .dark-content p{font-size:26px;}
.dark-content h2{ margin-bottom:30px;font-size:32px;}
.center-content h2, .center-content h3, .center-content h4, .center-content p{ margin-bottom:40px;}
.center-content p{ display: block; float: none;}
.center-content h3{font-size:27px;}
.center-content h2{font-size:48px;}
.center-content h4{font-size:34px;}
.center-content p{font-size:22px;}
.download-links ul{ display:block !important; height:auto !important;}
}

@media (min-width: 1024px) and (max-width:1440px) {
	.smallcontent h2, .smallcontent p, .dark-content h2, .dark-content p{ font-size:1.8em;}
	.dark-content p{ font-size:1.5em;}
	.artical-slider .height1{height:620px;}
	.single .boxcontent{padding: 140px 59px 0;}
	.row-manufacturer .boxcontent p {font-size: 1.5em;}
	.wrapper .empty.wide{width: 100%;}
	.user-block .edit-project{
		width: 1200px;
	}
    .user-list{
        width: 1200px;
    }
	.user-list li .action{
		width: auto;
	}
	.user-list li:first-child .username{
		width: 240px;
	}
	.user-list li .username.firname{
		width: 100px;
	}
	.user-list li .username.sur{
		width: 140px;
	}
	.user-list li .edit-form{
		font-size: 16px;
	}


}
@media (max-width:1400px) {
	.custom-cookie-alert{
		display: block;
	}
	.custom-cookie-alert p, .custom-cookie-alert a{
		line-height: 18px;
		margin: 0;
	}
	.custom-cookie-alert .cancel-alert {
		top: 10px;
	}
}
@media (min-width: 1024px) and (max-width:1280px) {
.product-slider .owl-controls .owl-page{ margin:0 20px 0 0;}
.tabs li a{ padding:10px 5px;}
h2{ font-size:50px;}
.manager{top: 35px;}
.submenu li a{
	line-height: 10px;
}
.user-list, .user-block .edit-project {
	width: 100%;
}

}
@media (min-width: 981px) and (max-width:1280px) {
.footer-logo{ width:20%;}
.footer-right{ width:78%;}
.footer-box{ padding:0 0 0 20px;}
.footer-right .footer-newsletter{ float:right; width:48%;}
}

@media (max-width:1280px) {
	/*---------------------------------
     404 page
     *---------------------------------*/
	.section404 {
		display: block;
		margin-top: 150px;
		padding: 50px 59px;
	}

	.newsletter-area {
		margin: 0;
	}

	.row-newsletter h2 {
		font-size: 50px;
	}

	.menu {
		width: 80%;
		margin-right: 0;
	}

	.menu li a {
		padding: 18px 12px;
	}
	.menu li a.flowe-link {
		padding-top: 18px;
		background: url(assets/flowe-exit.png) no-repeat 100% 20px;
		display: inline-block;
		background-size: auto 25px;
		
	}
	.menu li a.flowe-link.hover {
		background: url(assets/flowe-exit.png) no-repeat 100% 20px;
		background-size: auto 25px;
	}
	
	.wrapper .contact-top {
		font-size: 16px;
	}
	.menu .search a, .menu .search a.hover {
		top: 36px;
	}

	.menu .search a.scrolled {
		top: 36px;
	}

	.menu .lang {
		padding: 18px 12px;
	}
	.profile-container .left-col, .profile-container .right-col{
		float: none;
	}
	.user-list li .qr-preview{
		margin: 0;
	}
	.contact-top {
		padding-top: 40px;
	}
	.contact-top p{
		font-size: 16px;
		margin: 0 auto 10px;
		width: 90%;
	}
}
	@media (max-width: 1199px) {

		/*---------------------------------
         404 page
        *---------------------------------*/
		.section404 {
			display: block;
			margin-top: 50px;
			padding: 50px 59px;
		}
		h1 {
			font-size: 70px;
		}

		h3 {
			font-size: 30px;
		}

		h4 {
			font-size: 20px;
		}

		h5 {
			font-size: 13px;
		}

		.wrapper {
			padding-top: 0;
		}

		.container {
			padding: 0 30px
		}

		.height1, .height2 {
			height: 580px;
		}

		.boxcontent {
			padding: 30px 30px 60px 30px;
			height: 580px;
		}

		.wrapper .news-tr .boxcontent.padding, .wrapper .product-tr .boxcontent.padding {
			padding: 150px 30px 0;
		}

		.single .boxcontent {
			padding: 100px 30px 0;
		}

		.position-lb {
			bottom: 30px;
		}

		.box3 h3 {
			font-size: 30px;
		}

		.newsletter-area {
			margin: 0;
		}

		.footer-box {
			padding-left: 30px;
		}

		.footer-newsletter {
			padding-right: 0;
		}

		.logo {
			width: 200px;
			margin: 15px 0 0 0;
		}

		.menu .lang {
			float: right;
			line-height: 41px;
			padding: 14px 3px;
		}


		.menu li a {
			padding: 14px 3px;
			line-height: 25px;
		}

		.menu li span {
			bottom: 14px;
		}

		.search {
			height: 40px;
			margin: 29px 10px 0;
		}
		.login-icon{
			margin: 29px 0 0 0;
			display: none;
		}
		.menu .search a, .menu .search a.hover, .menu .search a.scrolled {
			top: 32px;
		}

		.greet {
			top: 70px;
		}

		.menu li.search svg {
			top: 30px;
		}

		.menu li.search a {
			padding: 14px 0;
		}

		.row-newsletter h2 {
			font-size: 40px;
			line-height: 48px;
		}

		.fixed-section.scroll-fix {
			margin-top: 69px;
		}

		.file-list .title {
			width: 70%;
		}
		.user-list {
			width: 100%;
		}

		.user-list li {
			font-size: 16px;
		}

		.user-list li .action, .user-list li:first-child .action {
			width: 190px;
		}

		.user-list li .action .edit-btn {
			margin: 20px 0 20px 10px;
			font-size: 12px;
		}

		.user-list li .action .del-btn {
			font-size: 12px;
			margin: 20px 10px 20px 0;
		}
		.user-list li .action .qr-btn{
			width: 120px;
		}

		.user-block .add-btn {
			font-size: 12px;
		}
		.user-list li .qr-wrapper{
			margin-left: 10px;
			width: 190px;
		}

		.user-list li .house:first-child {
			width: 80px;
		}
		.user-list li .house {
			width: 30px;
		}
		.user-list li .phone {
			width: 115px;
		}
		.user-list li .signflag {
			width: 190px;
			margin-left: 10px;
		}
		.edit-form-new{
			margin: 0;
		}
		.user-list li .signflag:first-child {
			width: 225px;
		}
		.user-list li:first-child .username,  .user-list li:last-child .username{
			width: 170px;
		}
		.user-list li .username.firname {
			width: 80px;
		}
		.user-list li .house img {
			width: 25px;
		}
		.zip-btn{
			width: 190px;
			left: 0;
			right: auto;
		}
		.manager {
			top: 30px;
			right: 20px;
		}

		.verification .step h3 {
			font-size: 27px;
		}

		.verification .step span {
			width: 740px;
		}

		.verification .step span p {
			font-size: 24px;
		}

		.verification .step span .h3-confirm {
			width: 600px;
			line-height: 25px;
			font-size: 20px;
		}

		.verification .step span .confirm {
			width: 49px;
			height: 49px;
		}

		.verification .step.second .sms-phone, .sms-code {
			height: 64px;
		}

		.verification .step.third .sms-code {
			height: 64px;
			font-size: 50px;
		}

		.verification .step.second .sms-phone p {
			width: 40px;
			height: 50px;
			font-size: 30px;
			line-height: 50px;
		}

		.verification .step.second .send-btn, .send-code-btn {
			height: 64px;
			line-height: 64px;
		}

		.full-image {
			height: 580px;
		}
		.user-list li .signflag img{
			margin: 20px 0;
		}
	}
	@media (max-width: 1024px) {
		.login-icon {
			display: none;
		}
		.teaser.users {
			height: auto;
		}
		.logout-block-wrapper {
			display: block;
			font-size: 30px;
			left: 0;
			top: 40px;
			position: absolute;
			right: 0;
			text-align: center;
		}
		.logout-block-wrapper:before{
			display: none;
		}
		.logout-block{
			width: 300px;
			border: none;
			margin: 30px auto 0;
		}
		.logout-block a{
			text-decoration: none;
			font-size: 40px;
		}
		.logout-block a:first-child{
			border: none;
		}
		.logout-item{
			border: none;
			color: #222221;
			text-transform: uppercase;
			font-family: 'PlatformBold';
		}
		.wrapper .empty, .wrapper .empty.wide{
			width: 100%;
			padding: 0 15px;
			margin-top: 150px;
		}
		.project-list li .project-heading{
			padding: 0;
		}
		.menu .search a, .menu .search a.hover, .menu .search a.scrolled {
			width: 78px;
			height: 78px;
		}
		.wrapper .empty .step{
			width: 100%;
		}
		.user-form-block label, .login-form label{
			width: 100%;
		}
		.manager-login{
			height: 300px;
		}
		.logg-inn{
			font-size: 30px
		}
		.menu {
			position: fixed;
			left: 0;
			top: 85px;
			width: 100%;
			background: #fff;
			z-index: 99;
			margin: 0;
			display: block;
			padding: 40px 30px 0;
			height: 0;
			overflow: hidden;
			transition: height .5s ease-out;
		}
		.menu.open{
			display: block;
			justify-content: space-around;
			height: 100%;
		}
		.menu .menu-span{
			display: block;
			margin: auto;
			width: 100%;
		}

		.menu li {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow-y: hidden;
			text-align: center;
		}
		.icons-block{
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			margin-top: 30px;
			position: relative;
			width: auto;
			margin: auto;
		}
		.uni-url {
			margin-top: 2px;
		}
		.login-icon{
			position: static;
		}

		.search {
			width: 78px;
			height: 78px;
			margin: 0;
		}
		.login-icon{
			height: 78px;
			width: 66px;
			float: left;
			margin: 0;
			font-family: 'PlatformBold';
			background-image: url('images/login-icon.png');
		}
		.menu li a {
			display: block;
			font-size: 25px;
			padding: 0;
			color: #000
		}
		

		.menu .active .submenu {
			display: block
		}

		.menu li .submenu {
		}
		menu .lang {
			float: left;
		}

		.menu .lang .toggle-lang.chosen {
			color: #000
		}

		.lang .divide {
			color: #000
		}

		.search a {
			background-image: url('images/icon-search_black.png');
		}

		.header .manager {
			left: 253px;
			right: 100%;
			float: left;
			display: block;
			top: 750px;
			height: 105px;
			width: 100px;
		}

		.header .out-btn, .out-user-btn {
			background-image: url('images/logout.svg');
			height: 100px;
			width: 100px;

		}

		.greet {
			display: none;
		}

		.menu li span {
			left: 0;
			right: 0;
			bottom: -10px;
			margin: auto;
			width: 30px;
			height: 8px;
		}

		.menu li .sub_hover {
			left: 0;
			right: 0;
			bottom: -2px;
			margin: auto;
			width: 30px;
			height: 8px;
		}

		.menu .lang {
			float: left;
			font-size: 47px;
		}

		.sticky-menu .container {
			height: 0;
		}

		.full-image {
			height: 100%;
			min-height: 680px;
		}

		.menu-toggle {
			display: block;
			margin: 0;
			padding: 0;
			width: 51px;
			height: 54px;
			font-size: 0;
			text-indent: -9999px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			box-shadow: none;
			border-radius: 0;
			border: none;
			cursor: pointer;
			-webkit-transition: background 0.3s;
			transition: background 0.3s;
			background: none;
			z-index: 10;
			position: absolute;
			right: 30px;
			top: 27px;
		}

		.menu-toggle span {
			display: block;
			position: absolute;
			top: 10px;
			left: 0;
			right: 0;
			height: 8px;
			background: #f5d40f;
			-webkit-transition: background 0s 0.3s;
			transition: background 0s 0.3s;
		}

		.menu-toggle span::before, .menu-toggle span::after {
			position: absolute;
			display: block;
			left: 0;
			width: 100%;
			height: 8px;
			background-color: #f5d40f;
			content: "";
			-webkit-transition-duration: 0.3s, 0.3s;
			transition-duration: 0.3s, 0.3s;
			-webkit-transition-delay: 0.3s, 0s;
			transition-delay: 0.3s, 0s;
		}

		.menu-toggle span::before {
			top: -12px;
			-webkit-transition-property: top, -webkit-transform;
			transition-property: top, transform;
		}

		.menu-toggle span::after {
			bottom: -12px;
			-webkit-transition-property: bottom, -webkit-transform;
			transition-property: bottom, transform;
		}

		.menu-toggle.active span::before, .menu-toggle.active span::after {
			-webkit-transition-delay: 0s, 0.3s;
			transition-delay: 0s, 0.3s;
		}

		.menu-toggle.active span {
			background: none;
		}

		.menu-toggle.active span::before {
			top: 0;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotateZ(45deg);
			-o-transform: rotateZ(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.menu-toggle.active span::after {
			bottom: 0;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotateZ(-45deg);
			-o-transform: rotateZ(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.menu-toggle.active span::before, .menu-toggle.active span::after {
			-webkit-transition-delay: 0s, 0.3s;
			transition-delay: 0s, 0.3s;
		}

		.sticky-menu {
			position: fixed;
			right: 0;
			top: 63px;
			display: block
		}

		.sticky-menu ul {
			display: none;
			background: #022221;
			height: 100vh;
			left: 0;
			top: 105px;
			position: fixed;
			width: 100%;
			z-index: 99;
			padding: 70px 0 0 0;
		}

		.sticky-menu li, .sticky-menu li a {
			color: #fff;
			display: block;
			font-size: 25px;
			text-align: left;
			font-family: 'PlatformBold';
		}

		.sticky-menu li {
		}

		.sticky-menu li a {
			padding: 0 30px;
		}

		.sticky-menu li a:hover {
			color: #f5d30f;
			text-decoration: none;
		}

		.sticky-menu .menu-toggle {
			z-index: 100;
			top: 89px;
		}

		.sticky-menu.scroll-fix .menu-toggle {
			top: 152px;
		}

		.sticky-menu .menu-toggle span, .sticky-menu .menu-toggle span::before, .sticky-menu .menu-toggle span::after {
			background-color: #d3d3d3;
		}

		.sticky-menu .menu-toggle.active span {
			background: none;
		}

		.sticky-menu.submenu {
			position: relative;
			background: none;
			padding: 25px 0 0 0;
			left: 0;
			top: 0;
		}

		.sticky-menu.submenu li {
			padding: 0 0 6px;
		}

		.sticky-menu.submenu {
			padding: 10px 15px;
		}

		.sticky-menu.submenu a {
			color: #222221;
			padding: 15px;
			font-size: 20px;
			text-align: center;
		}

		.menu li a {
			top: 0;
			line-height: 25px
		}

		.submenu li a {
			top: 0;
			line-height: 16px
		}

		.menu .lang .toggle-lang, .divide {
			display: inline;
			float: right;
			padding: 0 3px 0;
			color: #888888;
			font-family: 'PlatformBold';
			font-size: 25px;
		}

		.up {
			display: none !important;
		}

		.projects.fixed-section.scroll-fix {
			margin: 0;
			margin-top: 0
		}

		.products.fixed-section.scroll-fix {
			margin: 0;
			margin-top: 0
		}
		.user-list li .action .save-btn {
			width: 40px;
			font-size: 12px;
		}
		.user-list li .qr-preview{
			margin: 0;
		}

		/*---------------------------------
        Menu style End
         *---------------------------------*/
		h1, h2, h3, h4, h5, h6, p {
			letter-spacing: 1px;
		}

		h1 {
			font-size: 60px;
		}

		h2 {
			font-size: 37px;
		}

		/* .wrapper{ padding-top:105px;} */
		.fixed {
			position: fixed;
		}

		.mobile, .onshow, .onhover:hover h2 {
			display: block;
		}

		.col-2, .col-3, .col-4, .contact-page .contact-details .col-2 {
			width: 100%;
		}
		.col-2{
			height: 450px;
		}
		.col-4 {
			width: 50%;
		}

		.col-2.download-links {
			width: 50%;
		}

		.boxcontent {
			height: auto !important;
			padding: 50px 30px 30px;
		}

		.single .boxcontent {
			padding: 150px 30px 0;
		}

		.boxcontent h2 {
			font-size: 62px;
			letter-spacing: 0;
		}

		.boxcontent .position-lb {
			position: relative;
			bottom: 0;
			margin: 50px 0 0 0;
		}

		.height2, .height2.release {
			height: 450px;
		}

		.header {
			padding: 15px 0 25px;
			background: #fff;
		}

		.logo {
			margin: 0;
		}

		.logo, .logo img {
			width: 270px;
			max-width: none;
		}

		.box3 li {
			width: 50%;
			padding: 0 12px 30px 12px;
		}

		.load-data li:nth-of-type(1n+3) {
			display: none;
		}

		.footer-top .container {
			padding: 0 50px;
		}

		.footer-logo, .footer-right {
			float: left;
			padding: 0;
			display: block;
			width: 40%;
		}

		.footer-right {
			width: 53%;
			float: right;
		}

		.footer-right .footer-box {
			float: left;
			width: 65%;
		}

		.footer-right .footer-social {
			width: 35%;
		}

		.footer-right .footer-newsletter {
			width: 100%;
			margin: 30px 0 0 0;
		}

		.footer-box {
			padding: 0 30px 0 0;
		}

		.main-slider h3 {
			font-size: 25px;
			margin: 10px 0 0 0;
		}

		.product-slider .owl-page {
			margin: 0 10px;
		}

		.owl-next {
			right: 30px;
		}

		.owl-prev {
			left: 30px;
		}

		.row-newsletter h2 {
			display: block;
			float: none;
			text-align: center;
		}

		.row-newsletter .pull-right {
			float: none !important;
			margin: 10px auto 0;
			width: 59%;
		}

		.search-list {
			font-size: 25px;
		}

		.search-area .form-control {
			font-size: 55px;
		}

		.related-saker-title {
			margin: 0 0 40px 0;
		}

		.tabs li {
			width: 33.33%;
		}

		.item-list li {
			width: 50%;
		}

		.tab-title {
			padding: 25px 10px;
		}

		.item-list h2 {
			padding: 15px 10px;
		}

		.slider-content {
			text-align: center;
		}

		.dark-content .col-2 {
			width: 100%;
		}

		.viewid {
			height: 55px;
		}

		.viewid-margin {
			margin-bottom: -55px;
		}

		.category-list {
			text-align: center;
		}

		.category-list .text-list {
			margin: 0 0 40px 0;
		}

		.category-list .last .text-list {
			margin: 0;
		}

		.icon-video {
			width: 64px;
			height: 64px;
			margin: -32px 0 0 -32px;
		}

		.video-area .full-image {
			height: 550px;
		}

		.file-list .title a {
			padding-left: 80px;
		}

		.contact-details .col-3, .contact-details .full-image {
			height: 415px;
		}

		.contact-details h2 {
			margin-top: 0;
		}

		.dash {
			margin: 0 0 15px 0;
		}

		.form-area {
			width: 100%;
		}

		.contact-details .lightbg {
			height: auto;
			padding: 30px;
		}

		.contact-details .contact-first, .contact-details .whitebg {
			width: 50%;
		}

		.contact-details .contact-first {
			float: right;
		}

		.contact-details .whitebg {
			padding: 30px;
		}

		#map-canvas {
			height: 418px;
		}

		.text-left br {
			display: none;
		}

		.full-image.keep_image img {
			display: none;
		}

		.user-list {
			width: 100%;
		}

		.user-list li {
			font-size: 20px;
		}

		.user-list li .no {
			padding: 0;
			width: 20px;
		}

		.user-list li:first-child .username, .user-list li:last-child .username {
			width: 160px;
		}
		.user-list li .username{
			width: 140px;
		}

		.user-list li .phone {
			width: 125px;
		}

		.user-list li:first-child .action {
			width: 190px;
		}
		.user-list li .action .qr-btn{
			width: 104px;
		}

		.user-list li .action .edit-btn {
			width: 40px;
			margin: 20px 5px 20px 0;
			font-size: 12px;
		}
		.user-list li .action {
			width: 190px;
			display: flex;
			justify-content: space-between;
		}

		.user-list li .action .del-btn {
			width: 40px;
			margin: 20px 0;
			font-size: 12px;
		}

		.user-block .add-btn {
			font-size: 12px;
		}

		.user-list li .house img {
			width: 25px;
		}

		.user-list li .house {
			width: 20px;
			font-size: 16px;
		}

		.edit-form p {
			font-size: 16px;
			letter-spacing: 0;
		}

		.edit-form .user-input {
			font-size: 16px;
		}

		.manager {
			top: 81px;
			right: 30px;
		}

		.verification .step h3 {
			font-size: 23px;
		}

		.verification .step span {
			width: auto;
			padding-left: 100px;
			padding-right: 100px;
		}

		.verification .step span p {
			font-size: 24px;
		}

		.verification .step span .h3-confirm {
			width: 360px;
			line-height: 25px;
			font-size: 20px;
			float: left;
			margin: 0 0 0 10px;
			display: inline-block;
		}

		.verification .step span .confirm {
			width: 49px;
			height: 49px;
		}

		.verification .step.second .sms-phone, .sms-code {
			height: 50px;
		}

		.verification .step.third .sms-code {
			height: 50px;
			font-size: 35px;
		}

		.verification .step.second .sms-phone p {
			width: 23px;
			height: 37px;
			font-size: 26px;
			line-height: 37px;
		}

		.verification .step.second .send-btn, .send-code-btn {
			height: 50px;
			line-height: 50px;
			margin: 0 0 0 10px;
			display: block;
		}

		.verification .step.forth span .number {
			line-height: 55px;
			margin-bottom: 10px;
		}

		.verification .step.forth span h3 {
			line-height: 30px;
			margin-bottom: 10px;
		}

		.verification .step.forth span .user-car-form {
			width: 400px;
		}

		.verification .step.forth span .user-car-form .cars .car-tab {
			padding: 0;
		}

		.verification .step.forth form .car-field {
			width: 400px;
			font-size: 26px;
		}
		.user-block .edit-project{
			width: 100%;
		}
		.contactitems {
			padding-top: 100px;
		}
		.contactitems .box3 {
			display: flex;
			flex-wrap: wrap;
		}

		.contactitems .box3 li {
			min-width: 50%;
		}
		.contactitems .load-data li:nth-of-type(1n+3) {display: block;}
		.contactitems .load-data li:nth-of-type(1n+4) {display: block;}

	}
	@media (max-width: 960px) {
		.user-list li .action .qr-btn{
			width: 60px;
			margin: 20px 10px;
			font-size: 12px;
		}
		.user-list li:first-child .action,
		.user-list li .action {
			width: 124px;
		}
		.user-list li .reset-btn, .user-list li .sign-btn {
			width: 40px;
			overflow: hidden;
		}
		.user-list li .signflag {
			width: 100px;
		}
		.user-list li .username {
			width: 150px;
		}
		.user-list li:first-child .username, .user-list li:last-child .username {
			width: 140px;
		}

	}

	@media (max-width: 767px) {
		/*---------------------------------
         404 page
        *---------------------------------*/
		.section404 {
			display: block;
			margin-top: 25px;
			padding: 0 59px;
		}

		.footer404 {
			bottom: -140px;
		}

		.height2, .height2.release, .boxcontent {
			height: auto;
		}

		.full-image.height2, .artical-slider .height2 {
			height: 600px;
		}

		.height1 {
			height: 392px;
		}

		.col-4 {
			width: 100%;
		}

		p {
			letter-spacing: normal !important;
		}

		.main-slider h2, .main-slider h3, .main-slider p {
			margin: 0 0 5px 0;
			line-height: 1;
		}

		.main-slider h2 {
			font-size: 52px;
			letter-spacing: 0.065em;
		}

		.main-slider h3 {
			font-size: 30px;
		}

		.product-slider .owl-pagination {
			display: none;
		}

		.owl-buttons div {
			width: 28px;
			height: 50px;
			margin-top: -25px;
		}

		.owl-prev {
			background-position: 0 -22px;
		}

		.owl-next {
			background-position: right -23px;
		}

		.round {
			width: 69px;
			height: 69px;
		}

		.row-newsletter .pull-right {
			width: 90%;
			float: none !important;
		}

		.boxcontent h3 {
			margin-bottom: 30px;
		}

		.footer {
			letter-spacing: 1px;
		}

		.footer-top .container {
			padding: 0 30px;
		}

		.footer-right {
			width: 55%;
		}

		.footer-right .footer-box {
			width: 100%;
			padding: 0;
			margin: 0 0 20px 0;
		}

		.footer-right .footer-newsletter {
			margin-top: 15px;
		}

		.newsletter-area label {
			margin-bottom: 15px;
		}

		.footer-newsletter .block, .footer-box .newsletter-area .block {
			padding: 0;
		}

		.footer-newsletter .block .btn {
			position: relative;
			margin: 10px 0 0 0;
		}

		.search-area {
			padding: 80px 15px;
		}

		.search-area .form-control {
			font-size: 30px;
		}

		.search-list {
			font-size: 15px;
		}

		.close {
			height: 30px;
			width: 30px;
			background-size: cover;
			right: 30px;
			top: 30px;
		}

		.tabs.fixed-section {
			position: relative !important;
			margin: 0 !important;
			width: 100% !important;
			height: auto !important;
			visibility: visible !important;
		}

		.video-area .full-image {
			height: 400px;
		}

		.file-list li {
			padding: 15px 30px;
		}

		.file-list .title {
			padding: 0 15px 0 0;
		}

		.file-list .title a {
			width: 100%;
		}

		.file-list .size {
			padding: 0 15px 0 0;
		}

		.product-slider .height1 {
			height: 400px;
		}

		.article-text {
			width: 100%;
		}

		.article-content .titletext {
			font-size: 22px;
		}

		.article-content h2 {
			margin-bottom: 20px;
		}

		.article-content h3, .row-about .article-content h3 {
			margin-bottom: 15px;
		}

		.row-keyfigurs.center-content h3, .row-keyfigurs li, .row-manufacturer .link {
			font-size: 30px;
		}

		.show-div.image-hover {
			display: block;
			height: auto;
			top: auto;
			bottom: 0;
			left: 0;
			padding: 30px;
		}

		.show-div.image-hover h3 {
			display: inline-block;
			margin: 0 128px 0 0;
		}

		.show-div.image-hover .position-lb {
			right: 30px;
			bottom: 37px;
		}

		.download-links ul {
			display: none;
		}

		.download-links h2 {
			display: block;
			position: relative;
			cursor: pointer;
			font-size: 54px;
		}

		.download-links h2:after {
			background: url(images/arrow.svg) no-repeat center center;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			content: "";
			position: absolute;
			right: 0;
			top: 0;
			width: 50px;
			height: 70px;
			background-size: 22px 37px;
		}

		.download-links h2.open:after {
			-webkit-transform: rotate(270deg);
			-moz-transform: rotate(270deg);
			-o-transform: rotate(270deg);
			-ms-transform: rotate(270deg);
			transform: rotate(270deg);
		}

		.download-links h2.search-link {
			background-size: 22px 37px;
		}

		.download-links h2.search-link:after {
			display: none;
		}

		.search-files h3 {
			padding: 0 30px;
		}

		.smallcontent h2, .smallcontent p, .dark-content h2, .dark-content p {
			font-size: 52px;
		}

		.boxcontent.smallcontent h2 {
			overflow: hidden;
			text-overflow: ellipsis;
			font-size: 46px;
		}

		.col-2.download-links {
			width: 100%;
		}

		.verification .step.forth span .user-car-form .car-url-1, .car-url-2, .car-url-3 {
			width: 400px;
		}
		.user-list li .qr-preview {
			width: 40px;
		}
		.user-list li .phone {
			width: 60px;
		}
		.user-list li .qr-preview img{
			margin: 20px 0;
		}
		.edit-form p{
			font-size: 12px;
		}
		.custom-cookie-alert{
			display: block;
			width: 100%;
		}
		.custom-cookie-alert p, .custom-cookie-alert a{
			line-height: 18px;
			margin: 0;
		}
		.custom-cookie-alert .cancel-alert {
			top: 10px;
		}
	}

	@media (max-width: 640px) {
		.home-video {
			/* display: none; */
		}
		.metrisk_start_logo {
			-webkit-transform: scale(0.7);
			-moz-transform: scale(0.7);
			-o-transform: scale(0.7);
			-ms-transform: scale(0.7);
			transform: scale(0.7);
			left: -90px !important;
		}

		/*---------------------------------
         404 page
        *---------------------------------*/
		.footer404 {
			bottom: 0;
		}

		body {
			font-size: 14px;
		}

		h1 {
			font-size: 50px;
		}

		h2 {
			font-size: 30px;
		}

		h3 {
			font-size: 30px;
		}

		h4 {
			font-size: 18px;
		}

		h5 {
			font-size: 10px;
		}

		br {
			display: none;
		}

		.verification .step.forth span .user-car-form .cars .checkbox-label {
			width: 200px;
		}

		.height1, .product-slider .height1, .full-image.height2, .artical-slider .height2, .video-area .full-image {
			height: 522px;
		}

		.full-image {
			min-height: 380px;
		}

		.height3 {
			height: 300px;
		}

		.link {
			font-size: 20px;
		}

		.btn, .btn:focus, .btn.small, .form-control.small, input[type="text"], .form-control {
			font-size: 14px;
			height: 34px;
		}

		.btn {
			padding: 5px 15px;
		}

		.container, .footer-top .container {
			min-width: 320px;
			padding: 0 15px;
		}

		.wrapper footer .footer-top .container .footer-logo img {
			padding-top: 13px;
		}

		.sticky-menu .menu-toggle {
			top: 60px;
		}

		.sticky-menu.scroll-fix .menu-toggle {
			top: 95px;
		}

		.newsletter-area .block {
			padding-right: 80px;
		}

		.slider-content {
			height: 135px;
			margin: 0 auto;
			width: 70%;
			left: 15%;
		}

		.main-slider h2 {
			font-size: 30px;
		}

		.main-slider h3 {
			font-size: 14px;
		}

		.owl-page {
			margin: 0 8px;
			padding-top: 15px;
		}

		.owl-page span {
			width: 15px;
			height: 4px;
			font-size: 10px;
		}

		.owl-buttons div {
			width: 14px;
			height: 26px;
			margin-top: -13px;
		}

		.owl-prev {
			background-position: 0 -35px;
		}

		.owl-next {
			background-position: right -35px;
		}

		.link {
			font-size: 20px;
		}

		.sticky-menu li a {
			padding: 0 15px;
		}

		.menu .submenu {
		}

		.header .menu .submenu a {
			color: #222221;
			padding: 0;
			font-size: 20px;
			line-height: 25px;
		}

		.header .manager {
			position: static;
			height: 80px;
			width: 80px;
			margin: 0 20px 0;
		}

		.manager .out-btn {
			width: 80px;
			height: 80px;
		}

		.show-div.image-hover h3 {
			margin: 0 80px 0 0;
		}

		.box3 h3 {
			font-size: 16px;
		}

		.box3 li {
			padding: 0 3% 10px;
		}

		.round {
			width: 45px;
			height: 45px;
			border-width: 4px;
			line-height: 28px;
			font-size: 16px;
			margin: 0 3px;
		}

		.two-icon {
			margin-bottom: 15px;
		}

		.row-newsletter h2, .row-info h2 {
			font-size: 18px;
		}

		.footer-top, .footer-top.darkbg {
			font-size: 18px;
		}

		.footer-bottom {
			font-size: 11px;
		}

		.footer-top {
			padding-bottom: 90px;
		}

		.tabs li a {
			font-size: 11px;
			padding: 0 5px;
			height: 40px;
		}

		.down-arrow {
			width: 58px;
			height: 29px;
			border-left: 29px solid transparent;
			border-right: 29px solid transparent;
			border-top: 29px solid #f5d40f;
			position: absolute;
			left: 50%;
			bottom: -29px;
			z-index: 1;
			margin: 0 0 0 -29px;
		}

		.down-arrow.light {
			border-top: 29px solid #c5c5c5;
		}

		.down-arrow.dark {
			border-top: 29px solid #222221;
		}

		.boxcontent {
			padding: 80px 30px 30px;
		}

		.single .boxcontent {
			padding: 180px 30px 0;
		}

		.boxcontent h2 {
			font-size: 46px;
		}

		.boxcontent p {
			font-size: 52px;
		}

		.article-content p {
			font-size: 22px;
		}

		.contact-top {
			height: 500px;
		}
		.contact-top p{
			font-size: 12px;
		}

		.contact-top h1, .contact-details h3 {
			font-size: 30px;
		}

		.click-arrow {
			bottom: 30px;
			width: 40px;
			margin-left: -20px;
		}

		.contact-details .whitebg, .contact-details .lightbg, .row-keyfigurs.center-content h3, .row-keyfigurs li, .row-manufacturer .link {
			font-size: 18px;
		}

		.box3 {
			padding: 0;
		}

		.box3 p {
			height: 50px;
		}

		.logo, .logo img {
			width: 230px;
		}

		.header {
			padding: 15px 0;
		}

		.wrapper {
			padding-top: 0;
		}

		.container .mobile .menu-toggle {
			width: 50px;
			height: 55px;
			right: 10px;
			top: 3px;
			position: relative;
			float: right;
		}

		/* .menu-toggle span {top:5px; height:6px;}
        .menu-toggle span::before, .menu-toggle span::after {height:6px;}
        .menu-toggle span::before {top:-10px;}
        .menu-toggle span::after {bottom:-10px;}	 */
		.menu {
			top: 75px;
			padding: 40px 15px 0;
		}

		.menu li {
			padding: 5px 0 5px;
		}

		.menu li a {
		    text-align: center;
		    line-height: 30px;
		    margin-bottom: 15px;
		    text-transform: none;
		}
		
		.menu li a.flowe-link {
			display: inline-block;
		}

		.menu li span {
			width: 20px;
			height: 5px;
			bottom: 0;
		}

		.menu li .sub_hover {
			width: 20px;
			height: 5px;
			bottom: -2px;
		}

		.show-div.image-hover {
			height: auto;
		}

		.show-div.image-hover .position-lb {
			bottom: 30px;
		}

		.row-info, .lightbg, .darkbg, .whitebg {
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.row-info {
			padding-left: 30px;
			padding-right: 30px;
		}

		.row-newsletter h2, .row-info h2 {
			line-height: normal;
		}

		.icon-img {
			width: 70%;
			margin-left: auto;
			margin-right: auto;
		}

		.boxcontent h3 {
			margin-bottom: 20px;
		}

		.boxcontent .position-lb {
			margin-top: 30px;
		}

		.icon-video {
			width: 40px;
			height: 40px;
			margin: -20px 0 0 -20px;
		}

		.download-links h2 {
			font-size: 48px;
		}

		.user-list {
			width: 100%;
		}
		.user-block .edit-project{
			padding: 0;
		}

		.user-list li {
			font-size: 14px;
		}

		.user-list li .no {
			padding: 0;
			width: 30px;
		}

		.user-list li .phone {
			width: 55px;
		}

		.user-list li .action {
			width: 255px;
		}

		.user-list li .action .edit-btn {
			width: 40px;
			margin: 20px 5px 20px 0;
			font-size: 12px;
		}

		.user-list li .action .del-btn {
			width: 30px;
			margin: 20px 10px 20px 5px;
			font-size: 12px;
		}

		.user-block .add-btn {
			font-size: 12px;
		}

		.user-list li .house img {
			width: 25px;
		}

		.user-list li .house {
			width: 20px;
			font-size: 12px;
		}
		.user-list li .signflag {
			width: 80px;
		}
		.user-list li .signflag img{
			width: 20px;
			margin: 30px 0;
		}

		.edit-form {
			width: 380px
		}

		.edit-form .user-input {
			width: 250px;
			font-size: 12px;
		}

		.edit-form p {
			font-size: 12px;
			float: left;
			margin: 0;
			line-height: 75px
		}

		.manager {
			top: 24px;
			right: 70px;
		}

		.verification {
			padding: 0;
		}

		.verification .step span .number {
			float: none;
			display: block;
			width: 55px;
			height: 55px;
			line-height: 55px;
			margin: 0 auto;
			border: 2px solid black;
			border-radius: 50%;
			text-align: center;
		}

		.verification .step span {
			width: auto;
			padding: 0;
		}

		.verification .step span p {
			font-size: 24px;
		}

		.verification .step span .confirm {
			width: 38px;
			height: 38px;
			margin: 0 0 0 10px;
		}

		.verification .step span .confirm .confirm-img {
		}

		.verification .step span .h3-confirm {
			width: 450px;
			line-height: 18px;
			font-size: 18px;
		}

		.verification .step.second .sms-phone, .sms-code {
			height: 50px;
		}

		.edit-form .comment {
			line-height: 1px;
			font-size: 10px;
			display: none;
			color: red;
			letter-spacing: 2px;
			position: absolute;
			left: 112px;
			top: 55px;
		}

		.edit-form .save-overlay {
			display: none;
			position: absolute;
			width: 60px;
			height: 40px;
			right: 90px;
			bottom: 50px;
			opacity: 0.5;
			border-radius: 5px;
			background-color: red;
		}

		.verification .step.forth span .user-car-form, .cars, .car1, .car2, .car3 {
			width: 280px;
		}

		.verification .step.forth span .user-car-form .car-url-1, .car-url-2, .car-url-3 {
			width: 280px;
			font-size: 14px;
		}

		.verification .step.forth span .user-car-form .cars .car-tab {
			padding: 0;
			font-size: 30px;
		}

		.verification .step.forth span .user-car-form .cars .car-tab.selected {
			padding: 0;
			font-size: 33px;
			margin: 0;
			letter-spacing: 1px;
		}

		.verification .step.forth form .car-field {
			margin: 15px 0 0 0;
			height: 50px;
			width: 280px;
			font-size: 20px;
			letter-spacing: 0
		}
		.user-list li:first-child .username, .user-list li:last-child .username {
			width: 85px;
		}
		.user-list li .action{
			width: 100px;
		}
		.user-list li .action .qr-btn{
			width: 30px;
			margin: 20px 0;
		}
		.user-list li:first-child .action{
			width: 120px;
		}
		.user-list li:last-child .action{
			width: 250px;
		}
		.edit-form{
			width: 100%;
		}
		.user-list li .username{
			width: 50px;
		}
		.user-block .add-file{
			width: 104px;
		}
		.user-block .download-list{
			width: 70px;
			margin: 20px 10px 0 5px;
		}
		.user-block .add-btn{
			width: 60px;
		}
		.user-list li .reset-btn {
			float: right;
			width: 40px;
		}
		.contactitems .box3 {
			padding-top: 130px;
			flex-direction: column;
		}
		.contactitems .box3 li{
			min-width: auto;
			max-width: none;
		}
		.contactitems .box3 li p{
			font-size: 20px;
		}
		.gdpr-confirm-block {
			min-width: auto;
			font-size: 12px;
		}
	    .main-banners img {
        	max-width: 150px;
        }
	}

	@media (max-width: 320px) {
		.metrisk_start_logo {
			-webkit-transform: scale(0.7);
			-moz-transform: scale(0.7);
			-o-transform: scale(0.7);
			-ms-transform: scale(0.7);
			transform: scale(0.6);
			left: -112px !important;
		}
	}