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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.menu > ul > li > a{padding: 22px 15px;}
	header .middle p{line-height: 1.2;}
	.section-title{font-size: 26px;}
	.advantages .subtitle, .prices .item .name{font-size: 20px;}
	.our-works-slider .img-wrapper{height: 220px;}
	footer .logo-bottom{font-size: 18px; padding: 15px 0;}
	footer .info .phone span{font-size: 32px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .logo{display: inline-block; text-align: center;}
	.menu > ul > li > a{font-size: 24px; padding-left: 5px; padding-right: 20px;}
	.next-prev a{font-size: 14px; padding-left: 5px; padding-right: 5px;}
	.history-back {font-size: 14px; padding-left: 5px; padding-right: 5px;}
	.intro .pagetitle {font-size: 24px;}
	.main-slider .item .desc .hi{font-size: 24px;}
	.main-slider .item .desc .hi + p{padding-bottom: 20px;}
	.main-slider .item .desc p{font-size: 18px;}
	.section-title{font-size: 24px; line-height: 1.2;}
	.advantages .subtitle{line-height: 1.2;}
	.advantages .flex-container{flex-wrap: wrap;}
	.advantages .item{flex-basis: 33%;}
	.our-works-slider .img-wrapper{height: 160px;}
	.our-works-slider .name{font-size: 16px; line-height: 1.2;}
	.order-box span{padding: 20px 50px; background-size: auto 30px;}
	.order-box{font-size: 24px;}
	footer .line-right{border: none; margin-bottom: 0;}
	footer .slogan{padding: 0 0 15px;}
	footer .info .phone span{font-size: 24px;}
	footer .bottom p, footer .bc-menu li{font-size: 14px; line-height: 1.2;}
	.filter .flex-container{
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.filter .selecter, .filter .reset{flex-basis: 33%;}
	.filter .selecter, .filter .reset{margin: 0 0 5px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header{text-align: center;}
	header .middle p{
		display: none;
		padding: 5px 0;
	}
	header .middle .time, header .middle .adres, header .middle .phone{
		background: none;
	}
	header .search-button{font-size: 20px; width: 40px; height: 40px; margin-bottom: 0;}
	.search-form input[type="text"]{font-size: 18px; height: 40px;}
	#nav-icon{
		display: inline-block;
		height: 20px;
		margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
	}
	.menu{text-align: left;}
	.menu > ul{
		display: none;
		padding-top: 20px;
		padding-bottom: 65px;
		width: 100%;
	}
	.menu > ul > li{display: block;}
	.menu > ul > li > a{
		font-size: 24px;
		line-height: 1.2;
		padding: 15px;
		text-align: left;
		border-bottom: 1px solid #e1e1e1;
	}
	.main-slider .item .desc .hi{font-size: 20px;}
	.main-slider .item .desc .hi + p, .main-slider .item .desc p{font-size: 16px;}
	.main-slider .item .desc{
		text-align: center;
		padding: 25px;
		top: 40px;
	}
	.styles .name{
    display: none;
}

  .img-responsive {border-radius: inherit;}
  .gallery .g-item .cover {border-radius: inherit;}
  
  
	.main-slider .item {height: 550px; margin: 15px; filter: grayscale(70%) contrast(110%);}
	.section-title{font-size: 20px;}
	.advantages .subtitle{font-size: 16px; padding-bottom: 10px;}
	.advantages .section-title, .work .section-title{padding: 5px 0 5px;}
	.work img{width: 100%;}
	.prices .section-title, .our-works .section-title{padding: 30px 0 60px;}
	
	.prices .item .cost{margin-top: 20px;}
	.prices .item .list{min-height: 200px;}
	#order-form{width: auto;}
	.fancybox-close{
		-webkit-background-size: auto;
		background-size: auto;
	}
	footer{text-align: center;}
	footer .line-right{margin-top: 0;}
	footer .bottom-menu ul li{text-align: left; padding-left: 15px;}
	footer .info{padding-top: 0;}
	footer .info .phone.mobile{background-position: center bottom;}
	footer .bottom p{padding: 15px 0 5px;}
	footer .bc-menu{text-align: center; padding: 5px 0 15px;}
	.advantages .subtitle span, .advantages .subtitle a{display: block; padding: 0;}
	.work .subtitle{font-size: 18px;}
	.intro .description{width: 100%;}
	.partners .item{flex-basis: 50%; text-align: center;}
	.slider.owl-carousel .owl-nav .owl-prev, .slider-3d.owl-carousel .owl-nav .owl-prev{display: none;}
	.slider.owl-carousel .owl-nav .owl-next, .slider-3d.owl-carousel .owl-nav .owl-next{display: none;}
	.services .list li{margin: 10px 0 0;}
	.category-list{text-align: center;}
	.menu > ul > li > ul{
		display: none;
		opacity: 1;
		position: static;
		width: 95%;
		border: none;
		margin-left: 5%;
	}
	.menu > ul > li.active > ul{display: block;}
	.filter .selecter, .filter .reset{flex-basis: 50%;}
	.fullscreen-button{display: block;}
	.fancybox-show-nav .fancybox-navigation .fancybox-button{display: none;}
	.slider-wrapper{margin-left: 0px; margin-right: 0px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	header .soc-buttons a {
		width: 35px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}
	header .top .container{height: auto;}
	.main-slider .item .desc{
		padding: 15px;
		top: 15px;
		right: 55px;
		margin-left: 55px;
	}
	.main-slider .item .desc .hi{font-size: 18px; padding-bottom: 5px;}
	.main-slider .item .desc .hi + p,
	.main-slider .item .desc p,
	.main-slider .item .desc ul li{font-size: 14px;}
	.main-slider .item .desc ul li{padding-left: 25px; background-size: auto 10px;}
	.main-slider .item .desc .hi + p{padding-bottom: 5px;}
	.main-slider .item .desc ul{padding-top: 5px;}
	.our-works-slider .img-wrapper{height: auto;}
	#top{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		left: 15px;
		bottom: 15px;
	}
	header .middle .time,
	header .middle .adres,
	header .middle .phone,
	.main-slider .item .desc{display: none;}
	#contact-form textarea{height: 150px;}
	.price-item .icon img{width: 30px;}
	.price-item .info{padding-left: 15px;}
	.intro .pagetitle{
		font-size: 24px;
		text-align: center;
		padding: 20px 0px 30px 0px;
		font-family: "Oranienbaum-Regular";
	}
	.intro .description{text-align: center;}
	.breadcrumbs{text-align: center; padding-top: 15px;}
	.breadcrumbs ul li{font-size: 12px;}
	.complete-projects .item .name{font-size: 24px; line-height: 1.2; text-align: center;}
	.complete-projects .item .location{font-size: 14px; text-align: center;}
	.complete-projects .info .text{padding: 10px 0;}
	.complete-projects .specification .s-title,
	.complete-projects .info .i-title,
	.complete-projects .expenses .e-title{font-size: 20px; text-align: center; padding: 20px 0 10px;}
	.category-list li, .tabs > ul > li{display: block;}
	.category-list li a{padding: 10px;}
	.tabs > ul > li{margin-bottom: 10px;}
	.panorama .wrapper .note {
		width: 50px;
		height: 30px;
		top: 15px;
		right: 15px;
		background-size: 50px auto;
	}
	
	header .logo {
    font-family: "Oranienbaum-Regular"; 
    font-size: 16px;
    color: #323232;
    display: inline-block;
    letter-spacing: .2em;
    padding-bottom: 38px;
    padding-top: 10px;
    padding-right: 20px;
}
header .logo span {
    font-family: "Oranienbaum-Regular"; 
    font-size: 24px;
    color: #323232;
    text-transform: none;
    display: block;
    padding-top: 5px;
    letter-spacing: .04em;
}
	
	header .middle {
    background: #fff;
    border-top: 1px solid #f3f3f3;
    padding: 10px 0 0 0;
}
	
	.category-list > ul, .category-list .all-projects{display: block;}
	.advantages .item{flex-basis: 100%;}
	.files a{width: 100%;}
	.filter .selecter, .filter .reset{flex-basis: 100%;}
	.t-projects .info{
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.mini-slider .owl-nav button.owl-next, .mini-slider .owl-nav button.owl-prev{opacity: 1;}
	.mini-slider .owl-nav button.owl-prev{left: 15px;}
	.mini-slider .owl-nav button.owl-next{right: 15px;}
	.t-projects .info .name{padding-bottom: 15px; text-align: center; flex-basis: 100%;}
	.t-projects .info .cost{text-align: center; padding-top: 3px;}
	.neighbors{text-align: center; margin-top: 10px; margin-bottom: -15px;}
	.next-prev a {
    display: inline-block;
    padding: 5px 0;
  }
  .buy-button, .money-logos li{width: 100%; text-align: center;}
  .complete-projects .expenses .e-title{padding: 20px 0 10px;}
  .slider.owl-carousel .owl-nav .owl-prev, .slider.owl-carousel .owl-nav .owl-next{display: none;}
  .s-message{display:none}

.buy-button2, .buy-button{ 
  width: 100%;
  margin-top: 15px;
 }
 
 
 .styles .item {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    position: relative;
}
 
 .prices .itemb {
    display: block;
    text-align: center;
    padding-bottom: 60px;
}

.prices .itemb .name {
    font-size: 16px;
    color: #323232;
    padding: 20px 20px 0px 30px;
    line-height: 1.3;
}

.prices .item {
    display: block;
    text-align: center;
}


.prices .item .name {
    font-size: 16px;
    color: #323232;
    padding: 20px 20px 0px 30px;
    line-height: 1.3;
}

.styles{padding-top: 4%;}

.img-wrapper .img-responsive {
  width: 100%;
  height: 250px;
  object-fit: cover; 
  object-position: bottom;
}

.img-responsive {
  width: 100%;
  height: 250px;
  object-fit: cover; 
  object-position: bottom;
}

.slider-wrapper .slider-label {display:none;}

.next-prev {display:none;}
.history-back {display: none;}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px; 
    padding-right: 0px;
}

.row {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px; 
    padding-right: 0px;
}

.complete-projects .info .i-title {
  margin-left: 0%;
}

.gallery .g-title { 
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
}

.panorama .p-title{
  text-align: center;
}

.gallery .g-item img{padding: 1px; border: none;}
.gallery .g-item:hover .cover{ display: none;}


.complete-projects .specification {
    margin-bottom: 40px;
    padding: 0px 0px;
    text-align: center;
}



.complete-projects .specification .s-title {
    font-size: 24px;
    font-family: "Robotobold", sans-serif;
    color: #323232;
    padding-bottom: 30px;
    padding-top: 30px;
}

.complete-projects .specification .list li {
    font-size: 20px;
    color: #323223;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "Roboto", sans-serif;
}

.fasr {
    font-family: "Robotolight", sans-serif;
    font-size: 16px;
    color: #323232;
    display: block;
    text-align: center;
    padding-top: 5px;
}


.pagination { text-align: center;}
.pagination ul {
    padding-bottom: 30px;
    padding-top: 15px;
}

footer .bc-menu li a, footer .bc-menu li span {font-size: 14px;}

.cteam{margin-bottom: 50px;}

.rteam {
    margin-right: 3px;
    margin-left: 3px;
    display: inline;
}

.rteam img{width: 30%}


.content p {
    font-size: 19px;
    line-height: 1.6;
    color: #323232;
    padding: 0px 4.5% 0px 4.5%;
    text-align: center;
    letter-spacing: .04em;
}

header .sticky {
    width: 100%;
    position: inherit;
    top: 0;
    left: 0;
    z-index: 100;
    background: #ffffff;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 3.5px;
    height: 3.5px;
    background: rgb(0 0 0 / 40%);
    border-radius: 50%;
    border: none;
    outline: none;
    margin: 0 5px;
    -webkit-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

.filter .flex-container {
    text-align: center;
    margin-bottom: 10px;
}

.filter .reset {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #232323;
    padding: 3px 10px;
    display: inline-block;

}


.tel-buttons {
    text-align: center;
    padding: 135px 10px 60px 10px;
    font-size: 24px;
    letter-spacing: .04em;
}

.sociallinks {
    font-size: 18px;
    padding: 15px 10px 15px 10px;
    display: inline-block;
}









}

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

}