@charset "utf-8";
@media all and (max-width: 1050px)  {/* and (min-device-width: 1024px ) */
	header, nav, section, footer{ width:1000px; }
	nav ul li a { padding: 4px 19px; }
	#plugin { padding: 0 0 50px 50px; }
	#plugin #content { width:700px; }
	#contact #contentForm {  padding-left:100px; }
	#services ul.all_services figure { width:60px; height:60px; }
}
@media all and (max-width: 1023px)  { /* and (min-device-width: 768px ) */
	header, nav, section, footer { width:750px; }
	nav ul li.home a { margin:3px 10px 0 0; }
	nav ul li a { padding:4px 6px; font-size:13px; }
	#home_services ul.all_services figure { width:65px; height:65px; }
	ul.all_services h3 { margin:0 0 5px; }
	.slideTexte h1 { font-size:40px; line-height:50px; margin-top:15px; }
	.slideTexte h2 { margin-bottom:10px; padding:0;}
	.slideTexte p { font-size:18px; line-height:22px; }
	.flexslider .slides > li { min-height:325px; }
	.sidebar_services { display:none; }
	#services #content { float:inherit; width:100%; }
	#services .wp_content { padding:0; } 
	#services ul.all_services figure { width:63px; height:63px; }
	footer span.companyName { padding:0 10px 0 0; }
	footer span.address, footer span.phone, footer span.professional { padding:0; }
	footer span.professional { padding-left:0; }
	
}
@media all and (max-width: 767px) { /* and (min-device-width: 600px) */
	header, nav, section, footer { width:580px; }
	nav { height:inherit; }
	nav ul li + li { border:none; box-shadow:none; }
	nav ul li a {  font-size:14px; padding:4px 34px; }
	.flexslider .slides > li { min-height:340px; }
	ul.all_services li { width:50%; }
	.description h2 { font-size:13px; }
	footer p {  padding:5px; font-size:12px; }
	footer span.companyName { display:block; clear:right; border:none; padding:0; }
	footer span.address, footer span.phone, footer span.professional { padding:0; }
	footer span.address:after { content:" - "; }
	#quote-form > div { margin-bottom:20px; }
	#plugin { padding:0; }
	#plugin aside a, #plugin aside div { width:170px; float:left; }
	#plugin aside { float:left; width:360px; }
	#plugin aside #free { margin-right:20px; }
	#plugin aside #compatibility { display:none; }
	#plugin > ul, #plugin #content { width:100%; }
	#plugin aside { margin-bottom:10px; }
	#content iframe { max-width:100%; }
	#contact { height:inherit; }
	#contact #contentForm { padding-left:50px; }
	#contact #contentForm { float:none; border:none; width:100%; }	
	#contact #findUs { float:none; margin-top:100px; padding-left:50px; width:100%; padding-bottom:25px;}
	#purchase form input { left:265px; width:280px; }
	#purchase form p { padding:0; width:inherit;}
	#purchase h1 { font-size:33px; }
}
@media all and (max-width: 599px) { /* and (min-device-width: 480px) */
	header, nav, section, footer { width:460px; }
	#logo { max-width:200px; }
	#logo > img { max-width:100%; height:auto; display:block; }
	.quoteHeader { padding:25px 0 0 0; }
	.button { font-size:14px; line-height:14px; padding:5px 10px; }
	.quoteHeader p { font-size:12px; line-height:20px; padding:0; }
	#wrapHeader { background-size:contain; }
	header { height:100px; }
	nav ul { margin:0; }
	nav ul li { float:none; }
	nav ul li.home { display:none; }
	nav ul li a { padding:8px 0; font-size:16px; text-align:center; }
	/*= SERVICES
	-----------------------------*/
	#services #content h1, #design-company h1, #psd > h1,#quote-form > h1, #plugin h1,#contact #contentForm h1 { font-size:30px; line-height:30px; padding:0; }
	#services #content h2, #design-company h2,#psd > #content > h2, #quote-form #content h2, #plugin h2, #contact #contentForm h2{  font-size:20px; padding:0; }
	ul.all_services li { width:100% ; }
	/*= HOMEPAGE
	--------------------------------*/
	#home_services { display:none; }
	.slideTexte { position:relative; width:100%; left:0; }
	
	/*= PORTFOLIO
	--------------------------------*/
	#portfolio aside { float:inherit; min-width:inherit; width:95%; margin:-10px auto 20px; }
	
	/*= DESIGN COMPANY
	--------------------------*/
	#psd #content { margin-bottom:50px; }
	#quote-form #slider { width:150px; }
	#quote-form > div { margin-bottom:45px; }
	
	/*= PLUGIN
	---------------------*/
	#plugin > ul li a { font-size:20px; padding:10px; }
	#plugin #content { padding:10px; }
	#content #contentForm { padding-bottom:100px; }
	#purchase h1 { font-size:25px; line-height:35px; padding:0; }
	#purchase label { display:none; }
	#purchase form input { position:relative; left:inherit; height:inherit; margin-bottom:10px; width:95%; }
	#purchase form #send { top:inherit; height:inherit; }
	
	/*= CONTACT
	----------------------------*/
	#contact #contentForm { padding:0; }
	#contact #findUs { padding-left:0; }
}
@media all and (max-width: 479px) { /* and (min-device-width: 320px) */
	header, nav, section, footer { width:310px; }
	.quoteHeader { display:none; }
	#logo { float:none; display:block; margin:0 auto; max-width:200px; }
	#servicesContent + h3, #servicesContent + h3 + #carousel { display:none; }
	section { padding-bottom:155px; }
	
	/*= PORTFOLIO
	------------------------------------*/
	#portfolio ul #container li { width:100%; float:none; display:block; height:inherit; }
	.featuredThumbnail a img { width:100%; }  
	
	/*= CONVERTER
	-------------------------------------*/
	#quote-form input[type="text"], #quote-form input[type="email"], #quote-form textarea { width:95%; }
	
	/*= PLUGIN
	------------------------------*/
	#plugin > ul li + li { margin-left:2px; }
	#plugin > ul li a { padding:5px; font-size:15px; }
	#plugin aside #free {  margin-right:10px; }
	#plugin aside a, #plugin aside div { width:150px; }
	
	/*= CONTACT
	-----------------------------*/
	#contact #contentForm form span { left:inherit; width:inherit; clear:left; display:block; }
	#contact #contentForm form p { width:inherit; }
	
}

