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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 79%;
	}
	.h1, h1 {
		font-size: 18px;
	}

	.img-label-qw-1 .scheme-kitchen {
		width: 240px;
	}

	#nextBtn, #prevBtn {
		padding: 0;
	}

	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 100%;
	}
	.h1, h1 {
		font-size: 18px;
	}

	.test-elem-q-1 {
		padding: 2px 2px;
	}

	.test_elem_facad {
		padding: 3px;
	}
	.test_elem .img-label {
		height: 166px;
		width: 263px;
	}
	label {
		font-size: 15px;
		width: 200px;
	}
	.test_elem-descr {
		font-size: 13px;
	}
	.test-elem-q-1 {
		padding: 0;
		width: 50%;
	}
	.size-block__item-text {
		font-size: 20px;
	}
	.inputs {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		height: 100%;
		margin-top: 45px;
	}

	.steps {
		text-align: center;
		margin: 0 0 25px;
	}
	.modal-body {
		padding: 0 15px;
	}

	.img-label-qw-1 img {
		width: 273px;
	}

	.q-3 {
		padding: 5px;
	}
	.submit_tab {
		padding: 0 26px;
	}
	.modal-dialog-slider {
		width: 95%;
		margin: 30px auto;
	}

	#slider ul {
		height: 100px;
	  }
	  .a_blick {
		width: 58%;
		font-size: 16px;
	}

	.menu li a {
		font-size: 10px;	
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.team_item{
		margin-bottom: 30px;
	}
	.menu li a {
		font-size: 9px;
	}
	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 79%;
	}
	.container {
		width: 100% !important;
	}
	.h1, h1 {
		font-size: 18px;
	}
	.menu li {
		padding: 0 5px;
	}
	.img-label-qw-1 .scheme-kitchen {
		width: 240px;
	}

	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 100%;
	}
	.h1, h1 {
		font-size: 18px;
	}

	.test-elem-q-1 {
		padding: 2px 2px;
	}

	.test_elem_facad {
		padding: 3px;
	}
	.test_elem .img-label {
		height: 166px;
		width: 263px;
	}
	label {
		font-size: 15px;
		width: 200px;
	}
	.test_elem-descr {
		font-size: 13px;
	}
	.test-elem-q-1 {
		padding: 0;
		width: 50%;
	}
	.size-block__item-text {
		font-size: 20px;
	}
	.inputs {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		height: 100%;
		margin-top: 45px;
	}

	.size-block__side_a, 
	.size-block__side_b, 
	.size-block__side_c,
	.size-block__side_d {
		width: 45%;
		margin-right: 13px;
	}
	/*.form-control {
		margin: 5px;
		width: 100px;
	}*/
	#nextBtn, #prevBtn {
		padding: 10px;
	}
	.steps {
		text-align: center;
		margin: 0 0 25px;
	}
	.modal-body {
		padding: 0 15px;
	}

	.img-label-qw-1 img {
		width: 273px;
	}

	.q-3 {
		padding: 5px;
	}
	.submit_tab {
		padding: 0 26px;
	}	
	.a_blick {
		width: 58%;
		font-size: 16px;
	}
	.header-phone {
		font-size: 13px;
	}

	.slide-door .slide-door_img {
		width: 180px;
		height: 332px;
	}

	.caption_h1 h1 {
		font-size: 36px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	header{
		background-image: url('../img/mobile-bg.jpg');
		height: 572px;
		background-position-x: right;
	}
	.img-fluid {
		height: auto;
	}
	.container {
		width: 100% !important;
	}
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	.carousel {
		width: 77%;
		margin: 0px auto;
	}
	/*nav{
		height: 80px;
		line-height: 80px;
		position: fixed;
	}*/
	.header-row {
		justify-content: space-between;
	}
	.top_line{
		display: none;
	}
	.logo{
		padding-top: 0;
	}
	.menu_btn{
		height: 40px;
		width: 40px;
		border-radius: 50%;
		background-color: #e21615;
		color: #a94442;
	}
	.caption_h1 h1 {
		font-size: 33px;
		color: #484a4e;
	}

	.caption_h2 {
		font-size: 34px;
		color: #484a4e;
	}
	.title_block-invisible {
		font-size: 20px;
	}
	.menu_btn span{
		top: -30px;
		right: 3px;
		font-size: 24px;
	}
	#top_menu{
		background-color: #fbfbfb;
		padding: 20px 20px;
		position: absolute;
		width: 100%;
		top: 94px;
	}
	.menu li{
		display: block;
		text-align: center;
	}
	.menu li a{
		display: block;
		line-height: 59px;
		font-size: 20px;
		padding: 0 50px;
		border-bottom: 1px solid #bebebe;
	}
	.menu li a:hover{
		background-color: #fff;
		color: #bebebe;
	}


	.title_block{
		margin-top: 192px;
	}
	.team_item{
		margin-bottom: 30px;
	}
	.download{
		padding: 20px 0 50px 0;
	}
	.team_s{
		padding: 60px 0 40px 0;
	}
	#dlForm{
		width: 100%;
	}

	label {
		font-size: 7px;
	}
	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 79%;
	}
	.h1, h1 {
		font-size: 18px;
	}

	.img-label-qw-1 .scheme-kitchen {
		width: 240px;
	}

	label {
		font-size: 16px;
		width: 150px;
	}
	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 100%;
	}
	.h1, h1 {
		font-size: 18px;
	}

	.test-elem-q-1 {
		padding: 2px 2px;
	}

	.test_elem_facad {
		padding: 3px;
	}
	.test_elem .img-label {
		height: 166px;
		width: 263px;
	}
	label {
		font-size: 15px;
		width: 100px;
	}
	.test_elem-descr {
		font-size: 13px;
	}
	.test-elem-q-1 {
		padding: 0;
		width: 50%;
	}
	.size-block__item-text {
		font-size: 20px;
	}
	.inputs {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		height: 100%;
		margin-top: 45px;
	}

	.size-block__side_a, 
	.size-block__side_b, 
	.size-block__side_c,
	.size-block__side_d {
		width: 45%;
		margin-right: 13px;
	}
	/*.form-control {
		margin: 5px;
		width: 100px;
	}*/
	#nextBtn, #prevBtn {
		padding: 10px;
	}
	.steps {
		text-align: center;
		margin: 0 0 25px;
	}
	.modal-body {
		padding: 0 15px;
	}

	.img-label-qw-1 img {
		width: 273px;
	}

	.q-3 {
		padding: 5px;
	}
	.submit_tab {
		padding: 0 26px;
	}

	.a_blick {
		width: 58%;
		font-size: 13px;
	}
	.callback .callback-caption {
		font-size: 25px;
		text-align: center;
	}

	.door-tittle {
		font-size: 11px;
	}

	.callback_form {
		width: 100%;
	}

	.slide-door .slide-door_img {
		width: 119px;
		height: 266px;
	}
	.callback {
		flex-direction: column;
		padding: 20px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.container {
		padding: 0;
		margin: 0;
	}
	.img-fluid {
		height: auto;
	}
	nav{
		height: 94px;
		line-height: 94px;
		position: fixed;
	}

	.header-phone {
		font-size: 14px;
	}

	.about_us-text {
		width: 90%;
		font-size: 19px;
	}

	.about_us-picture {
		width: 90%;
	}
	.param_block p {
		font-size: 14px;
	}

	.param_block h4 {

		font-size: 20px;

	}

	.callback-line {
		background-image: url('../img/met_320.png');
	  }

	.about_us {
		flex-direction: column;
	}
	.about_us-text {
		width: 100%;
		font-size: 15px;
	}
	.top_line{
		display: none;
	}
	.caption_h1 h1 {
		font-size: 20px;
	}
	.header_location {
		line-height: 12px;
	}
	.header-row {
		justify-content: space-between;
	}
	.header-phone {
		font-size: 14px;
		margin-left: 5px;
		padding: 5px;
	}

	.header_address {
		font-size: 16px;
		padding-left: 11px;
	}
	.menu_btn span{
		top: -28px;
		right: 3px;
		font-size: 24px;
	}	
	.title_block-invisible {
		font-size: 20px;
	}

	#top_menu{
		top: 80px;
	}
	.menu li{
		display: block;
		text-align: center;
	}
	.menu li a{
		display: block;
	}
	.menu li a:hover{
		background-color: #F5F5F5;
		color: #2F3C5A;
	}

	.title_block{
		margin-top: 130px;
	}

	.title_block h1{
		font-size: 30px;
	}
	.title_block p{
		font-size: 14px;
	}
	.team_item{
		margin-bottom: 30px;
	}
	.download{
		padding: 20px 0 50px 0;
	}
	.team_s{
		padding: 60px 0 40px 0;
	}
	#dlForm{
		width: 100%;
	}
	.call_btn{
		top: 8px;
		right: 85px;
	}
	.test_elem .img-label {
		height: 95px;
	}
	.img-label-qw-1 img {
		width: 100px;;
	}
	label {
		font-size: 15px;
		width: 150px;
	}
	#regForm {
		padding: 10px;
		margin: 10px auto;
		width: 100%;
	}
	.h1, h1 {
		font-size: 18px;
	}
	
	.caption_h2 {
		font-size: 23px;
	}

	.test-elem-q-1 {
		padding: 2px 2px;
	}

	.img-label-qw-1 img {
		width: 138px;
	}

	.test_elem_facad {
		padding: 3px;
	}
	.test_elem .img-label {
		height: 95px;
		width: 153px;
	}
	label {
		font-size: 13px;
		width: 100px;
	}
	.test_elem-descr {
		font-size: 13px;
	}
	.test-elem-q-1 {
		padding: 0;
		width: 50%;
	}
	.size-block__item-text {
		font-size: 15px;
	}
	.inputs {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		height: 100%;
	}

	.size-block__side_a, 
	.size-block__side_b, 
	.size-block__side_c,
	.size-block__side_d {
		width: 45%;
		margin-right: 13px;
	}
	/*.form-control {
		margin: 5px;
		width: 100px;
	}*/
	#nextBtn, #prevBtn {
		padding: 10px;
	}
	.steps {
		text-align: center;
		margin-top: 0;
	}
	.modal-body {
		padding: 0 15px;
	}

	.img-label-qw-1 img {
		width: 138px;
	}

	.q-3 {
		padding: 5px;
	}
	.submit_tab {
		padding: 0 26px;
	}
	.img-label-qw-1 .scheme-kitchen {
		width: 138px;
	}

	.manage_buttons {
		margin: 0 25px 25px 0;
	}
	.a_blick {
		width: 84%;
		font-size: 12px;
	}

	.door-tittle {
		font-size: 11px;
	}

	.callback {
		flex-direction: column;
		padding: 20px;
	}

	.callback_form {
		width: 100%;
	}

	.slide-door .slide-door_img {
		width: 95px;
			height: 206px;
	}

	.about_us-picture {
		background-image: url(../img/about_us_small.png);
		-webkit-background-size: cover;
		background-size: cover;
		padding: 130px;
		width: 100%;
		height: 100%;
	}
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	#services:before,
	#zamer:before,
	#partners:before,
	#gallery:before,
	#contacts:before {
		display: block;
		content: "";
		height: 80px;
		margin: -80px 0 0;
	}
	.slick-slide  {
		margin: 8px;
	}
	.container .slick-prev {
		left: -47px;
	}
	
	.container .slick-next {
		right: -47px;
	}
	nav{
		height: 80px;
		line-height: 80px;
		position: fixed;
	}
	.top_line{
		display: none;
	}
	.header_location {
		line-height: 12px;
	}
	.header-row {
		justify-content: space-between;
	}

	.caption_h1 h1:after {
		height: 1px;
	}

	.header_address {
		line-height: 12px;
		color: #6e7379;
		padding-left: 15px;
		padding-top: 5px;
	}
	.param_block {
		text-align: center;
		margin: 20px;
	}
	.title_block-invisible {
		font-size: 20px;
	}
	.header_address {
		font-size: 12px;
	}
	.menu_btn span{
		top: -23px;
	}
	#top_menu{
		top: 64px;
	}
	.menu li{
		display: block;
		text-align: center;
	}
	.menu li a{
		display: block;
	}
	.menu li a:hover{
		background-color:#F5F5F5;
		color: #2F3C5A
	}

	.caption_h2 {
		font-size: 13px;
		margin-bottom: 20px;
	}

	.caption_h1 {
		margin-bottom: 20px;
	}
	.title_block{
		margin-top: 130px;
	}

	.title_block h1{
		font-size: 30px;
	}
	.title_block p{
		font-size: 14px;
		margin-top: 15px;
    	margin-bottom: 30px;
	}
	.title_block button {
		color: white;
	}
	.team_item{
		margin-bottom: 30px;
	}
	.download{
		padding: 20px 0 50px 0;
	}
	.team_s{
		padding: 60px 0 40px 0;
	}
	#dlForm{
		width: 100%;
	}
	.call_btn{
		top: 8px;
		right: 82px;
	}

	.test-elem-q-1 {
    padding: 25px 2px;
	}
	#regForm {
		padding:0;
		min-width: auto;
	}
	.h1, h1 {
		font-size: 15px;
	}
	.img-label-qw-1 .scheme-kitchen {
		width: 124px;
	}
	.test_elem .img-label {
		height: 88px;
		width: 123px;
	}
	label {
		font-size: 13px;
		width: 100px;
	}
	.test_elem-descr {
		font-size: 13px;
	}
	.test-elem-q-1 {
		padding: 0;
		width: 50%;
	}
	.size-block__item-text {
		font-size: 15px;
	}
	.inputs {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		height: 100%;
		margin-top: 0;
	}

	.size-block__side_a, 
	.size-block__side_b, 
	.size-block__side_c,
	.size-block__side_d {
		width: 45%;
		margin-right: 13px;
	}
    .sides {
		margin: 5px;
		width: 120px;
		font-size: 13px;
		height: 25px;
	}
	#nextBtn, #prevBtn {
		padding: 5px;
	}
	.steps {
		text-align: center;
		margin-top: 0;
	}
	.modal-body {
		padding: 0 15px;
	}

	.img-label-qw-1 img {
		width: 138px;
	}

	.q-3 {
		padding: 5px;
	}
	.submit_tab {
		padding: 15px;
	}
	.manage_buttons {
		margin: 0 20px;
	}
	.a_blick {
		width: 84%;
		font-size: 12px;
	}

	.logoImg {
		width: 120px;
	}

	.callback {
		flex-direction: column;
		padding: 20px;
	}

	.callback_form {
		width: 90%;
	}

	.slide-door .slide-door_img {
		width: 95px;
		height: 207px;
	}

	.about_us-text {
		width: 97%;
		font-size: 19px;
	}

	.header-phone {
		font-size: 11px;
	}

	.param_block p {
		font-size: 10px;
	}
}


/*==========  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) {

}