/* Экстрамалые девайсы («портретные телефоны», < 576px)*/
@media (max-width: 575.98px) { 
	.navbar-brand {
	font-size: 15px;
    width: 70%;
    text-align: center;
    padding: 5px 30px 5px 59px;
    background-size: 62px;
	}
	.dark-bg {padding-top: 79px;}
	.grey-line {
		display: none;
	}
	.desription-company {
		top: 10px;
		left: 30px;
		width: 80%;
	}
	.vers {
		font-weight: normal;
		top: 172px;
		font-size: 18px;
	}
	.desription-company h1{
		font-size: 2em!important;
	}
	.nav-mob-tel,.nav-mob-zaglav,.nav-mob-tel,.nav-mob-telz{
		position: relative;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff;
	}
	.nav-mob-telz {
		font-weight: bold;
		color: #948f8f!important;
		font-size: 1em;
		top: 226px;
	}
	.nav-mob-tel a{color: #fff;}
	.nav-mob-tel {
		top: 220px;
		font-size: 0.9em;
	}
	.nav-mob-zaglav {
		font-weight: bold;
		color: #948f8f!important;
		font-size: 1em;
		top: 227px;
	}
	#navbarSupportedContent > ul > li.submenu1.dropdown.nav-item.show > ul > li > a {
		font-size: 11px;
		letter-spacing: 0em;
	}
	.footer-h h2 {
		padding-top: 17px;
	}
	.nav-footer {
		padding-left: 17px;
	}
	.foot-tel a {color: #fff;} 
	.bredcrumbs {background-color: #fff;}
	.swiper-button-next-1,.swiper-button-prev-1,.a-line {display: none;}
	.swiper-button-next-1m,.swiper-button-prev-1m {
		position: absolute;
		z-index: 10;
        color: #fff;
		top: 100px;
	}
	.swiper-button-next-1m {
		left: 25px;
	}
	.swiper-button-prev-1m {
		right: 25px;
	}
	.h2-all {
		padding: 0;
		text-align: center;
	}
	.p-sp-cont-3-content h3, .p-sp-cont-6-content h3 {
		margin: 7px 0 0 8px;
		font-size: 10px;
	}
	.p-sp-cont-3-content p, .p-sp-cont-6-content p {
		margin: 0px 0 0 8px;
		font-size: 10px;
	}
	.prod-sp-3, .prod-sp-6 {
		padding-bottom: 10px;
	}
	.prod-sp-127,.prod-sp-126 {margin-bottom: 15px; margin-top: 15px;}
	.sp-m {margin-top: 15px;}
	.h2-dark-all {margin-top: 30px;}
	.project-h3 {font-size: 14px;}
	.project-p {font-size: 14px;}
	.swiper-button-prev-2m,.swiper-button-next-2m {position:absolute;}
	.swiper-button-prev-2m {top: 95px; left: 25px;}
	.swiper-button-next-2m {top: 95px; right: 25px;}
	.dark-bgr-correct {
		margin-bottom: 30px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.blog-container {height: 320px;}
	.news-date {font-size: 12px;}
	.news {min-height:175px;}
	.news-preview {font-size: 12px;top: 52px;margin-right: 7px;}
	.news-or-blog {font-size: 14px;}
	.swiper-button-next-3m, .swiper-button-prev-3m {
		position: absolute;
		cursor: pointer;
		color: #313131;
		z-index: 100;
		width: 50px;
		padding: 15px;
		top: 80px;
	}
	.swiper-button-next-3m {left: 0px;}
	.swiper-button-prev-3m {right: 0px;}
	.news-preview-blog {
			bottom: 21px;
			left: 15px;
			font-size: 14px;
		}
	.productions {
		display: none!important;
	}
	.bg-services {
		background-image: url(/assets/templates/images/products/product-400-2.jpg);
		background-size: 1020px;
		padding: 30px 0 30px 0px;
	}
	#accordion {
		margin: 0 auto;
		width: 100%;
	}
	.card-header {
		padding: 0; 
		margin-bottom: 0;
		background-color: rgba(0, 0, 0, 0.03);
		border-bottom: 0px solid rgba(0, 0, 0, 0.125);
	}
	
	.card {
		padding: 0;
		margin: 15px; 
		background-color: #ff0000;
	}

	.prod-mobile p {
		background-color: #444444;
		text-transform: uppercase;
		color: #fff;
		padding: 10px 15px;
		width: 90%;
		margin: 10px auto;
		cursor: pointer;
		font-size: 14px;
		text-align: left;
	}

	.prod-mobile-content {
		background-color: #444444;
		color: #fff;
		padding: 10px 15px;
		width: 90%;
		margin: 0 auto 0 auto;
	}
	.prod-mobile-content a {
		color: #f0a830;
		display: block;
		margin: 15px auto;
		font-size: 14px;
		text-decoration: underline;
		text-transform: uppercase;
	}
	.vert-grey {
		border-left: 0px solid #eaeaea;
		text-align: center;
	}
	.vert-grey>div:last-child {
		margin-left: 0px;
	}
	.all-menu-dop {
		margin: 60px 0 30px 0px;
	}
	.hor-grey {
		border-bottom: 1px solid #eaeaea;
		margin-left: 0px;
	}
	.company-text {display: none;}
	.h-all-page {
		margin-top: 43px;
	}
	.fon-nav-all {
		height: 170px;
	}
	.active-dop {
		background-color: #e1e1e1;
	}
	/*.p-sp-cont-3-img img {display: block;}*/
	.prod-sp-3:hover .p-sp-cont-3-img a {
		font-size: 10px;
		top: 22px;
		color: rgba(255, 255, 255, 1);
	}
	.prod-sp-126:hover .p-sp-cont-3-img a {
		font-size: 10px;
		top: 30px;
		color: rgba(255, 255, 255, 1);
	}
	.prod-sp-6 a {
		font-size: 10px;
		top: 86px;
	}
	.container-menu {
		background-color: #313131;
	}
	.phone-tab-p {
		padding: 10px 10px 10px 10px!important;
		font-weight: bold;
	}
	.my-search-container {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		padding: 0;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.search-form {
		border-radius: 5px 0 0 5px;
		width: 70%;
	}
	.blog-img {
		top: 70px;
		width: 100%;
	}
	.blog-img>img{
		width: 100%;
		height: 130px;
	}
	.container-menu.fixed-top {
		max-height: 100%;
		overflow-y:auto;
	}
}

/* Малые девайсы («ландшафтные», >= 575px)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	.company-text {display: none;}

}

/* Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .dark-bg {padding-top: 99px;}
	.dc-about {top: 283px;}
	.vers {top: 168px;}
	.footer-h h2 {font-size: 1.2em;}
	.bread a {font-size: 10px;}
	.swiper-button-next-1m,.swiper-button-prev-1m {display: none;}
	.news-preview {top: 52px;}
	.company-text {display: none;}
	.pr-left-content {
		width: 100%;
		position: absolute;
		margin-right: 15;
		margin-top: 40px;
	}
	.pr-left-content p {
		width: 90%;
		margin-left: 15px;
	}
	.pr-left-content h2 {
		text-align: center;
	}
	.pr-right-content {
		width: 100%;
	}
	.pr-r-c-visible {
		display: block;
		margin: 49px 0 0 15px;
		width: 90%;
	}
	.swiper-button-next-2 {
		top: 82px;
		right: -16px;
	}
	.swiper-button-prev-2 {
		top: 82px;
		left: -16px;
	}
	.swiper2 {
			height: 230px;
	}
	.number_of_product {
    font-size: 30px;}
	.project-h3 {
		font-size: 10px;
	}
	.project-p {font-size: 10px!important;}
	.effect-zoe .figcaption1 {
		top: auto;
		bottom: 0;
		padding: 0em;
		height: 42px;
	}
	
	
	figure.effect-zoe p.description {
		position: absolute;
		top: -93px;
		bottom: 4em;
		padding: 0;
	}
	
}

/* Большие девайсы (большие десктопы, >= 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
.my-search-container {
		background: #fff000;
	}
	 .dark-bg {padding-top: 117px;}
}

/* Большие девайсы (большие десктопы, >= 1200px)*/
@media (min-width: 1200px) {
	.company-text {display: block;}
}