/* @center grid
********************************************************************************************
********************************************************************************************/

.centerrow {
margin: 0 0 0 0 !important;
width:109%;
overflow: hidden;
}

.centerthreecol,.centerfourcol,.centersixcol{
margin:0 0 0 0;
float: left;
min-height: 1px;
margin-bottom:26px !important;
}

.centerrow .centerthreecol {
width: 20%;
margin:0 3.9% 0 0;
height:275px !important;
overflow:hidden;
}


.centerrow .centerfourcol {
width: 27.9%;
margin:0 3.9% 0 0;
height:275px !important;
overflow:hidden;
}



.centerrow .centersixcol {
width: 43.8%;
margin:0 3.9% 0 0;
height:315px !important;
overflow:hidden;
}


/* @the 1200px grid
********************************************************************************************
********************************************************************************************/

.container{
width: 100%;
max-width: 1080px;
margin: 0 0 0 20%;
padding:0 0 0 0;
position:relative;
}



.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.fourcol {
width: 60%;
margin-right:0;
margin-left:5%;
float:left;
}

.colrecherche {
width: 30%;
margin-right:0;
margin-left:5%;
float:left;
}

.threecol {
width: 22.7%;
padding:0;
margin:0 0 0 3%;
float:left;
margin-bottom:20px;
overflow:hidden;
}

.specfifthcol {
width: 37.6%;
}

.specfifthcol_last{ width:20%}

.eightcol {
width: 70%;
padding-right:0;
padding-left:0;
float:left;
}

.sixcol {
width: 50%;
}

.twelvecol {
width: 90%;
float: left;
}



.first {
margin-left: 0px;
}

object, embed {
max-width: 100%;
}



img {
	height: auto;
}

@media screen and (max-width: 2600px){
.container{margin: 0 0 0 24%;}
}


@media screen and (max-width: 1450px){
.container{margin: 0 0 0 20%; width:80%;}
li.services{ margin:0 30px 0 0}
.item_blog img{ width:60%;}
.centerrow .centerthreecol{ height:155px !important;}
.centerthreecol .item_full {width: 155px !important;height: 155px !important;}
}



/* iPad - Landscape */

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

#homecontent, #singlecontent, #footer_inn{ width:93%; padding: 60px 3% 40px 4%;}

.mainflex_holder,.mainflex{ height:500px !important; min-height:500px !important;}

.logo{ width:50%;}

.logo img{ width:100%; margin:0 0 0 0;}

#cats,
#cats_wrap{ width:49.5%}

li.services h3 i{padding: 20px 0; width: 84px;}

.filter .item_full{ width:100% !important;}

.centerrow .centerfourcol{ height:210px !important; min-width:232px;}

.centerrow .centersixcol{ height:250px !important;}

.item_fea{margin:20px 0 10px;}

.widgetflexslider .flex-direction-nav li .flex-next{
	right:-15px;
}

.widgetflexslider .flex-direction-nav li .flex-prev{
	left:-15px;
}

img.attachment-format-image{ width:100%}

#footer .flickwrap img{width:60px; }

.mainflex .flex-direction-nav,
.singleslider .flex-direction-nav {opacity:1}
	
}

/* iPad - Portrait */

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

#header{
	position:relative;
	width:100%;
	height:auto;
	float:left;
}

.boxshadow2{
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.logo {
    width:19.8%;
	float:left;
}

#cats, #cats_wrap {
    width:80%;
}

#sec-nav>li{ width:auto !important; border-bottom:none;}

#sec-nav>li>a{padding-left:15px;padding-right:15px;}

.nav>li>ul{ z-index:999;}

#header_bottom{ width:80%; position:relative; float:right; padding:15px 0 5px 0; overflow:hidden;}

#header_bottom p,
#header ul.social-menu{ margin-left:25px !important;margin-right:25px !important;}

.mainflex { position:relative; left:auto; top:auto; width:100%;}

.container{ width:100%; margin:0 0 0 0; overflow:hidden;}

.features li img{ bottom:30px;}


.centerrow .centerfourcol{ height:190px !important; width:27.2%; min-width:190px;}

.centerrow .centersixcol{ height:235px !important;}

.centerrow .centerthreecol{ height:145px !important;}
	
}


/* Mobile */

@media handheld, only screen and (max-width: 700px) {

body {
font-size: 16px;
-webkit-text-size-adjust: none;
}

.centerrow, body {
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-top:0;
}


#cats,
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
#sidebar,#homecontent,#singlecontent
{
width: auto;
float: none !important;
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-right: 0;
}

.container {
margin: 0 0;
}

.logo{ width:50%;}

.logo img{ margin:30px !important; width:100px;}

#cats{ display:none; width:100%; float:left !important; padding:0 0 0 0; margin:0 0 0 0;}

#sec-nav>li{ width:100%; float:none;}
.nav>li>ul{ width:100%; position:relative; right:0; margin-bottom:20px;}
.nav>li>ul>li>a{ padding:25px 0 !important;}

#cats_wrap,.scrollTo_top,.mainflex .teaser{ display:none !important; visibility:hidden !important;}


.stuff{padding: 5px 15px; width:25%; top:10px}
.stuff .flexhead{ width:100%; margin:0 0 0 0;}
.stuff h2{ font-size:14px;}

.loop,
.post iframe,
#header_bottom,
.item_fea,
.item_blog,
.post .entry,
.post .meta,
ul.related,
.related li{ width:100%; margin-left:0; margin-right:0;}

.item_blog{height:auto;}

.related li img{margin-right:15px !important;}

.features li img{ position:relative; width:100%; max-width:none; bottom:0;}

li.services{ width:72%; padding:0 28% 0 0; margin:0 0 30px 0; height:auto;}

li.services h3 i{ left:auto; top:50px; right:12px;}
li.services h3 i{padding: 5px 0; width: 54px; font-size:30px; line-height:1.5 !important;}

#copyright{ padding:0 5%;}

.features li iframe{ max-width:100%; width:100%;}

.postinfo .fr,
#homecontent .fr,
#homecontent .btt{ float:left !important;}

}


@media only screen and (max-width: 639px) {
	
.mainflex_holder,.mainflex{ height:auto !important; min-height:280px !important;}

.scrollTo_top{ visibility:hidden; display:none}

.centerrow .centerthreecol img{ width:100%;}

.tmnf-sc-quote.left,
.tmnf-sc-quote.right{ width:100%; float:none; margin-left:0; margin-right:0}


.contact-form .forms textarea,
.contact-form .forms input.txt{ width:100%; float:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}

.contact-form .forms label{ margin-bottom:10px}

.contact-form .forms .buttons .submit,
.contact-form .forms input#sendCopy{ margin-left:0;}

a.trigger{ display:none;}

.tabbig_small iframe,
.slides iframe{height:320px; }

.centerrow .centerfourcol,
.centerrow .centersixcol{ min-width:232px; float:none; margin:0 auto 30px auto;height: 210px !important;}
.centerrow .centersixcol{height: 160px !important;}
.centerrow .centerthreecol{ min-width:232px; float:none; margin:0 auto 30px auto;height: 210px !important;}

.comment-form-author,
.comment-form-email,
.comment-form-url{ width:102%;}

.flex-direction-nav li .flex-next {right:0px;}
.flex-direction-nav li .flex-prev {left:0px;}

.stuff {
    padding: 5px 5% 0 5%;
    top: 0;
    width: 90%;
}

#homecontent{ padding-top:20px !important;}

} 



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

.archivepost .ribbon,.archivepost .ribbon_icon{ display:none;}

#homecontent h2{ font-size:30px}

img.alignleft,
img.alignright,
img.aligncenter,
.wp-caption,
.wp-caption img{ width:100%; margin:5px 0 30px 0;}

.item_entry p {
	   -moz-column-count: 1;
       -moz-column-gap:0px;
       -webkit-column-count: 1;
       -webkit-column-gap:0px;
}

}

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

.mainflex_holder,.mainflex{ min-height:240px !important;}

}