@media only screen and (max-width: 767px) {
	.top {height: auto;overflow: hidden;}
	.top .left {float: 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: 20px;}
	.top .right ul li {float: none;display: inline-block;}
}

@media only screen and (max-width: 991px) {
	.header .inner {display: block;}
	.header .logo {display: block;width: 100%;text-align: center;}
	.header .logo img {}
	.header .search-area {display: block;}
	.header .right {display: block;}
	.header .navbar-left {text-align: center;margin-bottom: 20px;}
	.navbar-form .form-group {display: inline-block;}
	.navbar-form button {display: inline-block;}
	.header .right ul {float: none;text-align: center;margin-bottom: 20px;}
	.header .right ul li {float: none;display: inline-block;}
	.header form {
		margin-left: 0;
		margin-right: 0;
	}
	.lowerborer {
		position: relative;
		width: 100%;
		height: 65px;
		right: 0;
		margin-bottom: -75px;
	  }
	  .upperborer {
		position: relative;
		width: 100%;
		height: 65px;
		right: 0;
		margin-top: -90px;
	  }
	  .p-title {
		margin-top: 10rem;
	  }
	  .promobi {
		text-align: center;
	  }
}

@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;}
	.breadcrumb {padding: 13px 10px 40px 20px;}
}
@media only screen and (min-width: 992px) {
	.header .inner {
		width: 100%;
	}
	.header .search-area {
		padding-right: 0;
	}
	.header .search-area form {
		padding-right: 0;
	}
	.header .container {
		padding-right: 0;
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 400px) {
	.menu ul li::after {
		width: 560px ;
	}
}
@media only screen and (min-width: 401px) and (max-width: 500px) {
	.menu ul li::after {
		width: 585px ;
	}
}
@media only screen and (min-width: 700px) and (max-width: 900px) {
	.menu ul li::after {
		width: 915px ;
	}
}

@media screen and (max-width: 600px) {
	table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	#cart {text-align: center;}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	.cartbt{width: 100%;
		margin-bottom: 10px;}

		table#cart tbody td .form-control{
			width:20%;
			display: inline !important;
		}
		.actions .btn{
			width:36%;
			margin:1.5em 0;
		}
		
		.actions .btn-info{
			float:left;
		}
		.actions .btn-danger{
			float:right;
		}
		
		table#cart thead { display: none; }
		table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
		table#cart tbody td:before {
			content: attr(data-th); font-weight: bold;
			display: inline-block; width: 8rem;
		}
		
		
		
		table#cart tfoot td{display:block; }
		table#cart tfoot td .btn{display:block;}
}