@media only screen and (min-width : 320px) and (max-width: 900px) {

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
    margin: 0;
    *zoom: 1;
}

.row:after,
.clearfix:after  
{
    clear: both;
}

.row:before, .row:after,
.clearfix:before, .clearfix:after  
{
    content: "";
    display: table;
    line-height: 0;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin: 0;
}

/*.span2
{
	width: 33%;
}

.span3 {
    width: 100%;
}
.span4 {
    width: 50%;
}

.span5 {
    width: 100%;
}

.span6 {
	width: 50%;
}

.span8 {
	width: 50%;
}

.span9 {
	width: 100%;
}

.span12 {
	width: 100%;
}

.bottom30 {
	margin-bottom: 30px;
}

.offset9
{
	margin:0;
}*/


body {font-size: 16px;}
body .row {width: 100%;}

.container {
	display: block;
	width: auto;

	padding: 0 20px;
}

.banner-faq .container, 
.banner-contact .container, 
.banner-news .container, 
.banner-pages .container {
    width: 100%;
    margin: 0 auto;

    padding: 0 20px;
}

	.container #mainLeft,
	.container #mainRight,
	.container .column-separator,
	.header-container,
	#footer-container .footer {width: auto;float: none;min-width: 0;max-width: 0;margin: 0;}

/**************/

#shop_ControlShoppingCart {
	display: none;

	position: absolute;
	right: 0;
	top: 30px;

	overflow: visible;
}

#shop_ControlShoppingCart a.btn-compte,
#shop_ControlShoppingCart a.btn-panier {
	padding: 0 10px;
	font-size: 0;
}

#shop_ControlShoppingCart a.btn-compte i,
#shop_ControlShoppingCart a.btn-panier i {
	font-size: 18px;
}

#shop_ControlShoppingCart a.btn-compte i::before,
#shop_ControlShoppingCart a.btn-panier i::before {
	margin: 0 !important;
}

#shop_ControlShoppingCart a.btn-panier ~ .number-item {
    margin: -50px -7px 0 0;
}

/**************/

#header {
	display: block;

	width: 100%;
	height: 140px;
	position: fixed;

	background: white;

	border-bottom: 1px solid #ddd;
}

#main {
	padding-top: 140px;
}

#main > .container {
	padding-top: 20px;
}

#header-right {
	width: auto;
	padding: 0;
}

	#header-right .lang {
		position: absolute;
		top: 15px;
		right: 30px;

		margin: 0;
	}

		#header-right .lang a {font-size: 16px;}

	#header .row {margin: 0;padding: 5px 0;background: #fff;}

	#branding {
	    display: block;
	    width: 120px;
	    height:  80px;

	    position: relative;
	    top: 20px;
	    left: 25px;

	    z-index: 10;

	    padding: 0;
	    float: left;
	    text-indent: -9999px;

	    background: url(images/customer/logo-pelletsstock.png) 0 0 no-repeat;
	    background-size: cover;
	}

	#header .mobilenav {
		display: inline-block;

		height: 64px;
		width: auto;
		font-size: 30px;

		position: fixed;
		top: 40px;

		z-index: 60;
	}

		#header .mobilenav a {color: #8bcf2f;}

		#header .icon-bars {
			/* hamburger icon */
			position: fixed;
			z-index: 3;
			top: 55px;
			right: 35px;

			height: 44px;
			width: 44px;

			/* image replacement */
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			-webkit-transition: -webkit-transform 0.2s;
			-moz-transition: -moz-transform 0.2s;
			transition: transform 0.2s;

			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		#header .icon-bars span {
		  /* icon created in CSS */
		  position: absolute;
		  left: 50%;
		  top: 50%;
		  bottom: auto;
		  right: auto;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  -moz-transform: translateX(-50%) translateY(-50%);
		  -ms-transform: translateX(-50%) translateY(-50%);
		  -o-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  width: 32px;
		  height: 3px;
		  background-color: #8bcf2f;

		  -webkit-backface-visibility: hidden;
		  -moz-backface-visibility: hidden;
		  backface-visibility: hidden;
		}

			.nav-visible #header .icon-bars span {background-color: transparent;}

		#header .icon-bars span::before, #header .icon-bars span:after {
		  /* upper and lower lines of the menu icon */
		  content: '';
		  position: absolute;
		  top: 0;
		  right: 0;
		  width: 100%;
		  height: 100%;
		  background-color: inherit;
		  /* Force Hardware Acceleration in WebKit */
		  -webkit-transform: translateZ(0);
		  -moz-transform: translateZ(0);
		  -ms-transform: translateZ(0);
		  -o-transform: translateZ(0);
		  transform: translateZ(0);
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -webkit-transition: -webkit-transform 0.2s, width 0.2s;
		  -moz-transition: -moz-transform 0.2s, width 0.2s;
		  transition: transform 0.2s, width 0.2s;
		}

		#header .icon-bars span::before {
		  -webkit-transform-origin: right top;
		  -moz-transform-origin: right top;
		  -ms-transform-origin: right top;
		  -o-transform-origin: right top;
		  transform-origin: right top;
		  -webkit-transform: translateY(-8px);
		  -moz-transform: translateY(-8px);
		  -ms-transform: translateY(-8px);
		  -o-transform: translateY(-8px);
		  transform: translateY(-8px);
		}

		#header .icon-bars span::after {
		  -webkit-transform-origin: right bottom;
		  -moz-transform-origin: right bottom;
		  -ms-transform-origin: right bottom;
		  -o-transform-origin: right bottom;
		  transform-origin: right bottom;
		  -webkit-transform: translateY(8px);
		  -moz-transform: translateY(8px);
		  -ms-transform: translateY(8px);
		  -o-transform: translateY(8px);
		  transform: translateY(8px);
		}

		.nav-visible #header .icon-bars  {
		  /* rotate trigger on hover */
		  -webkit-transform: rotate(180deg);
		  -moz-transform: rotate(180deg);
		  -ms-transform: rotate(180deg);
		  -o-transform: rotate(180deg);
		  transform: rotate(180deg);
		}

		#header .icon-bars:hover span::after,
		#header .icon-bars:hover span::before {
		  /* animate arrow --> from hamburger to arrow */
		/*  width: 50%;*/
		}

		.nav-visible #header .icon-bars span::after,
		.nav-visible #header .icon-bars span::before {width: 100%;}

		.nav-visible #header .icon-bars span::before,
		.nav-visible #header .icon-bars:hover span::before {
		  -webkit-transform: translateX(1px) translateY(11px) rotate(-45deg);
		  -moz-transform: translateX(1px) translateY(11px) rotate(-45deg);
		  -ms-transform: translateX(1px) translateY(11px) rotate(-45deg);
		  -o-transform: translateX(1px) translateY(11px) rotate(-45deg);
		  transform: translateX(1px) translateY(-11px) rotate(-45deg);

		  background-color: #8bcf2f;
		}

		.nav-visible #header .icon-bars span::after,
		.nav-visible #header .icon-bars:hover span::after {
		  -webkit-transform: translateX(1px) translateY(-11px) rotate(45deg);
		  -moz-transform: translateX(1px) translateY(-11px) rotate(45deg);
		  -ms-transform: translateX(1px) translateY(-11px) rotate(45deg);
		  -o-transform: translateX(1px) translateY(-11px) rotate(45deg);
		  transform: translateX(1px) translateY(11px) rotate(45deg);

		  background-color: #8bcf2f;
		}

		.nav-visible #header .icon-bars span::before,
		.nav-visible #header .icon-bars span::after {color: #fff;background-color: #fff !important;}

		#header .span3, #header .span6 {width: 100%;margin: 0 !important;float: none;}
		#header .span3 .row, #header .span6 .row {margin: 0 !important;}

		#header .btn {display: none;}

	.nav-visible .top-nav {
		float: none;
		margin: 0 !important;

		display: block;
		top: 0;
		right: 0;
		bottom: 0;

		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-overflow-scrolling: touch;
	}

	ul.top-nav {
		display: block;

		float: none;
		margin: 0 !important;
		padding: 60px 30px 0 !important;

		position: fixed;

		z-index: 50;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		overflow-y: auto;

		background-color: rgba(139, 207, 47, 0.9);
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);

		-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
		-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
		transition: transform 0.4s 0s, box-shadow 0s 0.4s;
	}

	ul.top-nav > li {
		display: block !important;
		float: none;

		padding: 0 20px;
	}

	ul.top-nav > li > a,
	ul.top-nav > li > a:focus,
	ul.top-nav > li > a:active
	{
		display: block;
		width: 100%;

		float: none;

		padding: 5px 0;
		margin: 0 !important;

		color: #fff;
		text-align: center;
		text-transform: uppercase;
		font-size: 26px !important;

		border-bottom: solid 2px transparent;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	ul.top-nav > li > a:hover {color: #ddf1c2;}

	body.mobile-viewport #header .top-nav a.mobile-link {display: block;}


/* Home
-------------------------------------------------------------- */

.home-banner {
	height: auto;
	width: auto;

	float: none;

	overflow: hidden;

	text-align: center;
}

	.home-banner .flexslider,
	.home-banner .flexslider ul li {height: 365px;}

	.home-banner .text {
		width: 100%;

		position: relative;

		padding: 20px 0;
	}

		.home-banner ol {}

		.home-banner img {
			display: block;

			position: absolute;
			height: 100%;
			width: auto;
		}

.double-banner-homepage {
	display: block;
	height: auto;
	min-width: auto;
}

.double-banner-homepage .double-banner-homepage-left,
.double-banner-homepage .double-banner-homepage-right {
	display: block;
	width: 100%;
	height: auto;

	float: none;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Inscription
-------------------------------------------------------------- */

.header-container {
	max-width: none;
	min-width: none;
}

#inscription {
	height: auto;

	width: auto;
	float: none;

	position: relative;

	overflow: hidden;

	padding: 20px;
	text-align: center;

	background: url('images/customer/bg-inscription.png') right top no-repeat;
}

	#inscription > div {
		position: relative;
		top: 0%;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}

	#inscription h1 {padding: 0 20px;}

		#inscription h1 span {font-size: 30px !important;}

	#encarts-info {
		height: auto;
	}

		#encarts-info #encarts-info-title {
			padding: 0 20px;
		}

		#encarts-info a {
			width: 33%;
			height: auto;
		}


	.homepage #inscription .search-box-offres .btn {
		position: relative !important;
		top: 2px !important;
	}

	.homepage #news_ControlNewsList .news {
		width: 50%;
		padding: 0 20px;
	}

		.homepage #news_ControlNewsList .news:nth-of-type(0) {padding-right: 10px !important;}
		.homepage #news_ControlNewsList .news:nth-of-type(2) {padding-left: 10px !important;}

	#news_ControlNewsList .separator {display: none;}

	#news_NewsListOnLine .news {
	    height: auto;
	    width: auto;
	    position: relative;
	    float: none;
	    margin: 0 0 20px 0;
	}

	#news_NewsListOnLine .news .photo img {
	    display: block;
	    width: 100% !important;
	}

	.send-to-friend {display: none !important;}


/*** CUSTOMER ***/

.pellets {
	padding: 40px 0;
	background-size: cover;
}

.pellets .container {
	margin: 0 20px;
}

.qualite-service-livraison .block .fa {
	float: none;
}

.qualite-service-livraison .block .right {
	display: block;

	float: none;

    width: auto;
    float: none;
}

.faqs h2 .figure {
	width: 40px;
	height: 40px;

	position: relative;
	top: -5px;

	margin-bottom: 20px;

	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
}

.faqs h2 {
    height: auto;
    line-height: normal;

    margin: 0;
}


/* Articles  à l'honneur */

#article-honneur .news .listContent,
#article-honneur .news .photo,
#derniers-billets .news .photo,
#derniers-billets #news_ControlNewsList .news,
#derniers-billets .news .listContent {
    width: auto;
    float: none;

    float: none;
}

#derniers-billets #news_ControlNewsList .news {margin: 0 0 30px 0;}

/*** COLUMNS ***/

.col {float: none;}

	.container .col9 {width: auto;margin: 0;}
	.container .col6,
	.container .col3 {width: auto;}

	.container .col.col6:nth-of-type(odd),
	.container .col.col6:nth-of-type(even)  {
	    width: 100%;
	    padding: 0;
	}

	.container .col.col6:nth-of-type(odd) .cadre,
	.container .col.col6:nth-of-type(even) .cadre {
		height: auto !important;
	}


/*** PRODUCTS ***/

#filter-wrapper .filters .col3, #filter-wrapper .filters .col6 {
	float: left;
}

#filter-wrapper .filters .col3 {
	width: 33%;
}

.filters {
    padding: 30px 0 15px;
}

	#list-offers .filters i {
		width: 28px;
		height: 28px;
	}

	#filter-wrapper .filters .col3.offer-btn::before {
		display: block;
		content:"";
		clear: both;

		margin-top: 20px;
	}

	#filter-wrapper .filters .col3.offer-btn {
		display: block;
		position: relative;

		float: none;

		margin: 0 auto;
		width: auto;
		text-align: center;
	}

	#filter-wrapper .filters .col3.offer-btn > div {padding-top: 20px;float: none !important;}
	#filter-wrapper .filters .col3.offer-btn > div > span {width: auto;}

	#list-offers .filters .col:nth-of-type(4) .btn {float: none;}
	#list-offers .filters .col:nth-of-type(4) span {text-align: center;}

	#list-offers #encarts-info {position: relative;}

	.product-list {
		padding: 20px 0 !important;
	}

	.product-list .product .product-title {

	}


	.order-by .price-order {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.product-list .product {
		max-width: 450px;
		padding-bottom: 66px;

		margin: 0 auto 20px;
	}

	.product-list .product .photo {
	    width: 100%;
	    height: auto;
	    position: relative;
	    float: none;

	    margin: 0 auto;

	    line-height: normal;
	    cursor: pointer;
	    text-align: center;
	    overflow: hidden;
	}

	.product-list .product .photo:before {
		width: 40px;
		height: 40px;
	}

	.product-list .product .photo img {
		width: 100%;
	}

	.product-list .product .info1,
	.product-list .product .info2,
	.product-list .product .prices {
		width: auto;
		float: none;

		padding: 10px 20px;

		text-align: center;
	}

	.product-list .product .info2 {
		padding: 10px 0;
		background: #f8f8f8;
	}

	.product-list .product .info2 h4 {margin: 0;}

	.product-list .product .prices .detail,
	.product-list .product .prices .prix-palette,
	.product-list .product .prices .prix-sac,
	.product-list .product .prices .prix-kg {text-align: center;}

	.product-list .product .prices .prix-palette .prix,
	.product-list .product .prices .prix-sac .bag,
	.product-list .product .prices .prix-kg .kg {
		display: block;
		width: 200px;

		float: none;

		margin: 0 auto;
		background: none;
	}

	.product-list .product .prices .prix-kg .kg {color:#8bcf2f;}

	.product-list .product .prices .prix-palette .prix:before,
	.product-list .product .prices .prix-sac .bag:before,
	.product-list .product .prices .prix-kg .kg:before {
		display: inline-block;

		width: 22px;
		height: 22px;
		line-height: 22px;

		text-align: center;

		left: 32px;
	}

	.product-list .product .info1 .caracteristiques a.quality {display: inline-block;}
	.product-list .product .info1 .caracteristiques a.quality img {
		float: none;
	}

	.product-list .product .info1 h3 {
		margin: 0 0 20px 0;
	}

	.product-list .product .info1 .resineux,
	.product-list .product .info1 .feuillus {
		position: relative;
		top: -7px;
	}

	.product-list .product .prices .data-view {
	    margin: 38px 0 0 0;
	}

	.btn-cancel, .btn.floatRight {
		display: block;
		float: none;

		margin: 0 0 20px 0;
	}

	.product-list .product .add-to-cart {
	    padding: 20px;
	    float: none;

	    width: auto;

	    margin: 0 auto;

	    text-align: center;

	    overflow: hidden;

		background: #f8f8f8;
	}

	.product-list .product .add-to-cart select {
		text-align: center;
		text-align-last: center;
	}

	.product-list .product .add-to-cart select option {
		text-align: center;
		text-align-last: center;
	}

	.product-list .product .caution {text-align: center;margin: 10px auto;}

	.product-list .product .add-to-cart .cadre {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    left: 0;

	    margin: 0;
	    padding: 15px;
	    width: auto;
	}

	#list-offers #inscription .slogan {
	    width: auto;
	    float: none;
	    position: relative;
	    top: 0;
	    margin: 0;
	    text-align: center;
	}

	#list-offers #inscription .slogan p {
		text-align: center;
	}


	#list-offers .search-box-offres input, 
	#list-offers .search-box-offres .btn, 
	#list-offers #inscription .btn, 
	#list-offers .btn-selected {
		display: inline-block;
		width: 45%;

		float: none;

		margin: 0;
	}

	#list-offers #inscription .btn {width: 45%;position: relative;top: 2px;}

	#list-offers .btn-selected {width: 45%;margin: 0 !important;}


	#catalog_ProductView {padding: 20px 0;}

	#catalog_ProductView .leftSide {width: auto;float: none;position: relative;}


	#catalog_ProductView .product {
    	max-width: 450px;
    	margin: 0 auto;
    	text-align: center;
    }

	#catalog_ProductView .caracteristiques a.quality {display: inline-block;}
	#catalog_ProductView .caracteristiques a.quality img {
		float: none;
	}


	#catalog_ProductView .resineux,
	#catalog_ProductView .feuillus {
		position: relative;
		top: -7px;
	}

	#catalog_ProductView .product .add-to-cart {
	    padding: 20px 20px 0 20px;
	    float: none;

	    width: auto;

	    margin: 0 auto 20px;

	    text-align: center;

	    overflow: hidden;

		background: #f8f8f8;
	}

	#catalog_ProductView .product .caution {
		margin: 0 auto;
		text-align: center !important;
	}

	#catalog_ProductView .product .add-to-cart select {
		text-align: center;
		text-align-last: center;
		margin: 0 auto;
	}

	#catalog_ProductView .product .add-to-cart select option {
		text-align: center;
		text-align-last: center;
	}

	.product-list .product .caution {text-align: center;margin: 10px auto;}


	#catalog_ProductView .product .photo {
	    width: auto;
	    float: none;
	    font-size: 0;
	    margin: 0 0 20px 0;
	}

	#catalog_ProductView .product .info {
	    width: auto;
	    float: center;

	    margin: 20px auto;
	}

	#catalog_ProductView .product .caution {text-align: left;}

	#catalog_ProductView .rightSide {
	    width: auto;
	    float: none;
	    position: relative;
	}

	#catalog_ProductView .delivery-panel, #catalog_ProductView .caracteristiques-panel {width: auto;float: none;margin: 10px 0;}

	#catalog_ProductView .delivery-panel .block, #catalog_ProductView .caracteristiques-panel .block {
	   width: 50%;
	}

	#catalog_ProductView .product .prices .prix-palette i,
	#catalog_ProductView .product .prices .prix-sac i,
	#catalog_ProductView .product .prices .prix-kg i {
		display: inline-block;

		width: 22px;
		height: 22px;
		line-height: 22px;

		text-align: center;

		left: 0;
	}


	#nyroModalContent .delivery-panel, 
	#nyroModalContent .caracteristiques-panel {
	    width: 100%;
	    overflow: visible !important;
	}

	#nyroModalContent .delivery-panel .block, 
	#nyroModalContent .caracteristiques-panel .block {
	    display: block;
	    width: auto;
	    overflow: visible !important;
	    padding: 20px 10px;
	    float: none;

		-webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0.7);
		-moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0.7);
		box-shadow: 0px 0px 0px 1px rgba(221,221,221,0.7);
	}

	.product-values h3, .table-quality h3 {
		-webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0.7);
		-moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0.7);
		box-shadow: 0px 0px 0px 1px rgba(221,221,221,0.7);
	}

	.product-values .block.paiement img {
		height: 30px;
		width: auto;
	}

	.product-values .block.delais i {
	    max-height: 40px;
	}

	#shop_PopShoppingCart .content .btnContinue, 
	#shop_PopShoppingCart .content .btnOrder {
		width: auto;
		float: none;

		margin: 0 0 20px 0;
	}

	#shop_PopShoppingCart {
		width: 100%;
	}

	#shop_PopShoppingCart .content {width: 100%;}

	div#nyroModalFull div#nyroModalWrapper {padding: 0;border: none;}

	div#nyroModalFull div#nyroModalWrapper .wrapper {width: auto !important;}

	div#nyroModalFull div#nyroModalWrapper div.wrapper #nyroModalContent {margin: 0;padding: 20px 0 40px 20px !important;width: auto;}

/*** FOOTER ***/

#footer-container .footer {
	min-width: 0;
	max-width: none;

	width: auto;
	margin: 0;
}

.homepage #footer-container .footer {margin: 0;}

	#footer-container .footer .newsletter-social-blocks {
		padding-top: 160px;
	}
	
	#footer-container .footer .newsletter-social-blocks .newsletter-block {
		width: auto;
		height: auto;
		float: none;
	}

	.newsletter-container {
		width: 100%;

		position: absolute;
		margin-top: -370px;
	}

	.newsletter-container #newsletterForm {
		position: relative;
		top: 0;
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.newsletter-container #newsletterForm h3 {
	    display: block;
	    width: auto;
	    float: none;
	    margin: 10px;
	    padding: 7px 0;
	    font-size: 16px;
	    color: #fff;
	    text-align: center;
	    font-weight: bold;
	}

	.newsletter-container #newsletterForm .text,
	.newsletter-container #newsletterForm .btn {
		float: none;
	}

	#footer-container .footer .newsletter-social-blocks .social-block {
	    width: auto;
	    height: auto;
	    padding: 20px 0;
	    float: none;
	}

	/* Mobile */

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {}

	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	.mobile-column {
		display: table-cell;
		width: auto;

		vertical-align:top;
	}

	.mobile-column label {display: inline;}

	.mobile-row {width: 100%;}
	#filter-wrapper label {
	display: inline-block;
	width: 100%;
	margin: 0 auto;

	position: relative;

	text-align: center;
}


	label {
		margin-bottom: 0;
	}

	#oneStepCheckout input[type="text"],
	#oneStepCheckout input[type="password"],
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalUserDatas input[type="text"] {width: 100% !important;margin-bottom: 10px;}

	#listShoppingCartTabTable, #shop_ControlLastOrders {max-width: 400px;margin: 0 auto;}

	#listShoppingCartTab select {
		text-align: center;
		text-align-last: center;
	}

	#listShoppingCartTab th, 
	#shop_ControlLastOrders th, 
	#ctl00_mainContent_ctl00_ctl00_pnlOrders th,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalItems th {display: none;}

	#ctl00_mainContent_ctl00_ctl00_pnlOrders .btn-view {
		width: 30px;
		height: 30px;
		line-height: 30px;

		border-radius: 30px;

		margin: 0 auto;
	}

	#listShoppingCartTab td, #shop_ControlLastOrders td, 
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalUserDatas td,
	#ctl00_mainContent_ctl00_ctl00_pnlOrders td,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalItems td {text-align: center;font-size: 16px;}

	#shop_ControlLastOrders tr,
	#ctl00_mainContent_ctl00_ctl00_pnlOrders tr,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalItems tr {padding-bottom: 30px;} 

	#ctl00_mainContent_ctl00_ctl00_pnlCreateNewCustomer td,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalInformation td,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalShippingAddress td,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalUserDatas td,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalStatus td {border: none;}

	#ctl00_mainContent_ctl00_ctl00_pnlGlobalShippingAddress select,
	#ctl00_mainContent_ctl00_ctl00_pnlGlobalUserDatas select {width: 100% !important;}

	#tabOrders .col.col6:nth-of-type(even),
	#tabOrders .col.col6:nth-of-type(odd) {
	    width: auto;
	    padding: 0;
	}

	#shop_CustomerArea .block {
	    display: block;
	    width: auto;
	    height: auto;
	    float: none;
	    padding: 20px 20px 20px 90px;
	    margin: 0 0 20px 0;
	}

	#shop_CustomerArea .block a {line-height: normal;}

	.viewOrder .data-sheet {float: none;}

	.modalTableQuality {width: 90%;}

	.delivery-panel, .caracteristiques-panel {
	    width: 100%;
	    float: none;
	    margin: 0;
	}

	.product-values .delivery-panel .block, .product-values .caracteristiques-panel .block {
	    display: block;
	    width: 50%;
	    height: 70px;
	    overflow: hidden !important;
	    padding: 20px 10px;
	    float: left;
	}

	.hidden-xs {display: none;}
	.mobile-no-padding {padding-left: 0;}


	label {display: block;text-align: left;}


	#ControlContact table {
		width: 100%;
	}

	#ControlContact table td {
		width: 100%;
	}

	#ControlContact table td textarea, 
	#ControlContact table td input[type='text'], 
	#ControlContact table td input[type='password'], 
	#ControlContact table td select {
		max-width: 100%;
		width: 100% !important;
	}

	#ControlContact table td textarea {width: 100% !important;}

	#ControlContact label,
	#SecurityLogin label {
		display: inline;
	}

	#SecurityLogin table td textarea, 
	#SecurityLogin table td input[type='text'], 
	#SecurityLogin table td input[type='password'], 
	#SecurityLogin table td select {
		max-width: 100%;
		width: 100% !important;
	}

	#SecurityLogin table td textarea {width: 100% !important;}


}


@media only screen and (min-width : 320px) and (max-width: 740px) {
	#filter-wrapper .filters .col3 {
		float: none;
		width: 100%;

		margin: 0 auto 25px auto;
		text-align: center;
	}

	#filter-wrapper .filters .col3 span {text-align: left;}
}

@media only screen and (min-width : 320px) and (max-width: 900px) {
	select, textarea {
		width: 200px !important;
	}
}

@media only screen and (min-width : 320px) and (max-width: 482px) {
	.newsletter-container {
		margin-top: -400px;
	}

	div#nyroModalFull div#nyroModalWrapper {border: none;}

	.product-list .product .product-title > h2 {text-align: center; float: none;}
	.product-list .product .product-title > h3 {text-align: center; float: none;}

	#catalog_ProductView .product .title h1 {float: none;text-align: center;}
	#catalog_ProductView .product .title h3 {float: none;text-align: center;}
}

@media only screen and (min-width : 320px) and (max-width: 332px) {

	.newsletter-container {
	    margin-top: -500px;
	}

	#footer-container .footer .newsletter-social-blocks {
		padding-top: 260px;
	}

	.newsletter-container #newsletterForm {
		text-align: center;
	}

	.newsletter-container #newsletterForm .text {display: block;width: 90%;margin: 5px auto;}
	.newsletter-container #newsletterForm .btn {display: block;width: 90%;margin: 5px auto;}

	#catalog_ProductView .delivery-panel .block, #catalog_ProductView .caracteristiques-panel .block {
   	 width: 100%;
	}
}


/*@media only screen and (min-width : 320px) and (max-width: 398px) {
	#list-offers input[type='checkbox'] {
	    position: relative;
	    top: -5px;
	    left: -48px;
	}
}*/

@media only screen and (min-width : 320px) and (max-width: 630px) {

	.home-banner .flexslider,
	.home-banner .flexslider ul li {height: auto;}

	.home-banner .flexslider ul li img {position: relative;width: 100%;height: auto;}

	.search-box-offres input,
	.homepage #inscription .search-box-offres .btn {
		margin: 5px 0!important;
	}

	#encarts-info a {
		width: 100%;
		height: auto;
	}

		#encarts-info a i {margin: 15px auto;}

	#news_ControlNewsList .news {width: auto !important;float: none;margin: 0 0 20px 0;}

	#news_ControlNewsList .separator {display: none;}


	.product-list .product .info1,
	.product-list .product .info2,
	.product-list .product .prices {
		width: auto;
		float: none;

		padding: 10px 20px;

		text-align: center;
	}

	#list-offers .search-box-offres input, 
	#list-offers .search-box-offres .btn, 
	#list-offers #inscription .btn, 
	#list-offers .btn-selected,
	#list-offers .search-box-offres select {
		display: block;
		width: 80% !important;

		float: none;

		margin: 5px auto !important;
	}

	.homepage .search-box-offres select {
		display: inline-block;
		width: 220px !important;
	}


	.span4 {width: 100%;}

	select, textarea {
		width: 200px !important;
	}


}