/*==========  Desktop First Method  ==========*/

/* ... до 1199 включительно */
@media only screen and (max-width : 1199px) {

	/* HEADER */
	.main-nav__list {
    display: none;
	}
	
	/* Expert Form */
	#expertForm h4 {
		font-size: 1.0em;
		margin-top: 0px;
	}
	.formInputText {
		width: 82% !important;
	}
	
	.catalogBlock {
		width: 46% !important;
	}
	
	
	.content {
		width: 620px;
	}
	
	.content.content--wide {
		width: 100%;
	}
	
	.content--wide ~ .sidebar {
		width: 100%;
	}
	
	/*.goods {
		margin-right: 0;
	}*/

	.offers__link {
		width: 305px;
	}
	
	
}

/* ... до 959 включительно */
@media only screen and (max-width : 959px) {
	/* HEADER */
	.logo-header {
		display: none;
	}

	.logo-header-white {
	    display: block;
	}

	.phone__num {
		color: #ffffff;
	}

	.phone__callback {
	  color: #ffffff;
	}

	.phone__num:before {
	  background-image: url(https://metallobazatuchkovo.ru/project/img/pic/icons/telephone-white.svg);
	}
	/* burger-menu */
	#imMnMn.main-menu .hamburger-button {
		margin-top: 31px;
	}
	
	.content {
		width: 100%;
	}
	
	.sidebar {
		width: 100%;
	}

	.sidebar-info {
		order: -1;
	}

	.framing__color {
    width: 60px;
    height: 60px;
	}

	.clamping__item {
    width: 170px;
	}

	.offers__link {
		width: 345px;
	}

	.content-wrap__revers {
		flex-direction: column-reverse;
	}
}

/* ... до 719 включительно */
@media only screen and (max-width : 719px) {
	/* HEADER */
	.phone {
	  display: none;
	}

	.content {
		margin-bottom: 50px;
	}

	.pvc-film__img {
    width: 150px;
    height: 150px;
	}

	.framing__color {
  	width: 50px;
  	height: 50px;
	}

	.clamping__item {
    width: 140px;
	}
	
	
	/*.goods {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.goods__item {
	    flex-direction: column;
		width: 280px;
		margin-right: auto;
	}
	
	.goods__link-img {
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.goods__img {
		width: 100%;
	}
	
	.goods__discription {
		display: flex;
		flex-direction: column;
		width: auto;
		height: 100%;
	}
	
	.goods__title {
		font-size: 18px;
	}
	
	.goods__discription .button--small {
		margin-top: auto;
		align-self: center;
	}
	
	.goods__discription p {
		margin-bottom: 20px;
	}*/

	.offers__link {
		width: 287px;
	}

}

/* ... до 599 включительно */
@media only screen and (max-width : 599px) {
	
	.framing__color {
    width: 40px;
    height: 40px;
	}

	.clamping {
    flex-direction: column;
	}

	.clamping__item {
    width: 100%;
    display: flex;
    text-align: left;
	}

	.clamping__img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
	}

	.content__price-text {
    position: relative;
    bottom: auto;
    left: auto;
    background-color: rgb(255, 43, 35);
  }

	.content__price {
    font-size: 30px;
	}

	.offers__item {
		width: 100%;
	}

	.offers__link {
		width: 100%;
	}

}


/* ... до 479 включительно */
@media only screen and (max-width : 479px) {

	/* HEADER */
	.logo-header-white {
    width: 235px;
    margin-top: 5px;
	}
	
	.catalog__link {
		flex-direction: column;
	}
	
	.catalog__img {
    width: 100%;
    height: 160px;
    margin-right: 0px;
    border-left: none;
    border-top: 7px solid #ff2b23;
	}
	
	.catalog__discription {
		width: auto;
	}
	
	
	.imProductListText {
		height: 180px !important;
	}
	
	.imProductListPrice {
		bottom: 52px !important;
	}
	
	.imProductListText input[type=text] {
		left: 0 !important;
	}
	
	.imProductListText {
		padding-bottom: 200px;
	}


	.pvc-film__item {
    flex-direction: column;
	}

	.pvc-film__img {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
	}

	.framing__color {
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
	}

	

  .content__price {
    font-size: 24px;
	}
	
	
}

/* от 0 до 319 включительно */
@media only screen and (max-width : 319px) {
	
	
	
}


/*==========  Mobile First Method  ==========*/

/* от 320 включительно ... */
@media only screen and (min-width : 320px) {
	
}

/* от 480 включительно ... */
@media only screen and (min-width : 480px) {
	
	

}

/* от 600 включительно ... */
@media only screen and (min-width : 600px) {
	
	#imPageToTop {
		top: 80px !important;
	}

}

/* от 720 включительно ... */
@media only screen and (min-width : 720px) {
	
}

/* от 960 включительно ... */
@media only screen and (min-width : 960px) {

	.button-budjet {
		width: 200px;
		left: 20px;
		bottom: 20px;
		padding: 10px;
		font-size: 22px;
		text-align: left;
		z-index: 200;
		border: 2px solid #ffffff;
	}
	
	

}

 /* от 1200 включительно ... */
@media only screen and (min-width : 1200px) {
	
	/*#imMnMn.main-menu .hamburger-button {
		display: none;
	}*/

}