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

.wrapper {margin-left: 140px; margin-right: 40px;}
.stages-item {margin-right: 47px;margin-left: 30px;}
}

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

.services-block-title {display: none;}
.box4 {display: none;}
.stages-item {margin-right: 11px;margin-left: 30px;}

#oursites-form {margin-top: 30px; float: none; margin-right: 0px;margin-left: 60px;}


}



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


.services-undertitle {text-align: center;}
.services-title {font-size: 36px; text-align: center;margin-left: 0px; max-width: 100%;}
.services-subtitle {margin-top: 65px; margin-left: 0px; text-align: center;}
.services-text {text-align: center;margin-left: 0px;max-width: 100%;}

.services-block  {float: none;margin: 30px auto; text-align: center;}
.services-item {float: none; margin: 15px auto; text-align: center; width: 40%; display: inline-block; margin: 5px;}
.services-item-text {margin-left: 0; text-align: center;margin: 45px auto;}
.services-item-price {margin-top: 60px;margin-left: 0px;}

.services-item-title {margin-left: 0px;}

.services-item-icon,
.services-item-icon2,
.services-item-icon3,
.services-item-icon4 {text-align: center; margin: 0 auto;}

.services-undertitle {margin-top: 45px;}

.box, .box3 {display: none;}

.stages-img {display: none;}

.stages-item {margin-right: 11px;}

.modalbox-title {padding-top: 37px;}

}



@media only screen and (max-width:960px){
/*.h-logo {text-align: center; margin-left: 0px; float: none;}*/
.h-undertitle {text-align: center; font-family:"GothamProRegular"; padding-top: 135px; margin-left: 0;}
.h-title {text-align: center; font-size: 42px; line-height: normal; margin-top: 0; margin-top: -105px;max-width:100%;}
#h-form {margin-left: 0; margin-top: 100px; margin: 0 auto; text-align: center;}
.h-contact {position: relative; top: 200px; float: none; text-align: center; padding-top: 0;}
#h-form .submit {margin-left: 0;}


.oursites-undertitle {margin-top: 40px; text-align: center;}
.oursites-img {display: none;}
.oursites-title {font-size: 28px; margin-top: 75px; margin-left: 0px; text-align: center; max-width: 100%;}
.oursites-text {text-align: center;margin-left: 0px; max-width: 100%; margin-top: 50px;}
#oursites-form {margin-top: 30px; float: none; margin-right: 0px;}
.oursites-border {border-top: 5px solid #000; width: 65px; padding-bottom: 40px; text-align: center; margin: 0 auto;}
.oursites-figures-item {text-align: center; margin: 0 auto; display: block; margin-bottom: 70px; padding-right: 0px;}
.oursites-figures-item-text {max-width: 70%;margin: 0 auto;}
.oursites-figures {margin-left: 0px;}

#oursites-form {margin: 50px auto; text-align: center;}
#oursites-form .submit {margin-left: 0px;}

.portfolio {margin-top: 70px;}
.portfolio-title {display: block;font-size: 36px;font-family:"GothamProBlack"; text-transform: uppercase; margin-bottom: 55px;}
.portfolio img {max-width: 50%;float: left;padding: 0;margin: 0;border: none;}

.stages-undertitle {margin-top: 40px; text-align: center;}
.stages-title {font-size: 28px; margin-top: 75px; margin-left: 0px; text-align: center; max-width: 100%;}
.stages-text {text-align: center;margin-left: 0px; max-width: 100%; margin-top: 50px;}

.stages-form-block-title {text-align: center;}
#stages-form .submit {margin-left: 0px;}
#stages-form {margin: 0 auto; text-align: center;}

.stages-item-block {text-align: center;}
.stages-item {margin-right: 0px;padding: 0px 60px 30px 60px; margin: 0 auto;}
.stages-form-block {margin-top: 60px;}

.stages-item-block {margin-top: 60px;}

footer {margin-top: 200px;}

.f-title {max-width: 100%; text-align: center; margin-left: 0; margin-top: 50px;}
.f-contact {margin-left: 0;text-align: center;display: block; margin-top: 30px;}
.f-text {margin-left: 0; text-align: center;}
.f-title:before {display: none;}
.f-b {margin-top: 33px;padding: 20px 0 20px 0;line-height: 18px;}

.modalbox-wrap {margin: 20px;margin-bottom: 80px;}
.modalbox-item {width: 100%;margin-right: 0;}
#modalbox-form {margin-left: 0; margin-top: 30px;}
.f-contact-block {text-align: center;}

.work-title {text-align: left;}

}


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

.stages-item {margin-right: 0px;padding: 0px 30px 30px 30px; margin: 0 auto;}
.header-nav-list {display: none;}
.modalbox-item {margin-top: 35px;}
.modalbox-item-list {margin-top: 15px;}
.modalbox-wrap {padding-left: 40px;padding-bottom: 70px;}

.h-logo2 {display: inline-block;}
.menu_container {display: none;}
.wrapper {margin-left: 15px; margin-right: 15px;}

.work-item {margin-bottom: 40px;}
.portfolio {margin-left: 0px;}

.outer-menu2 {display: block;}

.ar-left {margin-right: 91px;padding-top: 39px;}

.work-title {font-size: 42px;}

}


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

.h-contact {top: 200px;}
.stages-item {margin-right: 0px;padding: 18px;}

.outer-menu2 .menu > div > div > ul > li > a {
  font-size: 22px !important;
  line-height: 50px;
}


}


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

.h-contact {top: 300px;}
.services-item {width: 90%;}
#stages-form input {width: 100%;}
.modalbox-item-form-oldprice {font-size: 16px;}
.modalbox-item-form-newprice {font-size: 24px;}
#modalbox-form input {width: 100%;}
.stages-item {margin-right: 0px;margin: 0 auto;margin-bottom: 0px;}
.h-undertitle {padding-top: 50px;}
.modalbox-wrap {padding-left: 10px;padding-bottom: 70px;}

.work-title {font-size: 42px;}
.ar-left {float: none; margin-left: 37px;}
marquee {top: 134px;}

}


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

}