@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #paper-bag.to-cart {
width:300px;
	height:35vh;
	
	background:url(../img/bag.png) no-repeat 0 0;
	background-size:cover;
	position:fixed;
	z-index:310;
	left:50%;
	bottom:-35vh;
}
}





/*АДАПТИВНЫЕ БРЕКПОИНТЫ*/

@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}



/*--------------------------------------------------------------Все что от 1400*/

@media screen and (min-width: 1400px)   {
.one-item {
	width:33.3333%;
	
}

.card-info .one-item-form {
	font-size:17px
}
.card-info {
	font-size:16px
	
}
.one-item:nth-child(3n+3){
	background:none;
	
}

.one-item:nth-child(3n+4):before{
	position:absolute;
	display:block;
	content:"";
	font-size:1px;
	line-height:1px;
	background-color:#6a6766;
	width:300%;
	left:0;
	top:-23px;
	height:1px
}



}


/*--------------------------------------------------------------Все что от 1600*/

@media screen and (min-width: 1600px)   {
	.top {
		font-size:16px
	}
	
	footer {
		font-size:14px
	}
	
.delivery  {
	font-size:22px
}

.slider-info {
	width:20%;
	right:10%
}

}

/*--------------------------------------------------------------Все что от 2200*/

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


		footer {
		font-size:16px
	}
	
	.top {
		font-size:20px
	}
	
	.one-item{
		font-size:18px
	}
	
	
		.one-item-cell:first-child {
			width:40%
	}
	

	
	.one-item-cell:last-child {
    padding-left: 2.4em;
	width:60%
	}
	
	.one-item {
		padding:0 2.4em
	}
	
	.page-header {
		font-size:18px
	}
	
	.one-item-cell .item-to-cart {
	font-size:18px	
	}


.delivery {
	font-size:22px
}
.contacts #contacts {
	font-size:24px
}
}





/*--------------------------------------------------------------Все что от 2800*/

@media screen and (min-width: 2800px)   {
	#man {
		max-width:600px;
		max-height:600px
	}
	
		#ufo {
		max-width:600px;
		
	}
	
			#hand {
		max-width:600px;
		
	}
		footer {
		font-size:18px
	}
	
	.one-item{
		font-size:20px
	}
	
		.one-item-cell .item-to-cart {
	font-size:20px	
	}
	
		.top {
		font-size:26px
	}
	
	.breadcrumbs {
		font-size:30px
	}

.page-header {
	font-size:26px
}






.contacts #contacts {
	font-size:28px
}

#terra {
	max-width:none
}
#pita-sun img, #pita-item img {
	width:100%;

}

#terra img {
width:100%;
}

#goyko {
	max-width:none;
	max-height:none
}

#goyko img, #grail  img, #invader img, #mason-eye img {
width:100%;
}

}


/*--------------------------------------------------------------Все что от 3000*/

@media screen and (min-width: 3000px)   {
.cart {
	right:5%
}

.contacts #contacts {
	font-size:30px
}
}


/*--------------------------------------------------------------Все что от 4000*/

@media screen and (min-width: 4000px)   {
.top {
	font-size:40px
}


}


/*-------------------------------------------------------------- 1700--- 1760    для 3 колонок только*/


@media screen and (min-width: 1700px) and (max-width: 1760px)   {
	.one-item-cell:last-child{
		font-size:15px
	}
	
}

/*-------------------------------------------------------------- 1400--- 1700    для 3 колонок только*/


@media screen and (min-width: 1400px) and (max-width: 1700px)   {
	.one-item-cell:last-child{
		font-size:14px
	}
	
}


/*-------------------------------------------------------------- 1500--- 1650   для 3 колонок только*/


@media screen and (min-width: 1500px) and (max-width: 1650px)   {
	.one-item-cell:last-child{
		font-size:13px
	}
	
	.one-item .one-item-form .btn  {
	height:3.5em;		
	line-height:3.5em;		

}

.items {
	padding:0 2%
}


	
}


/*--------------------------------------------------------------1400-1500 для 3 колонок только*/


@media screen and (min-width: 1400px) and (max-width: 1500px)   {
	.one-item-cell:last-child{
		font-size:12px
	}
	.one-item .one-item-form .btn  {
	height:3.5em;		
	line-height:3.5em;	
	}

.items {
	padding:0 2.8%
}

	.one-item .one-item-form .btn  {
		right:-1em		
	}
	
}



/*--------------------------------------------------------------Все что <<< 1400*/


@media screen and (max-width: 1400px)   {
.page-header h1 {
	
}
.one-item-cell:fist-child {
	width:40%
}
.one-item-cell:last-child {
	width:60%
}



}

/*--------------------------------------------------------------900-----------1400   переход а 2 колонки*/

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

	
.one-item {
	width:50%;
	
}


.card-info-maybe .one-item:last-child {
	display:none
}

.one-item:nth-child(2n+2){
	background:none;
	
}

.one-item:nth-child(2n+3):before{
	position:absolute;
	display:block;
	content:"";
	font-size:1px;
	line-height:1px;
	background-color:#6a6766;
	width:200%;
	left:0;
	top:-23px;
	height:1px
}


#ufo {
	max-width:400px
}
}





/*--------------------------------------------------------------900-----------1300   */

@media screen and (min-width: 800px) and (max-width: 1300px)   {
		.top {
		font-size:15px
	}		
.one-item-cell h2 {
	/*font-size:26px;*/
}

.one-item .cost {
	/*font-size:32px;*/
}

.one-item .cost:after {

/*	width:16px;
	height:2px;	
	right:5px;
	bottom:7px;*/
	
}
.slider-info {
	font-size:16px
}
}


/*--------------------------------------------------------------900-----------1200   */

@media screen and (min-width: 800px) and (max-width: 1200px)   {
	
.slider-info {
	font-size:15px
}
.order-list {

	
	font-size:14px

}
	
	
	
	
	.items {
		padding:0 2%
	}
	
			.top {
		font-size:14px
	}
	
.one-item-cell:last-child {
	font-size:13px
}

	.one-item .one-item-form .btn  {
	height:3.5em;		
	line-height:3.4em;	
	}

.page-header {
	font-size:14px
}

}




/*--------------------------------------------------------------900-----------1000   */

@media screen and (min-width: 800px) and (max-width: 1000px)   {
.slider-info {
	font-size:12px
}
			.top {
		font-size:13px
	}
	.items {
		padding:0 0%
	}
	
.one-item-cell:last-child {
	font-size:12px
}

	.one-item .one-item-form .btn  {
	height:3.5em;		
	line-height:3.4em;	
	right:-0.8em
	}
.page-header {
	font-size:13px
}

.order-list {

	
	font-size:12px

}


.cart {
	left:900px
}


	
}






/*--------------------------------------------------------------ширина >>>990  <<<1100 и высота >800*/
@media screen and (min-width: 990px)  and (max-width: 1300px)   {
@media screen and (min-height: 800px)   {
		.delivery {
		flex:1;
	}
	.delivery .footer {
		margin:0.5em 0 0.6em 0;
	}
	

}
}

@media screen and (max-width: 1100px)   {
.form-wrap {
	width:95%
}

}




/*------------------------------------------------------------------------------------------------ПОД РАЗНЫЕ ВЫСОТЫ ОКОН*/
/*****************************************************************
****************************************************************
*****************************************************************/



@media screen and (min-height: 900px)   {

.contacts #contacts {
	bottom:25%
}
}
/*--------------------------------------------------------------<600*/
@media screen and (max-height: 800px)   {
	.del-block-1, .del-block-2 {
	min-height:300px;
	height:15vh
}
}
/*--------------------------------------------------------------<700*/
@media screen and (max-height: 700px)   {
.footer {

	margin:0.5em 0 0.6em 0;
	
}

.page-header {
	font-size:14px
}
	
.breadcrumbs {
	font-size:14px
}


}
/*--------------------------------------------------------------<600*/

@media screen and (max-height: 600px)   {
	
	.page-header {
	font-size:10px
}
.breadcrumbs {
	font-size:11px
}

}