/* portrait and landscape */
@media screen and (min-width : 768px)
and (max-width : 1024px)  { 
}

/* landscape */
@media screen and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape)  {
    /*.grid-sizer, .grid-item {
        width: calc(33% - 4px);
    }*/
	
	#header {
		padding-left:1.45%;
		padding-right:1.45%;
	}
	#header nav {
		padding-top:28px;
	}

    #header .container > div {
        width: 16%;
        padding-left: 1%;
    }
	#footer .col-sm-5.adresse .ce-gallery {
		max-width:48%;
	}
	#header nav .unavi2 {
		padding-top: 5px;
	}
	#header nav .unavi2 li a {
		padding-left: 18px;
	}
	nav .unavi2 li {
		padding-right: 20px;
	}
	#wineFormModal h2.formtitle {
		padding-top: 82px;	
	}
	#wineFormModal .modal-dialog {
		margin-top: 15px;	
	}
	#wineFormModal .submitblock .send {
		margin-top:20px;
	}
	p.address {
		margin-bottom:0.5rem;
	}
}

/* portrait */
@media screen and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait)  {

	#header nav.main{
		width: 50%;
		padding-left: 50px;
	}

	#header .container .mail{
		width: 30% !important;
		padding-left: 50px;
		padding-top: 30px !important;
	}

	#header .container .navi1{
		display: flex;
		flex-direction: column;
	}

	#header .container .navi1 .unavi2 li{
		padding-right: 5px;
	}

	#header .container .navi1 .unavi2 li a{
		padding-left: 20px;
	}

	#header .container .tel,
	#header .container .lang{
		padding: 10px 0px !important;
		text-align: left !important;
	}

	.slider div, .sliderwineauction div{
		height: 600px;
		background-position: center 80px;
	}

	#header.open {
		top: 60px !important;
	}

	.nav57.sub1,
	.nav58.sub1 {
		float: left !important;
	}

	#header .mail,
	#header .tel,
	#header .lang {
		float: left !important;
		width: 100% !important;
		text-align: left !important;
		padding-top: 0 !important;
	}
	
	.wrapperslider {
		margin-top: 0;
	}
	.grid-sizer, .grid-item {
		width: calc(50% - 3px);
		margin-bottom:6px;
	}
	/*.grid-item:nth-child(odd) {
		padding-left:3px !important;
		padding-right:3px !important;
	}
	.grid-item:nth-child(even) {
		padding-right:3px !important;
		padding-left:0 !important;
	}*/
	.grid-item.n2 .newswrapper, .grid-item.n5 .newswrapper, .grid-item.n8 .newswrapper {
			padding-top:calc(100%);
		}
	/*.grid-item:nth-child(even) .newswrapper {
		padding-top:calc(100% - 3px);
	}
	.grid-item {
		margin-bottom:0;
	}
	.grid-item.n3 {
		padding-top: 0;
	}*/
	/*.grid-item {
		margin-bottom:0;
		padding-right:0;
	}
	.grid-item.n3 {
		padding-top: 0;
	}
	.grid-item.n4 {
		padding-left: 0;
	}
	.grid-item:nth-child(2n) {
		padding-left:3px;
		padding-right:3px;
	}
	/*.grid-item:nth-child(3n) {
		border-color:#000;
		padding:6px;
	}*/
	#header.open {
		top: 35px;
	}
	#footer .col-sm-5.adresse .ce-gallery {
		max-width:33%;
		float:right;
	}
	#footer .news {
		margin-bottom:0;
	}
	
	/*.grid-item:nth-child(3n) {
		padding: 4px;	
	}*/
	
	.ce-right .ce-gallery .image, .ce-right .ce-gallery .image img, .ce-right .ce-gallery .image, .ce-right .ce-gallery .image img {
		/*width: 70%;	*/
		width:auto;
	}
	#wineFormModal .modal-dialog {
    	max-width: 90%;
	}
	#wineFormModal .modal-header {
    	display:block;
	}
	#wineFormModal .colm3, #wineFormModal .col3  {
		width:25%;
	}
	#wineFormModal .colm23, #wineFormModal .col23 {
		width:75%;
	}
	#wineFormModal .legende {
		width: 100%;
		padding-top:10px;
	}
	#wineFormModal .modal-header img {
		max-width: 40%;
	}
	#wineFormModal .close {
		position: absolute;
		right: 10px;
		top: 5px;
	}
	#wineFormModal h2.formtitle {
		padding-top: 23px;
	}
	#listtable td {
		width:25%;
	}

}