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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	strong.phone{
		background-position: 55px center;
	}

	strong.mail{
		background-position: 30px center;
	}

	.about-us-img-1 img, .about-us-img-2 img, .about-us-img-3 img{
		width: 400px;
	}

	.about-us-img-1 img{
		top: 100px;
	}

	.about-us-img-2 img {
		top: 600px;
	}

	.about-us-img-3 img{
		top: 1090px;
	}



}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.small-div{
		display: none;
	}

	.small-div-block{
		display: block;
	}

	a.logo{
		margin-top: 25px;
	}

	strong.phone{
		background-position: 90px center;
	}

	strong.mail{
		background-position: 60px center;
	}

	.time-work{
		text-align: right;
		background-position: 170px 12px;
	}

	.link-wrapp, .link-wrapp-2{
		text-align: center;
	}

	.img-descr img{
		width: 300px;
	}

	.text-in-block{
		padding-top: 80px;
		text-align: center;
	}

	.text-in-block strong{
		font-family: RobotoLight;
		font-size: 18px;
	}

	.about-us-img-1, .about-us-img-3{
		padding-left: 160px;
	}

	.about-us-img-2{
		padding-left: 180px;
	}

	.about-us-title, .about-us-title-2, .about-us-title-3{
		padding-top: 280px;
		color: #fff;
		font-family: RobotoLight;
		font-size: 16px;
	}

	.feed{
		margin: 0 auto;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.mega-small{
		display: none;
	}

	a.logo{
		margin-top: 0;
		padding-left: 150px;
		padding-top: 20px;
	}

	.our-advantage{
		padding-left: 0;
		padding-top: 20px;
	}

	.mega-small-div{
		display: block;
	}

	.time-work, .contacts{
		padding-top: 100px;
	}

	.time-work{
		background-position: 80px 110px;;
	}

	.contacts{
		padding-left: 25px;
	}

	.contacts .phone{
		background-position: 25px 2px;
	}
	.contacts .mail{
		background-position: 0px 5px;
   		padding-left: 29px;
	}

	.square{
		margin-top: 20px;
		margin-left: -20px;
	}

	.text-footer, .text-footer strong, .social-btn{
		text-align: center;
	}

	.time-work, .contacts .phone,.contacts .mail {
		background: none;
	}

	.bol{
		color: #fff;
		padding-bottom: 60px;
		font-family: RobotoLight;
		font-size: 18px;
	}

	a.logo img{
		width: 300px;
	}

	.depl-rect{
		margin-bottom: 35px;
	}

	.about-us-img-1, .about-us-img-3{
		padding-left: 70px;
	}

	.about-us-img-2{
		padding-left: 80px;
	}

	.item-2{
		margin: 0 auto;
	}

}

@media only screen and (max-width : 540px) {
	.about-us-img-1 img, .about-us-img-2 img, .about-us-img-3 img{
		width: 300px;
	}

	.about-us-img-1, .about-us-img-2, .about-us-img-3{
		top: 55px;
		padding-left: 100px;
	}

	.about-us-img-3{
		top: 65px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.forma form input{
		padding: 0 20px;
	}

	.time-work, .contacts{
		padding-top: 50px;
	}

	.logo, .electro-logo{
		display: none;
	}

	.logo-small{
		display: block;
		text-align: center;
		padding-top: 30px;
	}

	

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


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

}