/* CSS Document */

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



	/*
	section.main, main div.main { width:1240px; width:1140px; }


	div#fine { width:425px; }
	section.index h1, section.index p { width:62%; margin-left:40px;  }
	section div.last div { width:1020px; }
	section div.items div {  margin-right:55px; }
	div#fine ul { margin-left:60px; }

	footer div.main { padding-left:0; width:1140px;  }
	*/
	
}

@media only screen and (max-width:1160px) 
	{
	.main, section.main, main div.main, section.main.index { width:auto;  }

	footer { padding:0 20px; }
	footer div.main { padding:0; width:auto; }
	main nav ul { margin:0 auto; }

	header nav { width: fit-content; }	
	header nav ul li {    padding: 8px 14px 38px 14px;}
	div.head div.logo { width:20%; padding-left:0; text-align:center; margin-top:-25px; }
	div.head div.logo img { width:120px; height:128px; }
	div.head div.logo p { text-align:center; }
	div.head div.addr { width:25%; padding-left:3%;   }
	div.head div.time { width:25%;  padding-left:3%; }
	div.head div.contacts { width:15%; white-space:nowrap; padding-top:60px;   }

	div.social {    margin-top: 71px;	}
	div.head div {    padding-top: 8px;    font-size: 13px; }
 	div.head div.addr a, div.head div.time a {   font-size: 13px; }

	main nav ul li a {   font-size: 15px; }   	
	main nav { width:fit-content; margin-bottom:20px;  }
	main nav ul li {   padding: 22px 15px 20px 15px;}	

	

	figure {    float:none;      margin: 0 auto;        	}

	div#fine {    float:none; width:auto;       background-color: #e5b091; background-repeat: no-repeat; background-image:url(/assets/img/best-m.jpg); background-position:top right;     margin-top: 15px; height:auto;}
	div#fine ul {   padding-top: 10px; padding-bottom: 5px;margin-bottom: 0; margin-left:0;}	

div#fine ul li {
    text-transform: uppercase;
    padding-bottom: 7px;
    display: inline-block;
    background-color: #f9d8c4;
    padding: 5px 10px;
    margin-bottom: 5px;
}	

	section h1 {    font-size: 30px; }
	section.index { background-blend-mode: color;     background-color: #ffffffcc; }
	section.index p {    width: 90%;}	
	footer div.navi div p.social {    margin-top: -25px;		}


	}
	
@media only screen and (max-width:840px) 
	{
	/* slider mobile */
	figure { width:100%; overflow: initial; }
	div.slider {    width: 100%; }
	div.slider div img { width:100%; }
	div.slider { height:auto;   }
	.slick-next {	    display: block !important;		}
	/* fix show on load */
	div.slider div img { display:none }
	div.slider div:first-child img { display:block }
	/* slider mobile */

	header nav ul li {    padding: 8px 8px 38px 8px;}	
	div.head div.logo {    width: 25%;		}
	div.head div.addr,div.head div.time { width:24%;    padding-left: 0;}	
	div.head div.time {    width: 24%;			}
	div.head div.contacts { width:24%; }
	main { background-image:none; }
	main nav { width:100%; background-image: url(/assets/img/menu-bg.jpg); }
	main nav ul li {    padding: 15px 5px 15px 5px;}	
	main nav ul li a {    font-size: 14px;}	
	div.line div div {
	    width: 50%;
	    display: block;
	    float: left;
	    height: 330px;
	    background-color: #fae8da;
	    padding-top: 30px;
	}
	div.line.next { margin-bottom: 0;    margin-top: -130px; }		
	div.line div { margin-top:0; }

section.index div.items { margin-left:0; }
section div.items div { width:50%; margin-right:0 !important; ; }
section div.items div img {
    padding: 5%;
    border: 1px solid #e3d8c3;
    width: 80%;
    height: 80%;
}

	.catalog div {    width: 49%; }

	footer {    clear: both; padding:0 15px; }
	footer nav {     padding-top: 20px; margin-left: 0}
	footer nav ul li {     padding: 5px 9px 5px 4px; }
	footer nav ul li a {    font-size: 14px;}	 
	footer div.navi div { padding-right:0; width:36%; }
	footer div.navi div:last-child {width: 155px; }
	}
	

@media only screen and (max-width:639px) 
	{	
	section {    padding-top: 1px; }
	section h1 { font-size:24px; }
	section.index h1, section.index p { width:95%; margin-left:0; ; margin:15px auto; }
	div#fine ul {    padding: 5px;	}
	div.line div div { width:100%;  }
	section div.last { margin-left:0; margin-top:30px; }
	section div.items div { width:100% }
	section div.items { margin-left:25px; }
	div.line div div p { width:95%; }
	footer nav ul li {   margin-bottom: 10px;padding: 3px 9px 3px 4px;	}
	div.line div div {  /*  border-bottom: 2px solid #e3d8c3; */    border-top: 2px solid #fff;	height: 300px;	padding-top: 20px;}
	div.promo p { padding-top:150px;    font-size: 30px; }
	footer div.navi div {  width: 100%;}	
	footer div.navi div {    padding-top: 20px; }
	footer div.navi div:last-child { width:100%; }
	footer div.navi div p.social {    margin-top: 0px;    float: right;    position: initial;}	
	footer div.copy { margin:10px 0; font-size:13px; }
	}
	

/*
 iphone 5 horisont fix 
@media only screen and (max-width:568px) 
	{
	header nav ul li a { font-size:12px; }
	main nav ul li a { font-size:12px ; }
	div.head div { font-size:12px; }
	div.head div.addr, div.head div.time { width:23%; }
	div.head div.addr a, div.head div.time a { font-size:12px;  }
	}
*/
@media only screen and (max-width:615px) 
	{

	.catalog div {    width: 99%; }

	div#fine { margin-top: -20px; }
	div#fine ul { padding-bottom: 2px; }
		
	div.imenu { display:block; }		
	div.imenu a { padding: 10px; }

	main nav {
	   margin-bottom: 0px;
	}
	div#fine ul li { font-size:12px;    margin-bottom: 5px; }

	main nav { background-image:url(/assets/img/menu-bg-m.jpg); }
	main nav ul {
	    text-align: center;
	    padding-bottom:5px;
	}
	main nav ul li {
	        padding: 8px 5px 4px 5px;
	}	
	
	header { height:170px; }	
	header nav {        width: 100%;
    	position: absolute;
	    z-index: 100;
	    }
	header nav ul {    width: 100%; border-top:none; display:none;}

	
	header nav ul li {
	    padding: 8px 8px 8px 8px !important;
	    display: block;
	    margin: 0;
	    width: 100%;
	    background-color: #fff;
	    background-image: none;
	    border-bottom:1px solid #f4f4f4;
	}
	header nav ul li a { display:block; }	

	div.head div.contacts {
		  position: absolute;
	    top: 3px;
	    margin: 0;
	    width: 150px;
	    right: 0;
	    padding: 0;
	    z-index: 100;
	}
	
	div.social {    margin: 0;
    right: 150px;
    top: 0px;
    padding-top: 0 !important;
    margin-top: 3px;}
div.head div.logo
	{
    width: auto;
    text-align: left;
    padding: 0px;
    margin-top: 2px;
    margin-left: 12px;
    position: absolute;	}

div.head div.addr { display:none; }

div.head div.time 
	{
	
    right: 8px;
    position: absolute;
    width: 170px;
    margin: 0;
    padding: 0;
    top: 71px;
    /* right: 19px; */
    text-align: right;
	}


	
	}