/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	body{
		padding-top: 65px;
	}
	.top-bar-box{
		height: 65px;
		box-shadow: 0 0 3px 3px rgba(000,000,000,0.3);
	}
	.top-bar{
		padding-top: 5px;
	}
	.logo-box a{
		width: 100px;
	}
	.top-nav{
		position: fixed;
		width: 100%;
		top: 65px;
		bottom: 0;
		left: -100%;
		transition: all 0.3s ease-in-out;
		background-color: #fff;
	}
	.icon-menu {
		display: block;
		position: relative;
		width: 20px;
		height: 16px;
		cursor: pointer;
		z-index: 5;
	}
	.icon-menu span,
	.icon-menu::before,
	.icon-menu::after {
		content: "";
		transition: all 0.3s ease 0s;
		right: 0;
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #000;
	}
	.icon-menu::before {
		top: 0;
	}
	.icon-menu::after {
		bottom: 0;
	}
	.icon-menu span {
		top: calc(50% - 1px);
	}
	.menu-open .icon-menu span {
		width: 0;
	}
	.menu-open .icon-menu::before {
		top: calc(50% - 1px);
		transform: rotate(-45deg);
	}
	.menu-open .icon-menu::after {
		bottom: calc(50% - 1px);
		transform: rotate(45deg);
	}
	.menu-open .top-nav{
		left: 0;
	}
	.top-nav ul {
		flex-direction: column;
		align-items: center;
		margin-top: 40px;
	}
	.top-nav li{
		padding: 0;
		border: unset;
	}
	.top-nav li{
		display: block;
		padding: 7px 10px;
	}
	.head-img {
		width: 544px;
		height: 100%;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.head-box {
		height: 485px;
		background-position: left center;
		background-size: contain;
		margin-bottom: 0;
	}
	.head-img {
		display: none;
	}
	.head-title{
		text-align: center;
		font-size: 18px;
	}
	.head-line-box{
		text-align: center;
	}
	.head-line{
		font-size: 18px;
	}
	.statistic {
		flex-direction: column-reverse;
	}
	.statistic-img,
	.statistic-left{
		width: 100%;
	}
	.statistic-img{
		text-align: center;
	}
	.statistic-img img{
		max-width: 350px;
	}
	.statistic{
		font-size: 18px;
	}
	.statistic-count{
		font-size: 30px;
		line-height: 1.4;
	}
	.principles{
		flex-direction: column;
	}
	.principle-left,
	.principle-right{
		width: 100%;
		padding: 0;
	}
	.principle-img{
		width: 100%;
		max-width: 460px;
		height: auto;
		margin: 0 auto 20px auto;
	}
	.container{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.title-box h2{
		min-width: unset;
		font-size: 22px;
	}
	.benefits-top{
		flex-direction: column;
		margin-bottom: 20px;
	}
	.benefits-top-left,
	.benefits-top-right{
		width: unset;
	}
	.benefits-top-left{
		font-size: 18px;
	}
	.about-box-right ul li,
	.benefits-top-left ul li {
		padding-left: 25px;
	}
	.about-box-right ul li:before,
	.benefits-top-left ul li:before {
		content: '';
		width: 13px;
		height: 13px;
	}
	.benefits-top-img{
		max-width: 400px;
	}
	.benefits-top-right{
		padding-top: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.contact-form-top__cont{
		margin: 0 auto;
	}
	.contact-form-info,
	.info-box{
		padding-left: 65px;
		margin-bottom: 25px;
		font-size: 18px;
	}
	.contact-form-info h3{
		font-size: 20px;
	}
	.contact-form-info:before,
	.info-box:before{
		width: 42px;
		height: 42px;
	}
	.time-box-img{
		height: 160px;
	}
	.about-box{
		flex-direction: column;
	}
	.about-box-right,
	.about-box-left{
		width: unset;
	}
	.about-box-right{
		padding-left: 0;
	}
	.contact-form-top{
		padding-bottom: 30px;
	}
	.contact-form-top-img{
		display: none;
	}
	.sale{
		font-size: 30px;
	}
	.form-box .inputbox{
		height: 45px;
		font-size: 16px;
	}
	.form-box .button{
		width: 250px;
		height: 45px;
		font-size: 20px;
	}
	.contact-form-bot{
		position: relative;
		z-index: 0;
		justify-content: center;
	}
	.contact-bot-info h2{
		font-size: 20px;
		color: #fff;
	}
	.contact-form-bot:before{
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: #000;
		opacity: 0.7;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.powerboart-logo img{
		max-width: 80%;
	}
	.head-line-box{
		text-align: center;
	}
	.powerboard-top-text,
	.head-title,
	.head-line{
		font-size: 14px;
	}
	.powerboard-top-text{
		font-weight: 400;
	}
	.statistic{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.statistic-img img{
		max-width: 200px;
	}
	.clients-stat{
		margin-bottom: 20px;
	}
	.principle-right{
		font-size: 16px;
		line-height: 1.4;
	}
	.title-box h2{
		min-width: unset;
		font-size: 18px;
	}
	.time-block h3{
		font-size: 20px;
	}
	.about-box-left{
		margin-bottom: 20px;
	}
	#carousel,
	#small-carousel{
		width: 300px;
		height: 220px;
	}
	#carousel img,
	#small-carousel img {
		width: 250px;
		height: 200px;
	}
	.carousel-nav,
	.small-carousel-navigation{
		width: 300px;
		top: 100px;
		margin-left: -150px;
	}
	.footer{
		height: auto;
	}
	.bot-contacts:before{
		display: none;
	}
	.bot-contacts{
		width: 100%;
		height: auto;
		position: unset;
		border-radius: unset;
		transform: unset;
		padding: 15px;
	}
	.bot-contacts-text h3{
		color: #fff;
	}
	.map-box{
		height: 250px;
	}
	.steps-block h2{
		font-size: 20px;
	}
	.flex-control-paging li a{
		width: 13px;
		height: 13px;
		font-size: 0;
		background: #000;
	}
	.step-box-slider{
		height: 200px;
	}
	.step-box-slider img{
		height: 200px;
	}
	.media-box{
		padding-bottom: 30px;
	}
	.small-video {
		width: 50%;
		padding: 10px;
		margin: 0;
	}
	.video-name{
		font-size: 14px;
	}
	.products h2{
		margin-bottom: 20px;
	}
	.products h3{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.product-box {
		padding-bottom: 20px;
	}
	.product-img {
		height: 200px;
	}
	.product-price {
		font-size: 50px;
		line-height: 1.6;
	}
	.product-price span{
		font-size: 30px;
	}
	.order-box {
		width: 300px;
	}
	.inputboxall {
		font-size: 19px;
	}
}
/* Small Devices, Tablets */
@media (min-width: 768px) {
	.row .col-md-3{
		width: 25%;
	}
	.row .col-md-6{
		width: 50%;
	}
}