/**************************************************\ 

(LG) Large Monitor Only

\**************************************************/

@media screen and (min-width: 1200px){

	.container-fluid{

		max-width: 100%;

	}
	
	.productlist-name-container{
		width	:	600px;
	}
	
	.custom_background{
		 height: 270px;
		 margin:5px; 
		 width:48%;
	}
	
	.custom_ml10{
		margin-left:20px;
	}
	
	.container{
		
		width:960px;
	
	}
	
	.nav-bar-container{
		position:fixed;
		width:100%;
		top:0;
		z-index:9;
		/*background-color: rgba(255,255,255,0.75);
		box-shadow: 0 2px 7px rgba(0,0,0,0.1);*/
	}

}



/**************************************************\ 

(LG) Large Monitor Only

\**************************************************/

@media screen and (min-width: 1400px){

	.container-fluid{

		max-width: 1200px;

	}

	.banner-slider .banner-carousel .slider-item{

		min-height: auto;

	}
	

}





/**************************************************\ 

(MD) Small Monitor Only

\**************************************************/

@media screen and (min-width:992px) and (max-width: 1199px){
	.custom_background{
		 height: 270px;
		 margin:5px; 
		 width:48%;
	}
	.productlist .productlist-price-container {
		position: absolute;
		bottom: 3%;
		right: 1%;
		text-align: right;
		z-index: 89;
		width: 459px;
		margin: 0 auto;
	}
	.custom_ml10{
		margin-left:20px;
	}
}





/**************************************************\ 

Small Monitor and below

\**************************************************/

@media screen and (max-width: 1199px){

	

}





/**************************************************\ 

(MD) Huge Screen Height

\**************************************************/

@media screen and (min-height:681px){

	.banner-slider .banner-carousel .slider-item{

		min-height: auto;

	}

}





/**************************************************\ 

Tablet and above; Excluding Phone

\**************************************************/

@media screen and (min-width: 768px){

	
}





/**************************************************\ 

(SM) Tablet Only
 
\**************************************************/

@media screen and (min-width:768px) and (max-width: 991px){
	.productlist-name-container{
		position:absolute;
		top:0px;
		width:100%;
	}
	.productlist .productlist-price-container{
		width: 57% !important;
		margin: 0 auto;
		left: 20% !important;
	}

}





/**************************************************\ 

(SM) Tablet Only (Retina)

\**************************************************/

@media screen and (min-width:768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2){}





/**************************************************\ 

(SM) Tablet Only (Landscape)

\**************************************************/

@media screen and (min-width:768px) and (max-width: 991px) and (orientation : landscape){}





/**************************************************\ 

(SM) Tablet Only (Portrait)

\**************************************************/

@media screen and (min-width:768px) and (max-width: 991px) and (orientation : portrait){}





/**************************************************\ 

Tablet and below

\**************************************************/

@media screen and (max-width: 991px){

	

	

	.container-fluid{

		padding-left: 15px;

		padding-right: 15px;

	}

	

	.nav-brand {

		float: left;

		width: auto;

		font-size: 28px;

		letter-spacing: -1px;

		border: 0;

	}

	

	.header{

		background: transparent;

		position: initial;

		width: auto;

		height: auto;

	}

	

	.menu-wrapper .nav-list {

		padding: 0 0 0 15px;

	}

	.menu-wrapper .nav-list li {

		display: list-item;

		margin: 0;

		text-align: left;

		font-size: 18px;

		padding-bottom: 14px;

		font-weight: 400;

		z-index: 100;

	}

	.menu-wrapper .nav-list li a {

		color: #000;

		width: 75%;

		text-transform: none;

		font-weight: 300;

	}

	.menu-wrapper .nav-list li a:hover {

		color: #9245dc;

	}

	.menu-wrapper .nav-list li.active a {

		color: #9245dc;

	}

	

	.close-menu {

		position: absolute;

		top: 20px;

		right: 20px;

		font-size: 16px;

		color: #ffffff;

		-webkit-transition: all 0.3s ease-out;

		-moz-transition: all 0.3s ease-out;

		-o-transition: all 0.3s ease-out;

		transition: all 0.3s ease-out;

	}

	

	.nav-header .cart{

		position: relative;

	}

	

	.footer{

		position: relative;

		z-index:0;

	}

	

	.menu-wrapper {

		position: fixed;

		z-index: -1;

		right: 0;

		top: 0;

		bottom: 0;

		width: 240px;

		height: 100%;
		
		background-color: #32bbd8;
		/*
		background-image:url(../img/floral-vector-bg.jpg);
		*/
		background-size: initial;

		font-size: 13px;

		font-weight: 400;

		overflow-x: hidden;

		overflow-y: auto;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-o-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);
		
		opacity : 0;

	}

	

	.menu-wrapper.up{
		
		opacity:1;
		z-index:2;

	}

	

	.productlist .productlist-price-container{

		/* position:relative; */

		width:270px;
		margin:0 auto;

	}

	.productlist-name-container{

		position:relative;

		left:initial;

		text-align:center;

	}

	

	#product_selection_form .form-group{

		width:100%;

	}

	

	

	.dropdown-menu{

		margin:0;

		padding:0;

	}

	

	

	.nav-brand img{
	/*
	width: 50px;

	 margin: 10px 0; 
	 */ 

	}
	
	
	
	
	
	
	.navbar-nav{
	    margin-left: 0;
		float:none;
		margin:0;
	}
	.navbar-nav>li{
		float:none;
	}
	.navbar-nav>li>a{
	    cursor: pointer;
		color:#fff;
	}
	.navbar-nav > li > .dropdown-menu{
		margin-top:0;
		padding: 0;
		float: none;
		position: relative;
		border-left:none;
		border-right:none;
	}
	.navbar-nav .open .dropdown-menu>li>a{
	    padding: 10px 15px 10px 25px;
	    color: #fff !important;
	}
	.dropdown-submenu .dropdown-menu{
		position: relative;
		left:0;
		border: none;
		box-shadow: none;
		width: 100%;
	}
	.dropdown-menu>li>a{
		cursor:pointer;
	}
	
	#footer .social  .social-content{
		text-align:center;
	}
	
	#footer .footer_center .widget-logo{
		text-align:center;
	}
	#footer .footer_center .widget-logo .img{
		margin-right: auto;
	}

}













/**************************************************\ 

(XS) Phone only

\**************************************************/

@media screen and (max-width:767px){
	
	.custom_pull_left{
		float: none !important;
	}
	

	.productlist .productlist-price-container{

		

	}

	.banner-slider .banner-carousel .slider-item{
		height: 460px;
		padding-top: 70px;
		padding-bottom: 70px;
	
	}
	
	.pull-left-xs{	
		float:left !important;
	}
 
	.productlist .productlist-price-container {
		/* position: relative; */
		right: 0%;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		
	}





/**************************************************\ 

Phone Landscape Only

\**************************************************/

@media only screen and (min-width: 481px) and (max-width: 767px) {}





/**************************************************\ 

Phone Portrait Only

\**************************************************/

@media only screen and (max-width: 480px){

	.nav-brand img{
		/*
		width:50px; 
		*/
	}
	.banner-slider .banner-carousel .slider-item {
		height: 160px; 
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.productlist-name-container h2{
		font-size: 20px; 
	}
	.productlist-price-container .discount,.productlist-price-container .timer{

	}
	
	.process-logo{
		background-size: 300px !important;
	}
	
	.productlist .productlist-price-container{
		width:100%;
		margin:0;
	}
	
}

@media screen and (max-width:448px) {

	.banner-slider {
		margin-top: 0;
		margin-bottom: 16px;
	}

	.nav-brand img {
		height: auto !important;
	}

}