﻿@media (max-width: 1200px) {
	.fboxItemwr-1 {
		flex: 0 0 100%;
	}
	.fboxItemwr-2, .fboxItemwr-3 {
		flex: 0 0 272px;
	}
	#penoblock .blockA .headerText {
		padding: 14px 20px 14px 150px;	
	}
	#penoblock .blockB .headerText {
		padding: 30px 20px 28px 150px;
	}
	
	#penoblock .headerText img {
		position: absolute;
		left: 0px;
		top: 5px;
		width: 140px;
	}
	#manufacture .blockA img {
		margin-bottom: 24px;
	}
	#about {
		background: url('../images/bg/about-bg.jpg') right bottom no-repeat;
	}
	#cright { text-align: center; margin-top: 15px; }
	#iteam a { justify-content: center;  margin-top: 7px; }
}

@media (max-width: 991px) {
	#top-logo,
	#top-logo2 {
		text-align: center;
		margin-bottom: 15px;
	}
	#top-logo .img-fluid,
	#top-logo2 .img-fluid {
		max-height: 50px;
		margin: 0;
	}
	
	.navbar-light .navbar-toggler {
		margin-top: 5px;
		margin-bottom: 5px;
		color: #ffcd02;
		border-color: #fff;
		background: #fff; 
	}
	
	.navbar-light .navbar-toggler:hover,
	.navbar-light .navbar-toggler:focus {
		background: #ffcd02;
		border-color: #ffcd02;
	}
	#navbarTop2 a,
	#navbarTop a {
		background: none;
	}
	#rules li { width: 100%; text-align: center; }
}

@media (max-width: 767px) {

	.reviewText { width: 100%; }
	
	#home .flexBox, #home2 .flexBox {
	    justify-content: center;
	}
	#top-a, #top-a-2, #top-a2 {
		margin-bottom: 15px;
	}
	
	#top-b .callBack-button.text-right,
	#top-b2 .callBack-button.text-right {
		text-align: center !important;
		margin-top: 15px;
	}
	
	#manufacture .blockA img,
	#manufacture .blockB img,
	#manufacture .blockC img,
	#manufacture .blockD img {
		margin: 0 0 24px 0 !important;
	}
}


@media (max-width: 460px) {
	#sliderSection button,
	.freeConsultation button {
	    background: #fecb00;
	    border: 1px #fecb00 solid;
	    color: #373333;
	    cursor: pointer;
	    display: block;
	    position: relative;
	    height: 72px;
	}
	.fboxSectionTitle, .manTitle { font-size: 22px; }
	
	#penoblock .blockDesc p {
		line-height: 18px;
		padding-left: 0px;
		position: relative;
		margin: 7px 0;
	}
	#penoblock .headerText img,
	#penoblock .blockDesc p::before {
		display: none;
	}
	#penoblock .headerText {
		margin: 20px 0 0 0;
	}
	#penoblock .blockA .headerText,
	#penoblock .blockB .headerText {
		padding: 15px;
		text-align: center;
	}
	
	.totalCount {
		line-height: 30px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}