/* Media Queries */
@media screen and (max-width: 1600px) {
	
}
/* 1600  px */
@media screen and (max-width: 1600px) {
	.container {
		width: 1140px;
	}
	.mail-tablets {
   	display: block;
	margin-left: 51%;
	padding-top: 20px;
   }
   .contacts {
   	display: block;
   }
   .mail {
   	display: none;
   }
   .phone-numbers {
   	width: 100%;
   }
   .video-camera {
   	width: 431px;
   	height: 430px;
   }
   .offer {
   	margin-top: 40px;
   }
   .offer-title {
   	font-size: 55px;	
   	letter-spacing: 2px;
   }
   .categorie {
   	margin-left: 0%;

   }
   .categories {
	width: 200px;
	height: 230px;
	margin-right: 18px;
	}
	.block img {
	width: 200px;
	height: 170px;
	}
	.model {
		font-size: 19px;
	}
	.price {
		font-size: 21px;
	}
	.model {
		margin-right: 30%;
	}
	.price {
		margin-right: 40%;
	}
	.Card-barrier {
		width: 500px;
		height: 460px;
	}
	.barrier-c {
		width: 490px;
		height: 450px;
	}
	.window {
		width: 1200px;
	}
	.modal-window {
		padding-left: 20px;
	}
	.charac-title {
		margin-right: 60px;
	}
	.code-2 {
		padding-left: 25px;
	}
	.window-number__first {
		padding-right: 20px;
	}
	.escape {
		margin-left: 1150px;
	}
	.window-number {
		margin-left: 75px;
	}
}
/* 1200  px */
@media screen and (max-width: 1200px) {
	.container {
		width: 980px;
	}
	.mail-tablets {
		margin-left: 43%;
	}
	.categories  {
		width: 128px;
		height: 135px;
		padding-top: 30px;		
	}
	.categories p {
		font-size: 11px;
		padding-top: 12px;	
		line-height: 12.82px;		
	}
	.c-1 {
		width: 39px;
		height: 24px;
	}
	.c-2 {
		width: 39px;
		height: 24px;
	}
	.c-3 {
		width: 28px;
		height: 24px;
	}
	.c-4 {
		width: 33px;
		height: 24px;
	}
	.c-5 {
		width: 24px;
		height: 24px;
	}
	.arrow {
		width: 13px;
		height: 7px;
		margin-top: -15px;	
	}
	.connection {
		width: 13px;
		margin-top: -15px;
	}
	.categorie {
		margin-left: 10%;	
	}
	.offer {
			
	}
	.offer-title {
		font-size: 50px;	
	}

	.footer-phone-numbers {
	display: block;	
	text-align: center;		
	}
	.footer-tablet {
		margin-left: 0%;	
	} 
	.footer-logo {
		text-align: center;	
		padding-bottom: 40px;	
	}
	.mail-tablets {
		text-align: center;	
	}
	.footer-phone {
		padding-bottom: 34px;	
	}
	.block {
		width: 388px;
	}
	.block img {
		width: 298px;
		height: 261px;
	}
	.model {
		font-size: 26px;
	}
	.price {
		font-size: 28px;
	}
	.model {
		margin-right: 36%;
	}
	.price {
		margin-right:48%;
	}
	.Card-barrier {
		width: 450px;
		height: 420px;
	}
	.barrier-c {
		width: 450px;
		height: 390px;
	}
	.description {
		width: 450px;
	}
	.popular-catalog {
		display: none;
	}
	.catalog-block {
		margin-bottom: 30px;
		height: 430px;
	}
	.window {
		width: 1000px;
	}
	.window-number {
		margin-left: 75px;
	}
	.modal-window {
		padding-left: 5px;
	}
	.charac-title {
		margin-right: 65px;
	}
	.code-2 {
		padding-left: 15px;
	}.window-number {
		margin-left: 30px;
	}
	.window-number__first {
		padding-right: 5px;
	}
	.escape {
		margin-left: 950px;
	}
	.window-number__last {
		width: 50px;
	}
}
/* 768 - 992 px - Планшеты */
@media screen and (max-width: 992px) {
	.offer-title {
		font-size: 66px;
	}
	.container {
		width: 750px;
	}
    .first-screen {
    	background: linear-gradient(
	#fff 0%,
	#fff 50%,
	#00c2ff 50%,
	#00e3ff 100%
		)
    }
    .categorie {
    	margin-left: -2%;
    }
    .header-tablet {

    }
    .footer-logo {
    	padding-bottom: 20px;
    }
    .footer-phone {
    	padding-bottom: 20px;
    }
    .phone a {
    	color: #00a2ff;
    }
    .mail-tablets {
    	padding-top: 0;
    }
    .header-tablet {
    	padding-top: 0;
    	margin-left: 25%;
    }
    .header-tablet a {
		color: #00a2ff;
		margin-top: 20px;
    }
    .phone-header a{
    	display: -webkit-flex;
    	display: -moz-flex;
    	display: -ms-flex;
    	display: -o-flex;
    	display: flex;
    	padding-top: 20px;
    }
    .phone-blue {
    	width: 18px;
		height: 18px;
		margin-top: -8px;
		margin-left: 7px;
    }
    .header-tablet a {
    	display: -webkit-flex;
    	display: -moz-flex;
    	display: -ms-flex;
    	display: -o-flex;
    	display: flex;
    }
    .mail-blue {
    	width: 22px;
		height: 18px;
		margin-right: 7px;
		margin-top: 8px;
    }
    .footer-tablet {
    	color: white;
    	padding-top: -20px;
    }
    .v-camera {
    	margin-top: 0;
    	padding-top: 0;
    }
    .offer {
    	margin-bottom: 0;
    }
    .btn-choose {
    	margin-bottom: 70px;
    }
    .contacts {
    	margin-left: 0;
    }
    .phone {
    	line-height: 0.5px;
    	font-size: 19px;
    }
	.block {
		width: 350px;
	}
	.model {
		margin-right: 30%;
	}
	.price {
		margin-right: 43%;
	}
	.phone-header a .phone-white{
		display: none;
	}
	.phone-blue {
		display: block;
	}
	.mail-blue {
		display: block;
	}
	.mail-white {
		display: none;
		width: 1px;
		height: 1px;
	}
	.Card-barrier {
		text-align: center;
		width: 689px;
height: 602px;
	}
	.barrier-c {
		width: 641px;
		height: 562px;
	}
	.description {
		width: 600px
	}
	.about {
		padding-bottom: 10px;
	}
	.header-about {
		margin-top: 20px;
		background: linear-gradient(
	to right,
	#fff 0%,
	#fff 50%,
	#00c2ff 50%,
	#00e3ff 100%
		)
	}
	.barrier-w {
		margin-left: 50px;
	}
	.charact {
		display: block;
		text-align: center;
	}
	.window {
		width: 700px;
	}
	.window-number {
		margin-left: 0;
	}
	.charact__center {
		margin-top: 20px;
	}
	.charact__model {
		font-size: 28px;
	}
	.escape {
		margin-left: 660px;
	}
}

/* 576 - 768 px  */
@media screen and (max-width: 767px) {
	.offer-title {
		font-size: 50px;
	}
	.container {
		width: 560px;
	}
    .c-down {
    	display: block;
    }
    .phone-numbers {
    	display: block;	
    }
    .offer {
    	padding-right: -100px;
    	padding-bottom: -300px;
    }
    .logo {
    	text-align: center;
    	padding-bottom: 30px;	
    }
    .offer {
    	padding-bottom: 190px;
    }
    .header-phone {

    }
    .footer-phone {
    	text-align: center;
    	padding-bottom: 24px;
    }
    .mail-tablets {
    	text-align: center;
    	margin-left: 0;
    }
    h2 {
    	font-size: 34px;
    }
    .cate {
    	width: 100%;
		
    }
    .offer-title {
    	text-align: center;
    }
    .products{
    	justify-content: center;
    }
    .btn-choose {
    	margin-left: 25%;
    }
	.v-camera {
		margin-top: -150px;
	}
	.first-screen {
    	background: linear-gradient(
	#fff 0%,
	#fff 48%,
	#00c2ff 48%,
	#00e3ff 100%
		)
    }
    .popular-title {
    	text-align: center;
    }
    .c-down {
    	flex-wrap: wrap;
    }
    .block {
    	width: 380px;
    	margin-left: 23%;
    }
    .popular-title {
    	justify-content: center;
    	text-align: center;
    	margin-left: 10%;
    }
    .phone-header a{
    	text-align: center;
    	margin-left: 30%;
    }
    .header-tablet a{
    	text-align: center;
    	margin-left:25%;
    	margin-top: px;
    }
    .Card-barrier {
		text-align: center;
		width: 500px;
height: 450px;
	}
	.barrier-c {
		width: 490px;
		height: 440px;
	}
	.description {
		width: 500px
	}
	.header-about {
		margin-top: 0;
	}
	.popular-about {
		margin-top: -50px;
	}
	.cate {
		margin-left: 10%;
	}
	.categorie {
		width: 560px;
	} 
	.c-down {
		margin-left: 13%;
	}
	.categories {
		margin-bottom: 24px;
	}
	.phone-header {
		padding-top: 15px;
	}
	.phone-number {
		margin-top: -50px;	
	}
	.logo {
		padding-bottom: 0;	
	}
	.footer-logo {
		padding-bottom: 20px;	
	}
	.header-about {
		margin-top: 10px;	
	}
	.block {

	}
	.window {
		width: 500px;
	}
	.charact {
		margin-left: 20px;
	}
	.charac__title {
		font-size: 15px;
	}
	.barrier-w {
		width: 180px;
	}
	.escape {
		margin-left: 460px;
	}
}

/* 320 - 576 px телефон  */
@media screen and (max-width: 576px) {
	.escape {
		margin-left: 260px;
		margin-top: -1730px;
	}
	.window {
		width: 300px;
	}
	.barrier-w {
		margin-bottom: 20px;
	}
	.modal-window {
		display: block;
	}
	input {
		width: 250px;
	}
	.btn-window {
		width: 250px;
	}
	.about-model {
		font-size: 28px;
	}
	.main-first {
		font-size: 5px;
	}
	.main-between {
		display: none;
	}
	.Card-barrier {
		width: 300px;
		height: 290px;
	}
	.barrier-c {
		width: 290px;
		height: 250px;
	}
	.block {
		margin-left: 0;	
		width: 300px;

	}
	.model {
		margin-right: 20%;
	}
	.price {
		margin-right: 33%;
	}
	.first-screen {
    	background: linear-gradient(
	#fff 0%,
	#fff 41%,
	#00c2ff 41%,
	#00e3ff 100%
		)
    }
	.container {
		width: 320px;
	}
	.products {
		display: block;
	}
    .offer {
    	width: 100%;
    	background-position: 100% 50%;
    	text-align: center;
    	margin-top: 0;
    }
    .offer {
    	margin-left: 0;
    	background: url(../img/offer-bg.png) right;
    	height: 350px;
		
    }
    .offer-title {
    	margin-left: 0;
    	padding-top: 0;
    	padding-top: 21px;
    	font-size: 30px;
    }
    .btn-choose {
    	margin-left: 0;
    	margin-bottom: 0;
    }
    .v-camera {
    	padding-top: px;
    	margin-top: 30px;
    }
    .video-camera {
    	width: 294px;
    	height: 293px;
    }
	.phone-header{
		margin-left: -25px;
		padding-top: 10px;
	}
	.phone a {
		font-size: 18px;
	}	
	.mail a {
		font-size: 19px;
	}
	.contacts {

	}
	.header-tablet {
		margin-top: -20px;
		font-size: 18px;
		margin-left: -50px;
		padding-bottom: 10px;
		text-align: center;
		padding-top: 10px;
	}
	.logo {
		padding-bottom: 0;
	}
	.categories {
		margin-right: 10px;	
	}
	.cate {
		margin-left: 0%;
	}
	.footer-phone-numbers {
		padding-top: 10px;
	}
	.cate {
		width: 330px;		
	}
	.c-down {
		margin-left: 0;	
	}
	.categorie {
		margin-left: -120px;	
	}
	.code {
	font-size: 20px;
}
.code-a {
	color: #343434;
	font-family: 'Montserrat-Regular';
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1.68px;
	padding-left: 130px;
}
.numbers {
	font-size: 20px;
}
.numbers-a {
	width: 85px;
	color: #343434;
	font-family: 'Montserrat-Regular';
	font-size: 20px;
	font-weight: 700;
	padding-left: 85px;
}
.numbers-a a{
	padding-left: 10px;
	padding-right: 10px;
}
.accesses {
	color: #343434;
	font-family: 'Montserrat-Regular'; 
	font-size: 20px;
}
.accesses-a {
	color: #343434;
	font-family: 'Montserrat-Regular';
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1.68px;
	padding-left: 30px;
}
.about-price {
	color: #343434;
	font-family: 'Montserrat-Black';
	font-size: 40px;
}
.description {
	padding-top: 50px;
	width: 300px;
}
}