/**************************************************\ 

(LG) Large Monitor Only

\**************************************************/

@media screen and (min-width: 1200px){
	/*
	.container-fluid{

		max-width: 100%;

	}
	
	.productlist-name-container{
		width	:	600px;
	}
	*/
	.container{
		
		/* width:960px; */
		width:1320px;
	
	}
	.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){
	
	
	
}

/**************************************************\ 

(MD) Small Monitor Only 2

\**************************************************/

@media screen and (min-width:992px){
	
	.banner-52{
		
		margin-top: -52px;
		
	}
	
}





/**************************************************\ 

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){

	

}





/**************************************************\ 

(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: #36554d;
		/*
		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:215px;
		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;
	}
	.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){

	

	.productlist .productlist-price-container{

		

	}

	.banner-slider .banner-carousel .slider-item{
		height: 460px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	.pull-left-xs{	
		float:left !important;
	}

	.payment-icon{
		width: 50px;
	}
}





/**************************************************\ 

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:180px;
		padding-bottom: 10px;
	}
	.banner-slider .banner-carousel .slider-item {
		height: 360px; 
		/* height: auto; */
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.productlist-name-container h2{
		font-size: 34px; 
	}
	.productlist-price-container .discount,.productlist-price-container .timer{

	}
	
	.process-logo{
		background-size: 300px !important;
	}
	
	.productlist .productlist-price-container{
		width:220px;
		margin:0 auto;
	}
	
	.progress-bar .box-icon{
		margin-left:20px;
	}
	
	.img-responsive2 {
		display: none;
	}
}