/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	/******************Index.html******************/
	
	/*Header-section*/
	.logo-menu-wrap {
		display: block;
	}
	.menu {
		margin-top: 10px;
	}
	/*Section-contacts*/
	#map {
		margin-top: 18.5em;
	}
	.map-descr-main {
		bottom: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	
	/*Section-products*/
	.flex-direction-nav {
		display: none;
	}

	/*Section-review*/
	.slides__review-main {
		width: 90%;
	}
	.slides__review-response {
		width: 80%;
	}
	.button__review {
		margin: 7% auto 4%;
	}	
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	/*******************Index.html*******************/	
	
	/*Section-round-stamp*/
	.stamp-item {
		width: 40%;
		margin-right: 0;
		margin-top: 15px;
	}
	.stamp-items {
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
	/*Section-review*/
	.button__review {
		margin-top: 9%;
	}
	/*Section-products*/
	.products-item {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
	}
	.flexslider .slides img {
		margin: 0 auto;
		padding-right: 0;
		/* width: 70%; */
		width: 100%;
	}
	.slider-wrap .slides-item {
		padding-top: 0;
	}
	.products-item__descr {
		-ms-align-items: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 25px;
	}
	.button__products,
	.products-item__text, 
	.products-item__time, 
	.products-item__price {
		margin-top: 15px;
		text-align: center;
	}	
	/*Section-clients */
	.clients .wrapper {
		width: 82%;
	}

	/********************Catalog.html********************/

	ul.submenu {
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.klishe-row__list img,
	.catalog-item-img {
		width: 20%;
	}

}

@media only screen and (max-width : 880px) {

	/********************Index.html********************/

	/*Header-section*/
	.menu__icon {
		display: block;
		bottom: 0;
	}
	.menu__links {
		display: none;    
	}
	.header-wrap {
		-ms-align-items: initial;
		-webkit-box-align: initial;
		    -ms-flex-align: initial;
		        align-items: initial;
	}
	.button__header, 
	.our-contacts {
		margin-top: 10px;
	}
	.logo-header {
		margin-right: 0;
	}
	.header {
		position: relative;
	}
	
	/**********************Catalog.html**********************/

	.page {
     	padding-top: 0; 
	}

	/**********************Oplata.html**********************/

	/* .oplata {
		padding-top: 0;
	} */
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		animation: none !important;
	}

	/*******************Index.html*******************/	
	
	.logo-header__img {
		width: 168px;
	}
	.logo-menu-wrap {
		margin-top: 10px;
	}
	/*Section-round-stamp*/
	.stamp-item {
		width: 54%;
	}
	.stamp-items {
		padding-top: 50px;
	}
	/*Section-review*/
	.button__review {
	    margin: 15% auto 13%;
	}
	.review-wrap {
		padding-bottom: 50px;
	}
	/*Section-about*/
	.about-item {
		width: 45%;
		padding-right: 0;
	}
	/*Section-products*/
	.products-list {
		width: 95%;
	}
	.button__products {
		margin-top: 35px;
    	line-height: 2.3;
	}
	/*Section-clients*/
	/* .clients .wrapper {
	    width: 51%;
	} */

	/*******************Catalog.html*******************/

	.klishe-row__list img,
	.catalog-item-img {
		width: 28%;
	}
}

@media only screen and (max-width : 640px) {

	/********************Index.html********************/	

	.header-wrap {
		padding-bottom: 80px;
	}
	.our-contacts {
		position: absolute;
	    bottom: 10px;
	    right: 20px;
	}
	.menu__icon {
	    top: 50px;
	}

	/*******************Catalog.html*******************/

	.klishe-row__list img,
	.catalog-item-img {
		width: 38%;
	}

	/*******************Oplata.html*******************/

	.oplata-wrapper {
		padding: 50px 20px;
	}
	.oplata-wrapper__item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
    	-webkit-box-align: center;
    	    -ms-flex-align: center;
    	        align-items: center;
    	padding-bottom: 40px;
	}
	.oplata-wrapper__descr {
		-ms-align-items: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.oplata-wrapper__img {
		padding-right: 0;
		padding-bottom: 35px;
	}
	.oplata-wrapper__title {
		padding-left: 0;
		text-align: center;
	}
	.oplata-wrapper__text {
		text-align: center;
	} 
	.operatory__wrap {
		text-align: center;
		padding: 40px 0;
	}
	.operatory__wrap img {
		width: 70%;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {

	/********************Index.html********************/	

	body {
		font-size: 0.8em;
	}
	.header-wrap {
	    padding-bottom: 82px;
	}
	.button__header {
		font-size: 16px;
	}
	.about-wrap, 
	.catalog-wrap, 
	.stamp-wrap, 
	.products-wrap, 
	.review-wrap {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.phone {
		font-size: 1.5em;
		line-height: 1.5;
	}
	.address {
		line-height: 1.5;
	}
	.logo-header__img {
		width: 88%;
	}
	.logo-menu-wrap {
		width: 53%;
    	padding-top: 17px;
	}
	.menu.menu_state_open .menu__links {
		position: relative;
		-ms-align-items: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
    	width: 130%;
    	left: 50%;
	}	
	/*Section-main-slider*/
	.button__slider {
		line-height: 3;
	}

	/*Section-catalog*/
	.catalog-title {
	    padding-bottom: 35px;
	}
	/*Section-stamps*/
	.stamp-items {
	    padding-top: 35px;
	}
	.stamp-item {
	    width: 70%;
	}
	.button__stamp {
		line-height: 2.5;
	}
	/*Section-review*/ 
	.button__review {
		font-size: 1.3em;  	
    	line-height: 3;
		margin: 15% auto 45%;
	}
	/*Section-clients*/ 
	.flexslider-clients {
	    margin: 45px 0 80px;
	}
	/*Section-products*/ 
	.flexslider .slides img {
		/* width: 85%; */
		width: 100%;
	}

	/*******************Oplata.html*******************/	

	.oplata-wrapper {
	    padding: 50px 20px 125px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 480px) {

	/*********************Index.html*********************/	

	/*Section-about*/
	.about-item {
	    width: 60%; 
	}
	.about-items {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	/*Section-stamp*/
	.stamp-item {
	    width: 90%;
	}
	/*Section-catalog*/
	.catalog-item {
		width: 295px;
	}
	/*Section-products*/
	.products-wrap {
	    padding-bottom: 24px;
	}
	.products-name {
		padding: 4px;
	}
	/*Section-review*/
	.button__review {
		width: 80%;
	    margin-top: 39%;
	}
	.slides__review-response {
		bottom: -124px;
	}
	/*Section-clients*/
	.flexslider-clients {
	    margin: 45px 0 94px;
	}
	.clients {
	    padding-bottom: 55px;
	}

	/*********************Catalog.html*********************/

	.klishe-row__list img,
	.catalog-item-img {
		width: 62%;
	}
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}