@media all and (max-width:1200px){
	.cont-div{
		column-gap: 10px;
	}
	.cont-div a{
		font-size: 12px;
	}
	h1{
		font-size: 40px;
	}
	.main-inner-text {
    	padding: 100px 15px;
}
	.main-inner-item h1{
		font-size: 40px;
	}
	.button{
		padding: 10px 10px;
		font-size: 14px;
	}
	.about::after {
    	left: 50%;
}
	.about-inner-text {
    	padding: 95px 15px 0px 0px;
}
	.about-inner-text p {
    	font-size: 14px;
}
	.play-btn{
		margin-left: calc(410px - 25%);
	}
	.uslugi-list {
    	grid-gap: 10px;
}
	.ad-link p {
    	font-size: 15px;
    	}
    .usluga {
    	grid-template-columns: 450px 500px;
    	margin-left: 43px;
    }
    .usluga.sec {
    	grid-template-columns: 500px 450px;
}
    .us-text {
    	padding: 20px;
    }
    .us-text h3 {
    	font-size: 18px;
}
	.us-text p {
    	font-size: 14px;
    }
	.us-text ul li {
    	font-size: 14px;
    }
    .more-link {
    	font-size: 14px;
    }
    .more-link svg {
    	height: 12px;
}
	.ad-link.active p::before {
    	width: 135px;
   		 margin-top: 25px;
}
	#open{
		margin-left: 430px;
		margin-left: calc(1200px - 50%);
	}
	#openB{
		margin-left: 430px;
		margin-left: calc(1200px - 50%);
	}
	#openC{
		margin-left: 430px;
		margin-left: calc(1200px - 50%);
	}
	#closeAd {
    	margin-left: 475px;
		margin-left: calc(1200px - 50%);
}
	#closeAdB {
    	margin-left: 475px;
		margin-left: calc(1200px - 50%);
}
	#closeAdC {
    	margin-left: 475px;
		margin-left: calc(1200px - 50%);
}
	.technologies h1 {
    	padding-bottom: 15px;
}
	.technologies p {
    	font-size: 14px;
    }
    .technologies {
   		 padding: 80px 0px 40px;
}
	.foot-form-div form textarea {
    	padding: 10px 40px 10px 10px;
    }
    .main {
    	padding: 30px 0px 50px;
}
	footer .madein p {
    	font-size: 14px;
}
	.form-con textarea::placeholder{
  		font-size: 14px;
}
	.form-con input::placeholder{
  		font-size: 14px;
}
	.form-con select option{
  		font-size: 14px;
}

}

@media all and (max-width:992px){
	.spec-item{
		grid-template-columns: 1fr;
	}
	.spec-item-img {
    	height: unset;
		border-radius: 10px 10px 0px 0px;
	}
	.spec-item-img img{
		border-radius: 10px 10px 0px 0px;
	}
	section{
		padding: 50px 0px;
	}
	.main-inner-mob{
		display: unset;
	}
	.main{
		background: url(../img/main-img1.webp) center no-repeat;
    	background-size: cover;
    	position: relative;
    	height: 400px;
	}
	.main::before {
    	content: '';
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	background: black;
    	opacity: 0.45;
}
	.main-inner{
		display: none;
	}
	.main-inner-mob{
		display: unset;
	}
	.cont-div .menu-item{
		display: none;
	}
	.about-mob{
		display: grid;
	}
	.about-inner{
		display: none;
	}
	.about{
		padding: 40px 0px
	}
	.about::after {
    left: 45%;
}
	.about-inner-text{
		padding: 0px;
	}
	.usluga {
    	grid-template-columns: 1fr;
    	margin-left: 0px;
    	margin-right: 0px;
}
	.usluga img {
   		margin-top: unset;
   		width: 100%;
}
	.usluga.sec {
    	grid-template-columns: 1fr;
    	margin-left: 0px;
    	margin-right: 0px;
}
	.usluga.sec img {
   		margin-top: unset;
   		width: 100%;
}
	.ad-link p{
		font-weight: normal;
    	font-size: 14px;
	}
	.ad-link.active p::before {
    	width: 90px;
    	margin-top: 25px;
}
	.uslugi-list{
		margin-left: 15px;
	}
	#open {
    	margin-left: calc(992px - 50%);
}
	#closeAd {
    	margin-left: calc(992px - 50%);
}
	#openB {
    	margin-left: calc(992px - 50%);
}
	#closeAdB {
    	margin-left: calc(992px - 50%);
}
	#openC {
    	margin-left: calc(992px - 50%);
}
	#closeAdC {
    	margin-left: calc(992px - 50%);
}
	.spec-inner {
    	grid-template-columns: 1fr 1fr;
}
	.foot-form {
    	grid-template-columns: 1fr;
    	grid-gap: 20px;
}
	.technologies {
    	padding: 40px 0px;
}
	.uslugi-list {
    	grid-template-columns: 1fr;
    	padding: 20px 20px 0px;
    	margin-left: unset;
    	margin-bottom: unset;
}
	.technologies p {
    width: 100%;
}
}

@media all and (max-width:768px){
	.spec-item-txt{
		padding: 40px 20px;
		height: 540px;
	}
	#quiz .close {
    	right: -10px;
}
	#quiz .modal-content {
    padding: 20px 20px 20px;
}
	.main-inner-mob h1 {
    padding-bottom: 130px;
}
	.about::after {
    left: 40%;
    }
    .about-mob-img {
    	height: 100%;
    	width: 100%;
}
	.form-con textarea::placeholder{
  		font-size: 12px;
}
	.form-con input::placeholder{
  		font-size: 12px;
}
	.form-con select option{
  		font-size: 12px;
}
	.input-elem {
    column-gap: 80px;
}
	#quiz .modal-body p {
    font-size: 12px;
}
		#open {
    	margin-left: calc(768px - 67%);
}
	#closeAd {
    	margin-left: calc(768px - 67%);
}
	#openB {
    	margin-left: calc(768px - 67%);
}
	#closeAdB {
    	margin-left: calc(768px - 67%);
}
	#openC {
    	margin-left: calc(768px - 67%);
}
	#closeAdC {
    	margin-left: calc(768px - 67%);
}
}

@media all and (max-width: 560px){
	.about::after {
    	display: none;
}
	#open {
    	margin-left: calc(768px - 130%);
}
	#closeAd {
    	margin-left: calc(768px - 130%);
}
	#openB {
    	margin-left: calc(768px - 130%);
}
	#closeAdB {
    	margin-left: calc(768px - 130%);
}
	#openC {
    	margin-left: calc(768px - 130%);
}
	#closeAdC {
    	margin-left: calc(768px - 130%);
}
	.spec-item-txt {
    	padding: 35px 15px;
		height: 320px;
	}
	.spec-item-txt h2{
		font-size: 23px;
	}
	.spec-item-txt h3{
		font-size: 20px;
	}
	.spec-item p{
		font-size: 12px;
	}
	.spec-item-txt ul li{
		font-size: 12px;
	}
}

@media all and (max-width: 450px){
	.form-con {
    grid-template-columns: 1fr;
}
	.spec-item-txt ul li {
    font-size: 12px;
}
	h1{
	font-size: 25px;
	}
	.customRadio_label span {
    font-size: 16px;
}
	.foot-form-div form input {
    padding: 10px 20px 10px 10px;
}
	.about::after {
    display: none;
    }
		#open {
    	margin-left: calc(450px - 50%);
}
	#closeAd {
    	margin-left: calc(450px - 50%);
}
	#openB {
    	margin-left: calc(450px - 50%);
}
	#closeAdB {
    	margin-left: calc(450px - 50%);
}
	#openC {
    	margin-left: calc(450px - 50%);
}
	#closeAdC {
    	margin-left: calc(450px - 50%);
}
.form-con textarea::placeholder{
  		font-size: 14px;
}
	.form-con input::placeholder{
  		font-size: 14px;
}
	.form-con select option{
  		font-size: 14px;
}
	.spec-inner {
    grid-template-columns: 1fr;
}
	.spec-item-txt {
    	padding: 15px 15px;
		height: 445px;
}
	.spec-item-txt h2 {
    	font-size: 19px;
}
	.spec-item-txt h3 {
        font-size: 16px;
}
	.specialists {
    	padding: 50px 0px 0px;
}
}

@media all and (max-width:420px){
	.main-inner-mob h1 {
    	padding-bottom: 110px;
}
		#open {
    	margin-left: calc(420px - 80%);
}
	#closeAd {
    	margin-left: calc(420px - 50%);
}
	#openB {
    	margin-left: calc(420px - 80%);
}
	#closeAdB {
    	margin-left: calc(420px - 50%);
}
	#openC {
    	margin-left: calc(420px - 80%);
}
	#closeAdC {
    	margin-left: calc(420px - 50%);
}
	h1{
		font-size: 35px;
	}
	.contact p {
    font-size: 14px;
}
}


@media all and (max-width:370px){
		#open {
    	margin-left: calc(370px - 77%);
}
	#closeAd {
    	margin-left: calc(370px - 50%);
}
	#openB {
    	margin-left: calc(370px - 77%);
}
	#closeAdB {
    	margin-left: calc(370px - 50%);
}
	#openC {
    	margin-left: calc(370px - 77%);
}
	#closeAdC {
    	margin-left: calc(370px - 50%);
}
}


@media all and (max-width:320px){
		#open {
    	margin-left: calc(320px - 77%);
}
	#closeAd {
    	margin-left: calc(320px - 50%);
}
	#openB {
    	margin-left: calc(320px - 77%);
}
	#closeAdB {
    	margin-left: calc(320px - 50%);
}
	#openC {
    	margin-left: calc(320px - 77%);
}
	#closeAdC {
    	margin-left: calc(320px - 50%);
}
}