/* = Freecome responsive html templating
-------------------------------------------------------------- */


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

	/*home page*/
	.listPanel span{width:70%;}

	/*product list*/

}

@media only screen and (max-width : 1900px){
	/*product list*/
	.btnfunctional{margin:0 0 10px;}
		.gridView .btnfunctional button, .gridView .btnfunctional a{width:95%; margin:0 0 10px;}
}

/* notebooks */
@media only screen and (max-width : 1700px){
	/*product list*/
	.gridView .prodDetails{width:88%;}
		.gridView .prodPrice span, .gridView .prodDetailsCont .price{font-size:18px;}
	.categoryCorporate .gridView .prodDetails, .gridView .btnfunctional{width:88%;}
	.btnfunctional{margin:0 0 10px;}
		.gridView .btnfunctional button, .gridView .btnfunctional a{width:95%; margin:0 0 10px;}

	/*top sellers*/
	.sideProdList dt, .sideProdList dd{float:left; width:100%;}
		.sideProdList img{margin:0 auto;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

	/*product list grid*/
	.prodImgCont{min-height:200px;}
	.gridView .boxCont{float:none;}
		.gridView .prodDetails, .gridView .prodPrice, .gridView .prodAvailability, .gridView .btnfunctional{margin:0 16px; padding:12px 0; width:87%; text-align:center;}
		 	.prodDetails label, .prodDetails select{float:none;}
			.gridView .btnfunctional button{margin:12px 0;}
	.categoryCorporate select, .categoryCorporate label{float:none;}

	/*product details*/
	.prodDetailsCont button{float:left; margin:15px 10px 0 0;}
	.btn-oemlink {margin:15px 10px 0 0;}
	.gallerieProd li{margin:0;}

	/*contact form*/
	.frm div{float:left; width:100%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

	/*product list*/
	.listViewHandler{display:none;}
	.cont .prodDetails, .cont .prodPrice, .cont .prodAvailability, .cont .btnfunctional{padding:0 36px; text-align:center; width:92%;}
		.cont .btnfunctional{margin-top:12px;}
		.cont .prodDetails{margin-bottom:12px;}
		.cont .btnfunctional, .cont .prodPrice{padding-top:15px; padding-bottom:15px;}
		.prodList .prodPrice p, .prodList .prodAvailability p{text-align:center;}
		.boxCont{float:none;}
		.btnfunctional{margin-bottom:15px;}
		.prodDetails{border-right:none;}
			.prodDetails h4, .prodDetails h4:before{float:none;}
				.prodDetails h4{margin:12px 0;}
				.prodList h4 span{float:none;}
		.prodPrice{min-height:58px;}


	/*aside*/
	aside .btnfunctional{padding:0;}
	.featuredSale h2{font-size:48px;}
	.salebox{font-size:30px; letter-spacing:0; margin:10px 0;}
		aside .boxCont{float:left;}

	/*table*/
	.responsiveTable table, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr{display: block;}
		.responsiveTable thead tr{position:absolute; top:-9999px; left:-9999px;}
		.responsiveTable tr{border:1px solid #ccc;}
			#global .responsiveTable td{border:none; border-bottom:1px solid #eee; position:relative; padding-left:50%; white-space:normal; text-align:left;}
			.responsiveTable td:before{position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:bold;}
			.responsiveTable td:before{content:attr(data-title);}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

	/*header*/
	#shoppingCart .dropdown-menu{left:-265px; top:41px;}
		#navbar .dropdown-menu:after{left:31%;}
		#navbar #shoppingCart .dropdown-menu:after{left:96%;}
	#header h1{margin:15px 0;}
		#header h1 img{width:30%; height:30%;}
	.supNav{display:none;}
	#frmSearch #search{outline:none; padding:4px 8px; border:1px dashed #DBDBDB; color:#3F3F3F; font-size:14px; border-radius:2px; transition:background 0.2s linear, box-shadow 0.6s linear; width:100%;}
	#frmSearch .btnSubmit{float:right; margin:10px 0 0; display:block;}
	.dropdown-menu{top:41px;}
	#headerNav, #scrollLogo{display:none;}
	/*#sideNav, .subNav{display:block;}*/
	/*#sideNav{opacity:1; height:auto;}*/
	#frmSearch > #search, #scrollLogo{display:none;}
	#sideNav a:empty{display:none;}
		#sideNav a.mm-subopen{display:block;}

	/*reorder aside and cont*/
	.mainCont{margin:0;}
	.mainCont aside, .mainCont .cont{/*display:table-footer-group; float:none;*/}
		.mainCont .cont > .row, .mainCont aside > .row{padding:0 15px;}
		.breadcrumb{margin:0 0 8px;}
		#frmProductShow{margin:0;}
		.prodList li{margin:0 0 20px;}
	aside .paymentIcons, aside .benefitsInfo{width:48%; float:right; clear:right;}
	aside .featuredSale{width:48%; display:inline-block; float:none;}
		.featuredSale h2, .salebox{font-size:60px;}
			.salebox{margin:-6px 0;}
	aside .sideProdList{float:left;}
		aside h2, .sideProdList{margin:15px 0;}
		.sideProdList li{width:44%; float:none; display:inline-block; margin:0 10px 15px; border:0;}
		.sideProdList li:first-child{margin:0 10px 15px;}
			.sideProdList p{display:none;}
				.sideProdList .price{display:block;}
	.cont .listCont li{width:100%;}
	.nav-tabs > li{float:none; border:1px solid #dddddd;}
		.nav-tabs > li.active > a{border:none;}
		.nav > li > a:hover, .nav > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background:none; border:none;}
		#frmDownloads > div{width:100%;}
	#categoryHighlight{display:none;}

	.hotspots .heightFull,
	.hotspots .height60,
	.hotspots .height30 {min-height:100px;}
	.hotspots .newsSliders dl {float:left; width:100%; margin-right:2%;}

	.frm .gallerieProd, .frm .prodDetailsCont{width:100%;}
	.gallerieProd .nav-tabs > li{border:none;}

	.prodList{float:left;}

	/*rearrange footer*/
	.footGroup{float:left; width:100%;}
	.footLogos li{float:left; display:inline; text-align:left;}
		.socialLinks li{margin:0 5px 0 0;}
	.paymentIcons li{float:left;}	
		#footNav .footGroup img{width:100%; height:100%;}
		#footNav .footGroup .logoMit{float:left; margin:12px 0;}
			#footNav .footGroup .logoMit img{width:50%; height:50%;}
	.sitemap{float:left; width:100%;}
		.sitemap li{width:auto; margin:0 12px 0 0;}
		
	.categoryCorporate .prodImgCont{border:none;}
	.categoryCorporate .cont .prodDetails, .categoryCorporate .cont .prodPrice, .categoryCorporate .cont .prodAvailability, .categoryCorporate .cont .btnfunctional{width:100%;}
	.support .cont figure{float:left;}
	.frmNewsletter fieldset  .txtlabel{width:100%;}
	.frmNewsletter fieldset label{width:80%;}
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

	/*header*/
	#header h1 img{width:50%; height:50%;}
	.dropdown-menu{top:40px;}
	#navbar .dropdown-menu:after{top:-16px; left:25%; margin:0;}
	#navbar #shoppingCart .dropdown-menu{left:-242px; width:276px;}
		#navbar #shoppingCart .dropdown-menu:after{left:92%;}
		#shoppingCart .cartCont li{padding:10px 12px;}
			#shoppingCart fieldset span{width:52%;}

	#carouselHome .slidesjs-navigation, #frmSearch > #search{display:none;}

	/*cont + aside*/
	aside .boxCont{float:left;}
	aside .paymentIcons, aside .benefitsInfo, aside .featuredSale, .sideProdList li, .category fieldset, .prodList li{width:100%;}{width:100%; float:left; clear:none;}
		.prodDetails p{display:block; text-align:center;}
		.category fieldset + fieldset{margin:20px 0 0;}
	#frmProductShow fieldset{width:48%;}
		.category fieldset + fieldset{margin:0; float:right;}
		.category fieldset span{display:none;}
		#frmProductShow fieldset label, #frmProductShow fieldset select{width:100%; float:left;}
			#frmProductShow select{font-size:11px;}
	.pagerCont .col-xs-12{margin:10px 0; text-align:center;}
		.pagerCont .pagination{float:none !important; display:inline-block;}
	.sideProdList li{margin:15px 0 0; border-top:1px solid #dcdfe1; padding:15px 0 0;}
	.sideProdList li:first-child{margin:0;}
		.sideProdList p, .sideProdList h5{display:block; text-align:center;}
		aside .sideProdList .btn{max-width:80%;}
	.cont .timeline li{width:100%; margin:0 0 20px;}
 	 	.timeline:before{left:0px;}
			.timeline > li > .timeline-panel{float:right; width:97%;}
			.timeline > li > .timeline-panel:before{border-left-width:0; border-right-width:15px; left:-15px; right:auto;}
			.timeline > li > .timeline-panel:after{border-left-width:0; border-right-width:14px; left:-14px; right:auto;}
			.timeline-panel, .timeline p{text-align:center;}
	.prodDetailsCont .availability input{width:100%;}
	.categoryList h4:after{display:none;}
	#zoomProduit > div, #zoomProduit{min-height:225px;}
	.cont .prodDetails, .cont .prodPrice, .cont .prodAvailability, .cont .btnfunctional{width:90%;}
	.gallerieProd .boxCont{height:280px;}
	.gallerieProd .imgList li{height:232px;}

	.hotspots .newsSliders dl {float:none; width:100%; margin-right:0;}
	
	section.container.margin-b5a{margin:0 0 12px;}

	/*footer*/
	.socialLinks li, .socialLinks li:first-child{margin:0 0 10px;}
	#footNav .footGroup img{width:75%; height:75%;}
	#footNav .footGroup > li{width:100%; float:right;}
		#footNav .footGroup li+ li{float:left;}
		.sitemap li{width:40%;}
	.footLogos li, .footLogos li:first-child{margin:0 0 16px; width:100%;}
	#footNav .footGroup .logoMit{margin:5px 0; text-align:left;}
	#footNav .footGroup .logoMit img{height:100%; width:100%;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){
	.cont .prodDetails, .cont .prodPrice, .cont .prodAvailability, .cont .btnfunctional{width:89%;}

}
