@media screen and (max-width: 1199px) {
	
	.container {
		width: 980px;
	}		
	
	.laptop_h {
		display: block !important;
	}
	.laptop-i {
		display: inline-block !important;
	}

	.title-section {
		margin-bottom: 80px;
	}
	.title-section-b {
		font-size: 32px;
	}
	.title-section-b .fs-big {
	    font-size: 44px;
	}

	.header__menu {
		padding-right: 0;
		padding-left: 180px;
	}
	.header__menu li a {
		font-size: 18px;
	}
	.header__phone {
		font-size: 24px;

	}
	.header__call-btn {
		font-size: 18px;
	}


	.section__main {
		background: url(../images/bg_main_laptop.jpg) no-repeat top center;
	}
	.section__main-content {
	    float: right;
	    text-align: right;
	    max-width: 650px;
	}
	.section__main-box__form {
		display: inline-block;
		text-align: left;
	}
	.section__main-title::after {
	    position: absolute;
	    top: -7px;
	    left: auto;
	    right: -15px;
	    width: 708px;
	    height: 100px;
	    background: url(../images/main-title-bg2.png) no-repeat;
	    
	}
	.section__main-title_desc {
		font-size: 36px;
	}
	.section__main-desc {
	    margin-bottom: 55px;
	    max-width: 500px;
	    display: inline-block;
	}
	.section__main-graffity {
		margin-right: 120px;
	}

	.section_service-item__price .btn {
		max-width: 100%;
		flex-basis: 100%;
		margin-top: 25px;
	}


	.section__form .title-section {
		max-width: 600px;
	}
	.section__form-illustr {
		margin-left: 50px;
	}


	.section__calc {
		text-align: center;
	}
	.section__calc-illustr {
		display: none;
	}
	.section__calc .title-section {
		text-align: center;
	}


	.section__garantee-text {
		padding-right: 60px;
		font-size: 22px;
	}
	.section__garantee-items {
	    padding-left: 50px;
	}
	.section__garantee-item {
		grid-gap: 35px;
	}
	.section__garantee-item__name {
		font-size: 22px;
	}
}	



@media screen and (max-width: 979px) {
	
	.container {
		width: 768px;
	}	
	
	
	.tablet_h {
		display: block !important;
	}
	.tablet-i {
		display: inline-block !important;
	}

	.pd_box {
	    padding: 85px 0;
	}


	.header__menu {
		padding-left: 0;

	}

	.pl-form {
		font-size: 15px;
		height: 40px;
		line-height: 40px;
		top: -20px;
	}
	.pl-form::before {
		height: 40px;
		border-bottom-width: 40px; 
	}
	.box__form {
		padding: 30px 25px 40px;
	}
	.box__form-title {
	    margin-bottom: 30px;
	}
	.box__form-title_b {
		font-size: 26px;
	}
	.box__form-title_m {
		font-size: 18px;
	}
	.box__form-btn {
		float: none;
		margin-top: 10px;
		margin: 0 auto;
		display: block;
	}
	.line_var-input {
	    grid-template-columns: 1fr;
	    grid-gap: 10px;
	}
	.variant_input .ac_in {
		border: 1px solid #CACACA;
	}
	.variant_input .bl_item {
		width: 100%;
	}


	.header__site_name-t {
		margin-left: 0px;
	}
	.header__phone {
		font-size: 26px;

	}
	.header__call-btn {
		font-size: 16px;
	}
	.header__lang {
		margin-right: 20px;
	}
	.header__lang li a {
		font-size: 18px;
	}

	.section__main {
	    background: url(../images/bg_main_tablet.jpg) no-repeat top center;
	}
	.section__main-content {
		padding-top: 55px;
	}
	.section__main-graffity {
		max-width: 365px;
		margin-right: 10px;
	}
	.section__main-title_desc {
	    font-size: 34px;
	    margin-bottom: 40px;
	}
	.section__main-box__form {
		max-width: 390px;
		top: 15px;
	}


	.section__install-grid {
		grid-row-gap: 45px;
	}
	.section__install-item {
		grid-gap: 20px;
	}
	.section__install-item-name {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.section__install-item__text {
		font-size: 15px;
	}


	.section__form .box__form {
		max-width: 390px;
	}
	.section__form-illustr {
		height: 500px;
		margin-left: 0;
	}


	.section__gallery-nav {
		grid-gap: 0;
		grid-template-columns: 1fr;
	}
	.section__gallery-items {
		grid-template-columns: repeat(2, 1fr);
	}


	.section__garantee-grid {
		grid-template-columns: minmax(auto,320px) 1fr;
	}
	.section__garantee-text {
	    padding-right: 40px;
	    font-size: 20px;
	}
	.section__garantee-items {
	    padding-left: 40px;
	}


	.footer__grid {
		grid-template-columns: auto 1fr auto;
	}



	.maintenance__item-head {
		min-height: 60px;
		padding: 10px 10px;
	}
	.maintenance__item-icon {
		flex: 0 0 25px;
		margin-right: 15px;
	}
	.maintenance__item-title {
		font-size: 18px; 
	}
	.maintenance__item-price {
		margin-right: 25px;
		height: 26px;
		line-height: 26px;
		font-size: 14px;
	}
	.maintenance__item-body {
		padding: 0 10px 20px;
		font-size: 18px; 
	}
	.maintenance__item-body li + li {
		margin-top: 10px;

	}
	.maintenance__item-body .btn {
		margin-top: 20px;

	}

}	


@media screen and (max-width: 767px) {
	
	.container {
		width: 640px;
	}
	
	
	.mobile_xl {
		display: block !important;
	}
	.mobile_xl-i {
		display: inline-block !important;
	}

	header {
		z-index: 9 !important;
	}
	.header__grid {
		flex-wrap: wrap;
		grid-gap: 0;
	}
	.header__site_name {
		grid-template-columns: 120px 1fr auto;
	    justify-content: space-between;
	    grid-gap: 25px;
	    flex-basis: 100%;
	    margin-bottom: 45px;
	}
	.header__site_name-t {
		text-align: left;
		margin-left: 0;
	}
	.header__call {
	    text-align: left;
	}
	.header__lang {
		order: 2;
		margin-right: 0;
	}

	.header__menu-togger {
	  display: block;
	  margin-left: 40px;
	  width: 30px;
	  cursor: pointer;
	}
	.header__navfix {
	  position:fixed;
	  z-index:9999;
	  left:0;
	  top:0;
	  width:100%;
	  height:100vh;
	  z-index:-100;
	  opacity:0;
	  visibility:hidden;
	  -webkit-transition:all .3s ease-in-out;
	  -o-transition:all .3s ease-in-out;
	  transition:all .3s ease-in-out;
	  overflow:auto;
	  margin:0
	 }
	 .header__navfix.active {
	  z-index:99999;
	  opacity:1;
	  visibility:visible
	 }
	 .header__navfix-bg {
	  position:fixed;
	  z-index:9999;
	  left:0;
	  top:0;
	  width:100%;
	  height:100%;
	  background:rgba(0,0,0,.25);
	  z-index:0
	 }
	 .header__navfix-box {
	  width:100%;
	  max-width:320px;
	  padding:30px 30px 30px 30px;
	  position:absolute;
	  right:-100%;
	  top:0;
	  z-index:5;
	  background:#eeeeee;
	  -webkit-transition:all .3s ease-in-out;
	  -o-transition:all .3s ease-in-out;
	  transition:all .3s ease-in-out;
	  height:100%;
	  overflow:auto
	 }
	 .header__navfix.active .header__navfix-box {
	  right:0
	 }
	 .header__navfix-head {
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
	  -webkit-box-align:center;
	  -ms-flex-align:center;
	  align-items:center;
	  -webkit-box-pack:justify;
	  -ms-flex-pack:justify;
	  justify-content:space-between;
	  margin-bottom:50px;
	 }
	 .header__navfix-close img {
	  width:22px;
	  height:22px
	 }
	 .header__menu {
	 	margin: 0;
	 	height: auto;;
	 }
	 .header__menu ul {
	  -webkit-box-orient:vertical;
	  -webkit-box-direction:normal;
	  -ms-flex-direction:column;
	  flex-direction:column;
	  align-items: flex-start;
	  margin: 0;
	 }
	 .header__menu li {
	  	margin:8px 0
	 }
	 .header__menu li a {
	  font-size: 22px;
	  padding:6px 0;
	  display:block;
	 }


	.section__main {
		background: none;
	}
	.section__main > * {
		position: relative;
		z-index: 1;
	}
	.section__main-bg__mob {
		position: relative;
		

	}
	.section__main-bg__mob:after {
		z-index: -1;
		position: absolute;
		bottom: -650px; left: 50%;
		margin-left: -400px;
		width: 800px; height: 1200px;
		background: url(../images/bg_main_mobile.jpg) no-repeat top center;
		content: '';
	}
	.section__main-content {
		float: none;
		text-align: left;
	}
	.section__main-title {
		color: #242427;
		font-size: 55px !important;
	}
	.section__main-title::after {
		background: none;
	}
	.section__main-graffity {
	    max-width: 250px;
	    position: relative;
	    right: auto;
	    bottom: auto;
	    margin: 0 auto 40px;
	    display: block;
	}
	.section__main-box__form {
	    top: auto;
	    margin: 0 auto;
	    display: block;
	}



	.section_service-grid {
		grid-gap: 0;
		grid-template-columns: 1fr;
		width: calc(100% + 30px);
		margin-left: -15px;
	}
	.section_service-item {
		margin: 0 auto;
		box-shadow: none;
	}


	.section__form {
		min-height: 1px;
		padding: 30px 0 60px;
		background-position: center bottom;
	}
	.section__form-illustr {
		display: none;
	}


	.section__process-item {
		max-width: 400px;
		margin: 0 auto;
	}
	.section__process-item__align {
		width: 100%;
		float: left !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		grid-template-columns: auto 1fr !important;
		text-align: left !important;
		min-height: 120px;
	}
	.section__process-item__align::before {
	    height: calc(100% - 20px) !important;
	    top: 10px !important;
	    left: 24px !important;
	    right: auto !important;
	}
	.section__process-item:last-child .section__process-item__align:before {
		display: none;
	}
	.section__process-item__icon {
		grid-column: initial !important;
		grid-row: initial !important;
	}
	.section__process-item__icon > div {
		background: #EEEEEE;
		position: relative;
		z-index: 5;
		padding-bottom: 10px;
	}
	.section__process-item__numb {
		display: none;
	}


	.section__calc {
		min-height: 1px;
		background: url(../images/bg_black_mob.jpg) no-repeat center top;
		background-size: cover;
		padding: 50px 0 60px;
	}
	.section__calc-grid {
		grid-template-columns: minmax(auto, 400px);
		justify-content: center;
	}

	.section__garantee-grid {
	    grid-template-columns: 1fr;
	    grid-gap: 30px;
	}
	.section__garantee-text {
	    padding-right: 0;
	    text-align: left;
	}
	.section__garantee-text:after {
		display: none;
	}
	.section__garantee-items {
	    padding-left: 0;
	}


	.section__contact-grid {
		grid-template-columns: 1fr;
	}
	.section__contact-map {
		height: 400px;
	}
	.section__contact-photos {
		grid-template-columns: repeat(2, 1fr);
	}


	footer {
		z-index: 9 !important;
	}
	.footer__grid {
		grid-template-columns: auto auto;
		grid-gap: 45px;
	}
	.footer__site_name {
	    justify-content: space-between;
	}
	.footer__call {
	    text-align: left;
	    grid-column: 1/3;
	}

}	



@media screen and (max-width: 639px) {
	
	.container {
		width: 100%;
	}	
	
	
	.mobile_lg {
		display: block !important;
	}
	.mobile_lg-i {
		display: inline-block !important;
	}

	.pd_box {
	    padding: 65px 0;
	}

	.title-section {
	    margin-bottom: 60px;
	}
	.title-section-b {
	    font-size: 28px;
	}
	.title-section-b .fs-big {
	    font-size: 38px;
	}
	.title-section-m {
		font-size: 22px;
	}


	.section__main-bg__mob:after {
		bottom: -600px;
	}


	.section__install-grid {
		grid-template-columns: minmax(auto, 400px);
		justify-content: center;
	}


	.section__gallery-items {
	    grid-template-columns: minmax(auto, 380px);
	    justify-content: space-around;
	}


	.section__gallery-nav {
		max-width: 380px;
		margin: 0 auto 40px;
		position: relative;
	}
	.section__gallery-nav__t {
		display: none;
	}
	.section__gallery-nav__open {
		display: block;
		background: url(../images/ac_in-drop.svg) no-repeat right 10px center;
		background-color: #FFFFFF !important;
		border: 1px solid #CACACA;
		height: 46px; line-height: 44px;
		font-size: 18px;
		padding: 0 35px 0 15px;
		cursor: pointer;
		z-index: 9;
	}
	.section__gallery-nav.dropdown .section__gallery-nav__open {
		background: url(../images/ac_in-up.svg) no-repeat right 10px center;
	}
	.section__gallery-nav__items {
		position: absolute;
		top: 100%; left: 0px;
		margin-top: -1px;
		width: 100%;
		display: none;
		background-color: white;
		border: 1px solid #CACACA;
		border-top: none;
		z-index: 20;
		display: none;
	}
	.section__gallery-nav__item {
		height: 38px; line-height: 38px;
		border-bottom: none;
		padding: 0 15px;
		margin: 0;
		background-color: white ;
		font-size: 18px; color: #292929 ;
		cursor: pointer;
		float: none;
		border-radius: 0;
	}
	.section__gallery-nav__item.active {
		/*display: none;*/
	}

	
}	


@media screen and (max-width: 560px) {
	
	
	.mobile_md {
		display: block !important;
	}
	.mobile_md-i {
		display: inline-block !important;
	}

	.section__main-title {
		font-size: 45px !important;
		margin-bottom: 10px;
	}
	.section__main-title_desc {
		font-size: 28px !important;
	}
	.section__main-bg__mob:after {
	    bottom: -520px;
	}


	.section_service-item__head {
		grid-template-columns: 1fr;
	}
	

	.maintenance__item-head {
		align-items: flex-start;
	}
	.maintenance__item .maintenance__item-head::after {
		margin-top: 10px;

	}
	.maintenance__item-icon {
		margin-top: 4px;
	}
	.maintenance__item-tp {
		flex-direction: column;
		align-items: flex-start;		
	}
	.maintenance__item-price {
		margin: 10px 0 0;
	}
	.maintenance__item-body {
		padding-top: 10px;
	}
}	


@media screen and (max-width: 479px) {

	.mobile_sm {
		display: block !important;
	}
	.mobile_sm-i {
		display: inline-block !important;
	}

	.header__phone {
	  font-size: 22px;
	}

	.title-section {
	    margin-bottom: 45px;
	}
	.title-section-b .fs-big {
	    font-size: 34px;
	}
	.title-section-b {
	    font-size: 26px;
	}
	.title-section-m {
	    font-size: 18px;
	}


	.pl-form {
	    font-size: 13px;
	    height: 30px;
	    line-height: 30px;
	    top: -15px;
	    font-weight: normal;
	}
	.pl-form::before {
		height: 30px;
		border-bottom-width: 30px; 
	}
	.box__form-title_b {
	    font-size: 22px;
	}
	.box__form-title_m {
	    font-size: 17px;
	    margin-top: 5px
	}


	.section__main-title {
		font-size: 40px !important;
	}
	.section__main-desc {
		font-size: 18px;
	}
	.section__main-bg__mob:after {
	    bottom: -460px;
	}


	.section__form {
		background: url(../images/bg_black_mob.jpg) no-repeat top center;
	}
	.section__form .title-section {
		color: #fff;
	}
	.section__form .box__form {
	    max-width: 100%;
	}


	.section__garantee-text {
	    font-size: 18px;
	    line-height: 1.65;
	}

}



@media screen and (max-width: 399px) {

	.header__site_name {
		grid-template-columns: auto 1fr auto;
		grid-gap: 15px;
		margin-bottom: 30px;
	}
	.header__logo {
		max-width: 80px;

	}
	.header__site_name-t {
		font-size: 16px;
	}
	.header__menu-togger {
		margin-left: 0;

	}
	.header__phone {
	  font-size: 20px;
	}
	.header__call-btn {
	  font-size: 15px;
	}

	.section__main-title {
	    font-size: 36px !important;
	}
	.section__main-title_desc {
	    font-size: 24px !important;
	    margin-bottom: 25px;
	}


	.section__contact-bl_contact {
		padding: 30px 20px 35px 30px;
	}	
	.section__contact-bl_contact__line {
		padding-left: 35px;
	}

}	



@media screen and (max-width: px) {
	
	
}