.order a.top-phonelink, .main-order-phone { display:none; }



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

  .consult-phone span.mob-menu a {
  	display:none;
  }

  .container {
    width: 97%;
    padding-right: 1.5%;
    padding-left: 1.5%;
  }


  .services {
    height:unset !important;
    text-align:center;
  }


  .services .container,
  .main-gallery .container {
  	padding:0px !important;
  }


  .services-item,
  .main-gallery-item {
    width: 30% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    margin-bottom: 18px;
    text-align:left;
  }


  .main-gallery-item-img {
    width: 100% !important;
  }

  .main-gallery-item-img img {
  	max-width: 100% !important;
  }

   .order {
     float:unset !important;
     position: absolute;
     right: 2%;
   }



  .unitlist {
  	width:100% !important;
  }


  .unitlist ul {
  	position: relative;
  	display: flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	align-items:stretch;
  	width:100% !important;
  	float:unset;
  }


  .unitlist ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
    margin:25px 1% !important;
    width:unset !important;
  }

  .unitlist ul li .gallerypic, .unitlist ul li p {
    width: 100% !important;
    height: 185px;
    overflow: hidden;
  }


}



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

  .top-menu {
  	text-align:center;
  	padding-left:0px !important;
  }

  .top-menu ul li {
    padding: 0px !important;
  }

  .main-gallery-item-text span {
    font-size: 18px !important;
  }

  .main-portfolio-right a {
    font-size: 14px !important;
    line-height: 28px !important;
  }

  .main-desc .col-md-9 {
  	width: 65% !important;
  }

  .main-desc .col-md-3 {
  	margin-left:5%;
  }


  .main-order .col-md-9,
  .main-order .col-md-3 {
    width: 100% !important;
  }

  .main-order-left .forms {
    margin-right: 3% !important;
  }

  .main-order-right {
    margin:0px !important;
    margin-top:30px !important;
  }


  .main-order .col-md-12,
  .main-order .col-md-12 p {
  	text-align:center;
  }

  .social {
    margin: auto;
    display: inline-block;
    margin-left: unset !important;
    margin-top:15px !important;
  }

  .bottom-menu ul li {
    padding-right: 0px !important;
  }

  .review-left {
    margin-left: 3% !important;
    margin-right: 1% !important;
  }


  .main-desc-left {
    margin-left: 0px !important;
    margin-right: 1.5% !important;
  }


  .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .logo a {
    display: block;
    width: 100%;
    height: auto;
  }


}



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


  .gradient-main-head .second-row {
  	margin-top:15px;
  	width:100%;
  }

  .gradient-main-head .second-row .col-md-5,
  .gradient-main-head .second-row .col-md-7 {
  	width:100%
  }

  .consult-phone {
  	 position:absolute;
  	 top:-90px;
  	 right:0px;
  }

  .consult-phone span:first-child {
  	display:none;
  }

  .consult-phone span.mob-menu {
  	display:inline-block;
  	margin-right:10px;
  }

  .consult-phone span.mob-menu a {
  	display:inline-block;
  	width:80px;
  	height:80px;
  	background: url(../graph/menu.png) center center no-repeat;
  	background-size:auto 60%;
  	background-color:rgba(255,255,255,0.8);
  	border-radius:7px;
  	overflow:hidden;
  	text-indent:-999em;
  }

  .consult-phone span.phone {
  	display:inline-block;
  	margin-right:10px;
  }

  .consult-phone span.phone a {
  	display:inline-block;
  	width:80px;
  	height:80px;
  	background: url(../graph/phone.png) center center no-repeat;
  	background-size:auto 60%;
  	background-color:rgba(255,255,255,0.8);
  	border-radius:7px;
  	overflow:hidden;
  	text-indent:-999em;
  }

  .consult-phone span.mob-menu a:hover,
  .consult-phone span.phone a:hover {
  	background-color:rgba(255,255,255,1);
  }



  .order {
    top: 20px;
    right: unset;
    left: 1.5%;
    margin:0px;
  }


  .order {
  }


  .main-menu {
    display:none;
  	position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color:rgba(255,255,2550,0.9);
    z-index: 10000;
  }


  .top-menu {
  	position:fixed;
  	margin:2% 0px;
  	width:90%;
  	height: 100%;
  }

  .top-menu ul {
  	margin-top:50px;
  }

  .top-menu ul li {
  	display:block;
  	text-align:center;
  }


  .logo a span {
  	font-size:42px;
  }

  .logo a span.key {
    font-weight: 300;
    font-size: 27px;
  }


  .menu-close a {
  	position:absolute;
  	display:inline-block;
  	top:20px;
  	right:4%;
  	width:32px;
  	height:32px;
  	background: url(../graph/close.png) center center no-repeat;
  	background-size:auto 100%;
  	z-index:90;
  }


}


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

  .col-md-3 {
    width: 30%;
  }


  .main-desc .col-md-9 {
  	width:100% !important;
  }

  .main-desc .col-md-3 {
    position:relative;
    width: 95%;
    left:5%;
    padding-top: 20px;
    padding-bottom: 20px;
  }


  .main-portfolio .col-md-9 {
  	display:inline-block;
  	width:73% !important;
  	padding:0px 1%;
  }

  .main-portfolio .col-md-3 {
  	display:inline-block;
  	width:23% !important;
  	padding:0px 1%;
  }

  .main-gallery-item-text span {
    font-size: 16px !important;
  }


  .bottom-menu ul li a {
    font-size: 18px;
  	padding: 14px 16px 14px 16px;
  }


  .untilbutton {
  	position:relative;
  	margin-top:25px;
  	padding-left:0px;
  	padding-right:0px;
  }

  .main-desc-right-r {
    margin:0px;
  }


  .unitlist {
  	padding-top: 0px;
  }


  .unitlist ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
    margin: 25px 1% !important;
    width: unset !important;
  }


  .review-right:before {
  	background:none;
  }


}



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


  .logo a span {
    font-size: 38px;
  }

  h1 {
    font-size: 32px;
  }

  .review-right span, h2, h3, h6 {
    font-size: 22px;
    font-weight: 300;
  }


  .main-portfolio-right {
  	margin-right: 0px;
  }



}



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

  .services-item, .main-gallery-item {
    width: 46% !important;
  }

  .main-order-left {
  	background-image:unset;
  	background-color:#eee;
  	text-align: center;
  }

  .main-order-left .forms {
    float: unset;
    margin: auto;
    margin-top: 28px;
    margin-right: 0px;
    text-align: center;
  }

  .main-order .col-md-3 {
  	left:0px;
  	margin-left:0px;
  }

  .bottom-menu ul {
    text-align: center;
  }

  .unitlist iframe {
  	width:100% !important;
  }


}



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

  .unitlist ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin: 25px 1% !important;
    width: unset !important;
  }


}


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

   .logo a span {
      font-size: 32px;
   }

   .services-item  {
      width: 96% !important;
      margin-left: 2% !important;
      margin-right: 2% !important;
   }

   .bottom-menu {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 7px;
    margin-right: 7px;
   }

   .main-order-left {
      background-color:unset;
 	  margin-left:0px;
 	  margin-right:0px;
   }

   .form, .main-order-left .forms {
   	  padding: 25px 25px 20px;
   }


   .order { position:relative; display:flex; align-items:center; justify-content:center; width:100%;     background: none !important;}
   .order a.top-phonelink {background-color:red; text-align:center; display:flex; justify-content:center; padding:0; margin:0; width:100%; align-items:center; font-weight: 700; font-size: 28px; color:#fff; text-transform: uppercase; -webkit-box-flex: 0;  -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%; text-decoration:none;}

   .order a.top-callbacnlink, .main-order {display:none;}

   .main-order-phone {position:relative; display:block; padding-bottom: 20px; margin-top: 15px;}
   .main-order-phone .order-phonelink {position:relative; margin:0 5%; display:flex; align-items:center; justify-content:center; width:90%; }
   .main-order-phone .order-phonelink a {background-color:red; text-align:center; display:flex; justify-content:center; margin:0; padding: 15px 0;  width:100%; align-items:center; font-weight: 700; font-size: 28px; color:#fff; text-transform: uppercase; -webkit-box-flex: 0;  -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%; text-decoration:none; font-family:"Roboto Condensed",sans-serif; }


}


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

 .main-gallery-item {
    width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
 }



 /*

 .order {
 	top:0px;
 	width:100%;
 	height:1px;
 	padding-bottom:25%;
 	background: url(../graph/header-button-txt.png) bottom center no-repeat;
 	background-size:100% auto;
 }

 .order a {
    display:inline-block;
 	overflow:hidden;
 	text-indent:-999em;
    width: 100%;
    padding-top: 200px;
 }

*/


 .consult-phone span.mob-menu a {
    display: inline-block;
    width: 54px;
    height: 54px;
 }

 .consult-phone span.phone a {
    display: inline-block;
    width: 54px;
    height: 54px;
 }


 .main-desc .pagetext,
 .main-desc .col-md-3,
 .main-desc .cmap {
 	display:none;
 }

 .main-desc .block2 .pagetext {
 	display:block;
 }


 .services {
    background-color: rgba(244,197,105,0.8);
 }

 .gradient-main-head .first-row .col-md-12 {
 	width:80%;
 }

 .logo a span.key {
    font-size: 24px;
 }

 .consult-phone {
    top: -115px;
 }


 .unitlist ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 96%;
    flex: 0 0 96%;
    max-width: 96%;
    height:unset;
    margin: 10px 2% !important;
    width: unset !important;
 }


.unitlist ul li .gallerypic {
	height:unset;
}

.unitlist ul li img {
	max-width:100%;
}





 h1, .review-right span, h2, h3, h6 {
 	text-align:center;

 }

 .review-block .col-md-3 {
 	width:100%;
 }


 .review-right {
    float: unset;
    width: 100%;
    height: unset;
    text-align: center;
 }


 .review-left p {
    height: 155px;
    font-size: 14px;
 }


 .main-portfolio .col-md-3,
 .main-portfolio .col-md-9 {
 	width:100% !important;
 	text-align:center;
 }


.main-portfolio-left {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:15px;
}

.main-portfolio-right {
    margin-left: 0px;
}

.form, .main-order-left .forms {
    padding: 25px 15px 20px;
}


.form, .main-order-left .forms {
    padding: 25px 3% 20px;
    width: 94%;
}

.form label .select-wrap, .form label input, .main-order-left .forms label .select-wrap, .main-order-left .forms label input {
   width:100%;
}

.logo a span {
    font-size: 28px;
}


.flexslider .slides  {
	max-width:100%;
	overflow:hidden;
}

.flexslider .slides img {
	width:unset;
}


}


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

.consult-phone {
    top: -135px;
}

.order {
	top:unset;
}


.order a {
	height:80px;
}

.order a.top-phonelink,
.main-order-phone .order-phonelink a {
	font-size:22px;
}

.block1 h2 {
   font-size: 16px;
}


.main-gallery {
    position: relative;
    padding-top: 20px;
    padding-bottom: 15px;


}

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

  .services-item {
    text-align: center;
  }

  .services-item-img {
    float: unset;
    margin:auto;
  }

  .services-item-text {
    width: 90%;
    text-align:center;
    float: unset;
    margin: auto;
    font-size:17px;
  }

  .services-item-text p {
    font-size:16px;
    line-height:1.2;
    text-align:center;
  }


  .services-item-text h4 {
  	font-size:20px;
  }



}


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

  .logo {
    margin-top: 42px;
  }


  .consult-phone {
    top: -165px;
  }

}