/* ###################################### MEDIA SCREEN 1750px ###################################### */

@media screen and (max-width:1750px) and (min-width:1300px) {

	.min-height-50 .column {
		min-height: 50px;
	}

	.ll16 {
		width: 16.666%!important;
	}

	.ll16.text-center {
		text-align: left;
	}
}

@media screen and (max-width:1750px) {

	/* ########## DETAILS VIEW ########## */

	.auction-vehicles .list-head,
	.auction-stock .list-head{
		display: none;
	}

	.auction-vehicles .list-line,
	.auction-stock .list-line{
		position: relative;
	}

	.auction-vehicles .list-line span,
	.auction-stock .list-line span{
		display: block;
		font-weight: 700;
	}

	.auction-vehicles .list-line .column,
	.auction-stock .list-line .column{
		padding: 5px;
	}

    .auction-stock .list-line .column:last-child{
        position: absolute;
        right: 0;
        top:50%;
        transform:translateY(-50%);
        width: 60px;
    }

	/*.auction-vehicles .lm15{
		width: 15%;
	}

	.auction-vehicles .lm85{
		width: 85%;
	}

	.auction-vehicles .lm20{
		width: 20%;
	}

	.auction-stock .lm16{
		width: 16.6667%;
	}*/
}



/* ###################################### MEDIA SCREEN 1550px ###################################### */

@media screen and (max-width:1550px) {

	.details-data-line .l10.lm20{
		width: 20%;
	}

	.tab{
		border: 1px solid #ddd;
	}

	.details-equipments-general .column{
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 5px;
		padding-bottom: 3px;
	}

	.details-equipments-general .details-data-line:nth-child(2n) .column{
		border-bottom: 1px solid #fff;
	}

	.details-equipments-general .details-data-line{
		padding-bottom: 5px;
	}

    .details-content {
        margin-top: -1px;
    }
}


@media screen and (min-width:1300px) {

    .list-view .table-cell-l {
        display: table-cell;
        float: none;
    }

    .l100 { width:100%; }

    .l95 { width:95%; }

    .l90 { width:90%; }

    .l85 { width:85%; }

    .l83 { width:83.333%; }

    .l80 { width:80%; }

    .l75 { width:75%; }

    .l70 { width:70%; }

    .l67 { width:66.777%; }

    .l66 { width:66.666%; }

    .l65 { width:65%; }

    .l60 { width:60%; }

    .l55 { width:55%; }

    .l50 { width:50%; }

    .l45 { width:45%; }

    .l40 { width:40%; }

    .l37 { width:37.5%; }

    .l36 { width:36.666%; }

    .l35 { width:35%; }

    .l33 { width:33.333%; }

    .l35 { width:35%; }

    .l30 { width:30%; }

    .l25 { width:25%; }

    .l20 { width:20%; }

    .l16 { width:16.6667%; }

    .l15 { width:15%; }

    .l14 { width:14.2857%; }

    .l11 { width:11.11%; }

    .l10 { width:10%; }

    .l9 { width:9.090%; }

    .l5 { width:5%; }
}

/* ###################################### MEDIA SCREEN 1300px ###################################### */

@media screen and (max-width:1300px) {

	.lm5 { width: 5%; }

    .lm7 { width: 7%; }

	.lm10 { width: 10%; }

	.lm15 { width: 15%; }

	.lm16 { width: 16.666%; }

    .lm18 { width: 18%; }

	.lm20 { width: 20%; }

    .lm23 { width: 23%; }

	.lm25 { width: 25%; }

    .lm28 { width: 28%; }

	.lm30 { width: 30%; }

	.lm30-8 { width: 30.8%; }

	.lm33 { width: 33.333%; }

    .lm35 { width: 35%; }

	.lm40 { width: 40%; }

    .lm45 { width: 45%; }

	.lm50 { width: 50%; }

	.lm60 { width: 60%; }

	.lm65 { width: 65%; }

	.lm66 { width: 66.666%; }

  .lm70{	width: 70%;}

	.lm75 { width: 75%; }

	.lm80 { width: 80%; }

	.lm85 { width: 85%; }

	.lm100 { width: 100%; }

	.lm-hide{
		display: none !important;
	}

	.user-group-box:nth-of-type(3) {
		clear: both;
	}

	.user-group-box:nth-of-type(5) {
		clear: none;
	}

    .details-tabs .column {
        margin-bottom: 10px;
    }

	.list-line{
		position: relative;
		padding-bottom: 0;
	}

	.upload .list-line {
		padding-top: 0;
	}

	.list-line .column{
		padding-bottom: 10px;
		min-height: 48px;
	}

	.list-line.height-57 .column{
		min-height: 57px;
	}

	.list-line span{
		display: block;
		font-weight: bold;
	}

  /*.list-line.thema{
			background: #e47900;
			color: #fff;
		}

    .list-line.thema .column{
      border: none;
    }

    .list-line.thema .fa{
      color: #fff;
    } */

	.list-line .text-center{
		text-align: inherit;
	}

	.list-line .trash.column{
		padding-bottom: 0;
	}

	.trash .fa{
		font-size: 18px;
		margin-right: 3px;
		background: #fff;
	}

	.auction-stock .list-line .column:last-child{
		position: relative;
		width: 100%;
		transform: none;
	}

	/* ########## LIST VIEW ########## */
    .scrollbar {
        white-space: normal;
        overflow-y: hidden;
    }

    .divTableCell {
        padding: 7px 10px;
    }

    .divTableCell:nth-child(1) {
        padding-top: 15px;
    }

    .divTableCell:last-child {
        padding-bottom: 15px;
    }

    .list-filter-head{
        display: none;
    }

    .list-filter-content span{
        display: block;
        margin-bottom: 5px;
    }

    .list-filter-content {
        padding: 10px;
        padding-bottom: 0;
    }

    .list-filter-content .column{
        padding-bottom: 10px;
    }

    .list-line:nth-child(2n) .trash .fa{
        background: #F7F7F7;
    }

    .list-line .column{
        border-bottom: 1px solid #ddd;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .display-box .list-line .column {
        border: none;
        min-height: auto;
    }

	.list-line .trash .fa{
		padding: 10px 10px 0 10px;
		margin: -10px -6px 0 0;
	}

	.list-line .trash .fa:before{
		float: left;
	}

	.list-line .trash .fa{
		float: right;
		line-height: 33px;
	}

	.list-line input[type="checkbox"]{
		margin-bottom: -1px;
	}

	.newsletter-img {
		min-height: 123px!important;
	}


	.button.orange.switchColorToGrey{
		color: #000;
		background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
		background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
		background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #dbdbdb;
		border-color: #ccc;
		text-shadow: 0 1px 0 #fff;
	}

	.button.orange.switchColorToGrey:focus,
	.button.orange.switchColorToGrey:hover	{
		background-color: #e0e0e0;
		background-position: 0 -15px;
	}

    /* ###### TABLE NEW ####### */

	.list-head,
    .tableHead{
		display: none;
	}

    .divTableCell{
        display: inline-block;
    }

    .divTableCell span{
        display: block;
        font-weight: bold;
    }

    .divTableCell.text-center {
        text-align: left;
    }

	/* ########## DETAILS VIEW ########## */

    .tab{
        font-size: 12px;
    }

	.columns-container-5 > .release.column {
    margin-bottom: 20px;
    background: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
	}

	.details-short-data{
			font-size: 12px;
    }

    .details-short-data .column:nth-child(3n){
        background:#f1f1f1;
    }

    .details-languages-tabs .tab{
        margin-bottom: 10px;
    }

	.no-border .column {
		border: none;
	}

	.details-data-line .column{
		margin-bottom: 10px;
	}

    .calendar-container > .column {
        margin-bottom: 0;
    }

	.details-languages-tabs .tab{
		margin-top: 0px;
	}

    .damages {
        clear: both;
    }

    .xml-import {
        height: 52px;
    }

    .display-box .list-line {
        position: relative;
    }

    .display-box .absolute {
        position: absolute;
        right: 10px;
        text-align: right;
    }

    .display-box .relative {
        width: 100%;
    }
}



/* ###################################### MEDIA SCREEN 1100px ###################################### */

@media screen and (max-width:1100px) {

	.details-data-line .column.lm-hide{
		margin: 0;
		display: none;
	}

    /* ########## DETAILS VIEW ########## */

    .details-short-data{
        padding: 10px 0;
    }

    .columns-container-5 > .release.column{
        margin-bottom: 20px;
        background: #f1f1f1;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}



/* ###################################### MEDIA SCREEN 1000px ###################################### */

@media screen and (max-width:1000px) {

    .no-ellipsis .column {
        overflow: auto;
        white-space: inherit;
    }

    .min-height-60-m {
        min-height: 60px;
    }

    .m-hide{
		display: none!important;
	}

    .m10 { width: 10%; }

	.m15 { width: 15%; }

	.m20 { width: 20%; }

    .m25 { width: 25%; }

	.m30 { width: 30%; }

    .auction-vehicles .m33, .m33 { width: 33.333%; }

	.m35 { width: 35%; }

    .m50 { width: 50%; }

    .m66 { width: 66.666%; }

	.m75{ width: 75%; }

	.m85{ width: 85%; }

    .m90 { width: 90%; }

	.m100 { width: 100%; }

    /* ########## HEADER ########## */

	header{
		height: auto;
		background: #f1f1f1;
	}

    nav#mainmenu a{
        margin-bottom: -4px;
    }

    #logo{
    padding: 8px;
    height: auto;
    }

    #logo img{
        position: relative;
        top: auto;
        -webkit-transform:inherit;
        -ms-transform:inherit;
        transform: inherit;
        width: 15%;
    }

    .menu-area,
    .quick-links{
        background: #fff;
    }

    .logo-area{
        -webkit-box-shadow: inset 0px -6px 19px -5px rgba(0,0,0,0.35);
        -moz-box-shadow: inset 0px -6px 19px -5px rgba(0,0,0,0.35);
        box-shadow: inset 0px -6px 19px -5px rgba(0,0,0,0.35);
    }

    .quick-links{
        height: 56px;
    }


	#logo img{
		width: 25%;
	}

	.menu-area{
		border-bottom: 4px solid #E8E8E8;
	}

	nav#mainmenu {
    text-align: center;
	}

    nav#mainmenu a{
        float: none;
        display: inline-block;
    }

	.quick-links{
		text-align: center;
	}

    .site-version{
        padding-right: 0;
    }

	.trash{
		position: relative;
		top: inherit;
		right: 0;
		bottom: 0;
		text-align: left;
	}

	.trash.text-center{
		text-align: left;
	}

	/* ########## LIST VIEW ########## */

	.list-line{
		border-bottom: 3px solid #bababa;
		margin-top: -1px;
	}

    .display-box .list-line{
		border-bottom: none;
	}

    .list-line .column{
        min-height: 54px;
    }

	/* ########## DETAILS VIEW ########## */

	.details-short-data .column:nth-child(3n) {
    background: #E8E8E8;
	}

	.history span{
		display: block;
	}

    .report .column:nth-child(3) {
        clear: both;
    }
}



/* ###################################### MEDIA SCREEN 800px ###################################### */

@media screen and (max-width:800px) {

	.ms20 { width: 20%; }

    .ms33 { width: 33%; }

    .ms50 { width: 50%; }

    .ms66 { width: 66.666%; }

    .ms80 { width: 80%; }

    .ms100 { width: 100%; }

	.desktop-submenu{
		display: none;
	}

	.mobile-menu-icon{
		display: block;
	}

    /* MENÜ ICONS*/

    .m-vehicle:before,
    .m-direct:before,
    .m-manage:before,
    .m-content:before,
    .m-support:before{
        font-family: FontAwesome;
        margin-right: 3px;
    }

    .m-vehicle:before{
        content: "\f1b9";
    }

    .m-direct:before{
        content: "\f061";
    }

    .m-manage:before{
        content: "\f007";
    }

    .m-content:before{
        content: "\f1ea";
    }

    .m-support:before{
        content: "\f0a1";
    }

	.mobile-content #submenu a{
		background: none;
		color: #fff;
		border-left: none;
	}

	.mobile-content{
		display: none;
		width: 100%;
		margin-top: 15px;
	}

	.mobile-content.active{
		display: block;
	}

	.mobile-content{
		z-index:998;
		position: absolute;
	}

	.menu-area {
    border-bottom: none;
		height: 56px;
	}

	.mobile-submenu{
		display: block;
	}

	#submenu ul li{
		font-size: 22px;
		overflow: hidden;
	}

    #submenu ul li a{
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: block;
    }

    #submenu ul li a:after{
        font-family: FontAwesome;
        content: "\f107";
        float: right;
        font-size: 22px;
    }

    #submenu ul li li{
        font-size: 16px;
        overflow: auto;
    }

    #submenu ul li li a:after{
        content: "";
    }

    .mobile-content{
    background: #4c4c4c;
    padding: 20px;
    }

	main{
		padding: 10px;
	}

	.mobile-content nav#mainmenu{
		width: 100%;
		margin-bottom: 20px;
	}

	.mobile-content nav#mainmenu a{
		color: #fff;
		border: none;
		height: auto;
		float: left;
		line-height: normal;
		width: 49.5%;
		padding: 15px 0;
		background: rgba(255,255,255,0.1);
		margin: 0 0 3px 0;
	}

	.mobile-content nav#mainmenu a:nth-child(2n-1){
		margin-right: 1%;
	}

    .mobile-content nav#mainmenu a:last-of-type{
        width: 100%;
        margin-right: 0;
    }

	.newsletter-img {
		min-height: 95px!important;
	}

	.buttons .button{
		margin-bottom: 10px;
	}

	.ausstattungsmerkmale:nth-child(3) {
		clear: both;
	}
}

/* ###################################### MEDIA SCREEN 620px ###################################### */

@media screen and (max-width:620px) {

	.buttons .button{
		width: 100%;
	}

	.sub_menu_eritmo .buttons .button {
		margin-bottom: 0px;
	}

	.sub_menu_eritmo .buttons .button {
		width: auto;
	}

	.s10 { width: 10%; }

	.s20 { width: 20%; }

	.s25 { width: 25%; }

	.s30 { width: 30%; }

	.s33 { width: 33%; }

	.s35 { width: 35%; }

	.s45 { width: 45%; }

	.auction-vehicles .s50,
	.auction-stock .s50,
	.s50{
		width: 50%;
	}

	.s55{
		width: 55%;
	}

	.s90 { width: 90%; }

    .auction-vehicles .s100,
	.auction-stock .s100,
	.s100 {
		width: 100%;
	}

	.s-text-left {
		text-align: left;
	}

	.details-status-content .columns-container-5 .column:nth-child(4){
		margin-top: 20px;
	}

	.details-equipments-general{
		font-size: 2vw;
	}

	.form-buttons {
		padding-left: 0px;
		padding-top: 5px;
	}

	.form-send span{
		display: none;
	}

	.min-height-60 {
		min-height: 60px;
	}

	.sub_menu_eritmo .buttons {
		text-align: left;
	}

	.fzg-import-xml .text-center{
		text-align: left;
	}

    .list-clear-line .column:nth-child(1) {
        margin-bottom: 5px;
    }

}



/* ###################################### MEDIA SCREEN 500px ###################################### */

@media screen and (max-width:500px) {

	.ms-hide{
		display: none !important;
	}

	#logo img{
		width: 45%;
	}

	.details-equipments-general{
		font-size: 12px;
	}

	.sub_menu_eritmo .buttons .button{
		width: 100%;
		margin-bottom: 10px;
	}

	.ss25 { width: 25%; }

    .ss33 { width: 33.3333%; }

	.ss35 { width: 35%; }

	.ss40 { width: 40%; }

    .ss50 { width: 50%; }

	.ss60 { width: 60%; }

	.ss100 { width: 100%; }
}



/* ###################################### MEDIA SCREEN 400px ###################################### */

@media screen and (max-width:400px) {

	.site-version {
		display: none;
	}

	header .quick-links {
		text-align: right;
		padding: 0 15px!important;
	}
}



/* ###################################### MEDIA SCREEN 346px ###################################### */

@media screen and (max-width:346px) {

	.details-tabs .column {
		margin-bottom: 5px;
	}

	.buttons-no-padding {
		padding: 10px 0;
	}
}