@media screen and (min-width: 1210px) and (max-width: 1400px) {
	.headerPhone {
		font-size:16px
	}
	.mainnav a, .main-nav a {
		font-size: 16px;
	}
}
@media screen and (min-width: 991px) and (max-width: 1209px) {
	.headerPhone {
		font-size:14px
	}
	.mainnav a, .main-nav a {
		font-size: 14px;
	}
}
@media screen and (min-width: 578px) {
	.popup .inner {
		display: flex;
		align-items: center;
	}

}
@media screen and (min-width: 768px) {
	
	.gridView .category-item-info {
		display: flex;
		flex-direction: column;
	}
	.download-link {
		margin-top: auto;
	}

}
@media screen and (min-width: 992px) {
.mainnav .header-contacts, .mainnav .headerSocial {
	display:none;
}
}
@media screen and (min-width: 1200px) {

	header .container {
		max-width: 80%;
		  padding-left: 0;
  padding-right: 0;
	}
}
@media screen and (min-width: 1200px) {

	header .container {
		max-width: 80%;
		  padding-left: 0;
  padding-right: 0;
	}
}

@media screen and (min-width: 1200px) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .7rem;
  padding-left: .7rem;
}
}
@media screen and (max-width: 1300px) {
	.is-top .logo {
		font-size: 1.5em;
	}
	.logo {
		max-width: 370px;
	}
	.is-top .logo img {
	}
	.mainnav a {
		letter-spacing: 0px;
		padding: 7px 16px;
	}
}
@media screen and (max-width: 1199px) {
	.addressText {
		display: none;
	}
	.mainnav a {
		padding: 7px 6px;
	}
}
@media screen and (max-width: 991px) {
	.productnav {
		display: none;
	}
	.headerPhone {
		font-size: 16px;
	}
	.mainnav a, .main-nav a {
		font-size: 16px;
	}

	.table {
		font-size: 10px;
	}
	
	.top-bar {
		position: absolute;
		top: 9px;
		right: 15px;
	}
	.slider-info {
		width: 80%;
	}
	.slider-title {
		font-size: 28px;
	}
	.textlink {
		
	}

	.main-nav {
  margin-top: 0;
	text-align: center;
}
	
	.slide-item {
	}
	
.topBar {

  padding: 10px 10px 10px;
  position: relative;
	  margin: 0;
}

	.is-top .logo img {
	}

	.logo, .is-top .logo {
		max-width: 270px;
		font-size: 1.2em;
	}
body {
}
	.phoneNumber {
		display: none;
	}
	

	.logo {
		position: relative;

	}
	.logo img {
		height: 50px;
	}

	#trigger-overlay {
		display: block;
	}
	
.navbar-toggler {
  outline: none!important;
	position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
	background-color: transparent;
	margin-left: 20px;
}
	
.navbar-toggler .navbar-toggler-icon {
display: block;
  position: absolute;
  top: 17px;
  left: 2px;
  right: 2px;
  height: 3px;
	transition: background 0s 0.2s; 
		background: none;
		width: auto;
	
}
	.navbar-toggler-icon::before,
	.navbar-toggler-icon::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		content: "";
		height: 3px; 
		
	  background: #ffd035;
	
		transition-duration: 0.2s, 0.2s;

			transition-delay: 0s, 0.2s;
		}


	.navbar-toggler-icon::before {
	transition-property: top, transform;
	
			top: 0;
		-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}


	.navbar-toggler-icon::after {
		transition-property: bottom, transform;
		
				bottom: 0;
		-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
		}

.navbar-toggler.collapsed .navbar-toggler-icon {
			background-color: #ffd035;

}



	.navbar-toggler.collapsed .navbar-toggler-icon::before {
		top: -12px;
		-ms-transform: rotate(0deg);
				transform: rotate(0deg); }

	.navbar-toggler.collapsed .navbar-toggler-icon::after {
		bottom: -12px;
		-ms-transform: rotate(0deg);
				transform: rotate(0deg);

 }

	.navbar-toggler.collapsed .navbar-toggler-icon::before,
	.navbar-toggler.collapsed .navbar-toggler-icon::after {
				transition-delay: 0.2s, 0s;
	 }


	/* Nav collapse button */
.dropdown-icon {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  width: 50px;
  height: 50px;
  font-size: 20px;
  display: inline-block;
  position: relative;
  vertical-align: top;
	  margin-left: 10px;
}

	.dropdown-icon:focus {
		outline: none; }
.dropdown-icon span {
  display: block;
  position: absolute;
  background: #ffd035;
  top: 24px;
  left: 5px;
  right: 5px;
  height: 3px;
}


	.dropdown-icon span::before,
	.dropdown-icon span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		background-color: #ffd035;
		content: "";
		height: 3px; }


	.dropdown-icon span::before {
		top: -12px; }


	.dropdown-icon span::after {
		bottom: -12px; }


	.dropdown-icon--animate {
			background-color: transparent;
	}
	.dropdown-icon--animate span {
		transition: background 0s 0.2s; }

	.dropdown-icon--animate span::before,
	.dropdown-icon--animate span::after {
		transition-duration: 0.2s, 0.2s;
		transition-delay: 0.2s, 0s; }

	.dropdown-icon--animate span::before {
		transition-property: top, transform; }

	.dropdown-icon--animate span::after {
		transition-property: bottom, transform; }

	.is-active.dropdown-icon--animate {
		/*background-color: transparent; */
		}

	.is-active.dropdown-icon--animate span {
		background: none; }

	.is-active.dropdown-icon--animate span::before {
		top: 0;
		-ms-transform: rotate(45deg);
				transform: rotate(45deg); }

	.is-active.dropdown-icon--animate span::after {
		bottom: 0;
		-ms-transform: rotate(-45deg);
				transform: rotate(-45deg); }

	.is-active.dropdown-icon--animate span::before,
	.is-active.dropdown-icon--animate span::after {
		transition-delay: 0s, 0.2s; }
	/**/
.mainnav {
	  max-height: 0;
	  padding: 0;
	  background: #21367d;
	  position: fixed;
	  width: 100%;
	  top: 0;
	  padding-top: 85px;
	  z-index: -1;
	  opacity: 0;
	  overflow: hidden;
	  transition: all 1.5s;
	  transition-timing-function: cubic-bezier(.19,1,.22,1);
	  height: 0px;
	  display: flex;
	  left: 0;
	  text-align: center;
			flex-direction: column;
	}
	
.mainnav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background: #ccc; */
  justify-content: center;
}
	.mainnav li {
	  display: none;
	}
	.open.mainnav li {
		display: block;
		margin-bottom: 20px;
	}
	#mainnav.open {
	  max-height: 100vh;
	  	  height: 3000px;

	  
	  opacity: 1;
	}  
	.mainnav ul.lang-select {
		padding-left: 0px!important;
		margin-left: 0px!important;
		border-left: none;
		  flex-direction: row;
	}
	.mainnav .header-contacts a {
		text-transform:none;
		font-weight:400;
		}	
		.open.mainnav .header-contacts li {
		margin-bottom:0;
		}
	ul.header-contacts {
		border-top: 1px solid #3fa2fb;
		padding-top: 20px;
	}
	.is-top header {
	background:#21367d;
}
	
  
}



@media screen and (max-width: 767px) {
	
	.dots>.nav-link.dropdown-toggle{
		display:none;
	}
	.dots>.dropdown-menu {
		display:block!important;
		border-radius: 0;
		border: none;
		border-top: none;
		box-shadow: none;
		padding:0;
	}
	.dots>.dropdown-menu a {
  border-bottom: 0;
}

	
	.slider-info {

  top: 50%;

}

	.slim h1 {
  font-size: 1.6em;
	}
	.slim {
		padding-top: 20px;
	}
	.search-label {
		display:none!important;
	} 
	.footer-contacts {
		margin-bottom: 30px;
	}
	.top-bar {
		top: 5px;
	}
	.slideFeatures {
		margin-top: 30px;
	}
	.bannerTitle {
  font-size: 1.5em;
}

	.logo, .is-top .logo {
		font-size: 1em;
	}
	.is-top .logo img,  .logo img {
		height: 40px;
	}

	body {
	}
	.section {
		padding: 20px 0;
	}
	h3, .h3 {
		font-size: 24px;
	}
	
	.header-mobile {
		display: inline-block;
		border-radius: 50px;
		color: #ffeb3b!important;
		display: block;
		width: 39px;
		height: 39px;
		line-height: 39px;
		text-align: center;
		box-shadow: 1px 1px 15px rgb(0 0 0 / 50%);
	}
	.header-mobile:hover {
		box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	}	
	.headerHone, .callback {
		display:none
	}
	table {
		font-size: 12px;
	}
	table.footer-contacts {
		font-size:inherit;
	}
	.subtab-group {
		flex-direction: column;
		align-items: baseline;
	}
	.tab-content>.tab-pane {
		overflow-x: auto;
	}
	.listView .category-item {
		flex-direction: column-reverse;
	}
		.prodList {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.cat-info {
		display: block;
	}
	.download-link { margin-bottom:20px;}
	.d-block.btn-primary {
		padding: 5px 10px;
		line-height: 1;
	}
}

@media screen and (max-width: 577px) {
	.table td:first-child {
		min-width: 84px;
	}
	.copyright span {
		max-width: 100px;
	}
	.category-item-info h4 {
		font-size: 19px;
	}
	.subcategory-block .category-item-info {
		min-height: auto;
	}
	.prodList a {
		font-size: 12px;
	}
	.dstu {
		font-size: 13px;
	}
	.search-line label {
		display: none;
	}
	.category-item-info {
		padding: 10px 20px 10px;
		min-height: 0;
	}

	.slider-title {
		font-size: 30px;
	}
	.headerPhone {
		margin-left: 10px;
	}
	.dropdown-lang {
		margin-left: 10px;
	}
	.btn.btn-lang {
		padding: 0.375rem 4px;
	}
	.dropdown-lang .dropdown-menu {
		width: 47px;
		border-radius: 10px;
	}	
	.dropdown-lang .dropdown-item {
		  padding: 0.25rem 0;
	}
	.search-btn {
		margin-left: 10px;
	}
	.btn.btn-lang>img {
		display: none;
	}
	.download-btn {
		padding: 5px 10px;
	}
	.download-btn .icon-document-file-pdf {
		font-size: 26px;
	}
	.btn-text {
		font-size: 14px;
	}
	.slider-info {
		margin-top: 20px;
	}

	.topAddress {
		display: none;
	}
	.topPhones li:nth-child(2n) {
    display:none;
	}
	.logo, .is-top .logo {
	}
	svg#mainlogo {
		width: 130px;
	}
	ul.headerSocial li {
		display: none;
	}	
	ul.headerSocial li.login-nav {
		display: inline-block;
	}
	#team-slider {
		padding: 0 20px;
	}
}

@media screen and (max-width: 376px) {


}


@media screen and (max-height: 750px) {

}

