@media only screen and (max-width: 767px) {
	.top {height: auto;overflow: hidden;}
	.top .left {float: none; display: none;}
	.top .left ul {margin-bottom: 0;margin-top: 10px;}
	.top .left ul li {float: none;text-align: center;}
	.top .right {float: none;}
	.top .right ul {text-align: center;margin-bottom: 5px;}
	.top .right ul li {float: none;display: inline-block;}	 
 
	.header .right {
		float: none;
		display: table-cell;
		vertical-align: middle;
		padding-left: 0px;
	}
	.service {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
		display: none;
	}
	.bs-slider .item {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		height: 0px;
	}
	.product .item .thumb .photo {	
		width: 40%;
		height:225px;
		justify-content: space-around;
		align-items: center;
		display: flex;
		flex-direction: row;	
		margin-left: 115px;	
	} 	
	.page {
		width: 100%;
		height: auto;
		padding-top: 0px;
		padding-bottom:0px;
		font-size: 10px;
        font-weight: bolder;
	  }            

	.prod-pager{
	  height: 459px;
	  background-repeat: no-repeat;
	  -webkit-background-size:contain;
	  background-size: contain;
	  background-position: top center;
	  position: relative;
	  padding-left: 70px;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
	
  }

@media only screen and (max-width: 991px) {
	.header .inner {display: block;}
	.header .logo {display: block;width: 100%;text-align: center;}
	.header .logo img {display: inline;width: 60%;text-align: center;}
	.header .search-area {display: block;}
	.header .right {display: block;}
	.header .navbar-left {text-align: center;margin-bottom: 0px;}
	.navbar-form .form-group {display: inline-block;}
	.navbar-form button {display: inline-block;}
	.header .right ul {float: none;text-align: center;margin-bottom: 8px;}
	.header .right ul li {float: none;display: inline-block;}
	.header form {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 215px!important;}
}

@media only screen and (min-width: 501px) and (max-width: 700px) {
	ul.bxslider li, ul.bxslider li .text {height: 300px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 36px;}
	ul.bxslider li .text .inner h2 {font-size: 30px;}
	ul.bxslider li .text .inner h3 {font-size: 20px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 120px!important;}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	ul.bxslider li, ul.bxslider li .text {height: 250px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 30px;}
	ul.bxslider li .text .inner h2 {font-size: 24px;}
	ul.bxslider li .text .inner h3 {font-size: 16px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 100px!important;}
}
@media only screen and (min-width: 992px) {
	.product .text {
		min-height: 89px;
	}
	.header .inner {
		width: 100%;
	}
	.header .search-area {
		padding-right: 0;
	}
	.header .search-area form {
		padding-right: 0;
	}
	.header .container {
		padding-right: 0;
	}
}