@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.column-1,
.column-2,
.column-3 {
 padding: 10px ;
text-align:left !important;
}

.header-article{
float:left;
width:100%;
height:100%;
padding:10px 10px 10px 10px;
border-bottom:1px solid #e2e2e2;
margin-bottom:40px;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 

}

#block-top,
#block-feature,
#block-beforecontent,
#block-aftercontent,
#block-bottomcontent,
#block-footertop,
#block-footerbottom {
float:left;
width:100%;
padding:30px 0;
margin-top:0px;
}

#block-top ul li a,
#block-feature ul li a,
#block-beforecontent ul li a,
#block-aftercontent ul li a ,
#block-bottomcontent ul li a,
#block-footertop ul li a ,
#block-footerbottom ul li a {
font-weight:bold;
line-height: 1.8em ;
font-size:13px;
}

#block-top ul li:before,
#block-feature ul li:before,
#block-beforecontent ul li:before,
#block-aftercontent ul li:before ,
#block-bottomcontent ul li:before,
#block-footertop ul li:before ,
#block-footerbottom ul li:before {
 content: "\f054";  
font-family:fontawesome;
font-weight:bold;
color:#161616;
margin-right:7px;
font-size:0.7em;
}

#block-top  h3,
#block-feature h3,
#block-beforecontent h3,
#block-aftercontent h3,
#block-bottomcontent h3,
#block-footertop h3,
#block-footerbottom h3 {
position:relative;
font-size:20px;
text-transform:uppercase;
text-align:left !important;
font-weight:bold;
margin:0px 0 10px 0;
padding:0 0px 10px 0px;
 background: url(../images/bg-h3.png) 0% 100% no-repeat; 
display:block;
letter-spacing:1px;	
}

#block-top p,
#block-feature p,
#block-beforecontent p,
#block-aftercontent p,
#block-bottomcontent p,
#block-footertop p,
#block-footerbottom p {
text-align:left;
font-weight:400;
}

#block-top .moduletable,
#block-feature .moduletable ,
#block-beforecontent .moduletable,
#block-aftercontent .moduletable,
#block-bottomcontent .moduletable,
#block-footertop .moduletable,
#block-footerbottom .moduletable {
padding:20px 10px 20px 10px;
}

#block-top img,
#block-feature img,
#block-beforecontent img,
#block-aftercontent img,
#block-bottomcontent img,
#block-footertop img,
#block-footerbottom img {
background-size:cover;
width:100%;
height:100%;
} 

}

@media only screen and (min-width: 961px) and (max-width: 1030px) {
.column-1,
.column-2,
.column-3 {
 padding: 10px ;
text-align:left !important;
}

.header-article{
float:left;
width:100%;
height:100%;
padding:10px 10px 10px 10px;
border-bottom:1px solid #e2e2e2;
margin-bottom:40px;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
}
 
#block-top,
#block-feature,
#block-beforecontent,
#block-aftercontent,
#block-bottomcontent,
#block-footertop,
#block-footerbottom {
float:left;
width:100%;
padding:10px 0;
margin-top:0px;
border-bottom:1px solid #ebebeb;
}

#block-top ul li a,
#block-feature ul li a,
#block-beforecontent ul li a,
#block-aftercontent ul li a ,
#block-bottomcontent ul li a,
#block-footertop ul li a ,
#block-footerbottom ul li a {
font-weight:bold;
line-height: 1.8em ;
font-size:13px;
}

#block-top ul li:before,
#block-feature ul li:before,
#block-beforecontent ul li:before,
#block-aftercontent ul li:before ,
#block-bottomcontent ul li:before,
#block-footertop ul li:before ,
#block-footerbottom ul li:before {
 content: "\f054";  
font-family:fontawesome;
font-weight:bold;
color:#161616;
margin-right:7px;
font-size:0.7em;
}

#block-top  h3,
#block-feature h3,
#block-beforecontent h3,
#block-aftercontent h3,
#block-bottomcontent h3,
#block-footertop h3,
#block-footerbottom h3 {
position:relative;
font-size:17px;
text-transform:uppercase;
text-align:left !important;
font-weight:bold;
margin:0px 0 10px 0;
padding:0 0px 10px 0px;
 background: url(../images/bg-h3.png) 0% 100% no-repeat; 
display:block;
letter-spacing:1px;	
}

#block-top p,
#block-feature p,
#block-beforecontent p,
#block-aftercontent p,
#block-bottomcontent p,
#block-footertop p,
#block-footerbottom p {
text-align:left;
font-weight:400;
}

#block-top .moduletable,
#block-feature .moduletable ,
#block-beforecontent .moduletable,
#block-aftercontent .moduletable,
#block-bottomcontent .moduletable,
#block-footertop .moduletable,
#block-footerbottom .moduletable {
padding:20px 10px 20px 10px;
}

#block-top img,
#block-feature img,
#block-beforecontent img,
#block-aftercontent img,
#block-bottomcontent img,
#block-footertop img,
#block-footerbottom img {
background-size:cover;
width:100%;
height:100%;
}  

p {
font-size:12px;
}

#sitename{
float:left;
width: 100%;
text-align:left;
padding-top: 25px;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;	
height:70px;
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
}

#sitename a{
color: #272727;
font-size: 14px;
text-transform: uppercase;
font-weight:bold;
letter-spacing:3px;	
}

#navigation ul.menu li a {
padding:28px 5px 10px 5px ; 
 margin:0px 10px 25px 10px; 
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:100; 
 height:20px;
font-size:10px ;
letter-spacing:2px;
transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
	text-align:center !important;
	box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
	
} 

#search {
float:left;
text-align:left;
 margin-top:0px;
 padding:25px 15px 15px 15px ;
 box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
height:70px;
display:block;
}

#search i{
font-size:20px;
color:#fff;
font-weight:100;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.menuButon{
float:left;
width:60px !important;
position: relative;
text-align: center;
margin-top: 0px ;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
height:70px;
padding:15px;
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
}

.menuButon i{
font-size:30px;
color:#fff;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

}

@media only screen and (min-width: 739px) and (max-width: 960px) {
 div#navigation {
  visibility:hidden;
 }
 
 #search {
float:left;
text-align:left;
margin-top:0px;
padding:25px 10px 15px 10px ;
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
height:70px;
display:block;
}

#search i{
font-size:20px;
color:#fff;
font-weight:100;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.menuButon{
float:left;
width:40px !important;
position: relative;
text-align: center;
margin-top: 0px ;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
height:70px;
padding:30x 10px 15px 10px;
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
}

.menuButon i{
font-size:30px;
color:#fff;
margin-top:20px !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
line-height:70px;
}

.column-1,
.column-2,
.column-3 {
 padding: 10px ;
text-align:left !important;
}

.header-article{
float:left;
width:100%;
height:100%;
padding:10px 10px 10px 10px;
margin-bottom:40px;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
}

#block-top img,
#block-feature img,
#block-beforecontent img,
#block-aftercontent img,
#block-bottomcontent img,
#block-footertop img,
#block-footerbottom img {
background-size:cover;
width:100%;
height:100;
}

.leading-0 {
width:100%;
}
 .cols-1 {
width:100% !important;
}

.cols-2 .column-1 {
width: 100%;
float: left;
}

.cols-2 .column-2 {
width: 100%;
float: left;
}

.cols-3 .column-1 {
float: left;
width: 100%;
}

.cols-3 .column-2 {
float: left;
width: 100%;

}

.cols-3 .column-3 {
float: left;
width: 100%;

} 

.column-1,
.column-2,
.column-3 {
 padding: 10px ;
text-align:left !important;
}

.items-row {
 overflow:visible ; 
margin-bottom: 40px !important;
}

.items-row {
 overflow:visible ; 
margin-bottom: 40px !important;
}

.header-article{
float:left;
width:100%;
height:100%;
padding:10px 10px 10px 10px;
border-bottom:1px solid #e2e2e2;
margin-bottom:40px;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 

}

.header-blog {
float:left;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
border-right:none;
border-bottom:1px solid #e2e2e2;
width:100%;		
}

.header-date {
float:left;
-webkit-box-sizing:border-box !important;
 -moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
width:100%;
}

}


@media only screen and (min-width: 0px) and (max-width: 738px) {
.sitename-footer {
float:left;
width:100%;
height:550px; 
background:#111;
webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.name-footer h1 {
color:#fff;
font-size:50px;
font-weight:bold;
padding:0px 0 !important;
text-align:center;
z-index:99 !important;
text-transform:uppercase;
margin-top:160px;
margin-bottom:20px !important;
letter-spacing:0px;
}

.footer-right{
float:left;
text-align:left;
background:#000;
height:550px;
width:100%;
webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

div.grid_2.center {
width:100%;
text-align:center;
margin-top:10px;
}
 
#search {
float:right;
text-align:center;
 margin-top:10px;
 margin-right:20px;
 padding:0px 10px 15px 10px ;
 box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
height:35px;
display:block;
border-left:none;
border-right:none;
width:40px !important;
}

#search i{
font-size:25px;
color:#fff;
font-weight:100;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.menuButon{
float:left;
width:40px !important;
position: relative;
text-align: center;
margin-top: 0px ;
margin-left:20px;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
height:25px;
padding:0x 10px 15px 10px;
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
border-left:none;
}

.menuButon i{
font-size:35px;
color:#fff;
margin-top:20px !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;

}

.fixedHeader .menuButon{
    margin-top: 19px;
}

#sitename{
    width: 100%;
    text-align: center;
    margin-top: 10px;
	height:20px;
	margin-bottom:0;
	padding-bottom:0;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}

div.leading-0 div.gk-article-blog h2.article-header-blog,
div.leading-1 div.gk-article-blog h2.article-header-blog,
div.leading-2 div.gk-article-blog h2.article-header-blog,
div.leading-3 div.gk-article-blog h2.article-header-blog,
div.leading-4 div.gk-article-blog h2.article-header-blog,
div.item.column-1 div.gk-article-blog h2.article-header-blog,
div.item.column-2 div.gk-article-blog h2.article-header-blog,
div.item.column-3 div.gk-article-blog h2.article-header-blog,
div.item.column-4 div.gk-article-blog h2.article-header-blog,
div.item.column-5 div.gk-article-blog h2.article-header-blog{
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
font-size:15px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:1px;	
height:50px;
margin-bottom:20px;
margin-top:20px;
}

.fixedHeader{
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    height: 110px;
    left: 0;
    min-height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}

.header{
float:left; 
width: 100%;
position: relative;
min-height: 110px; 
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
 -o-transition: all ease 700ms;
 z-index:999 !important;
color:#fff !important; 
} 

 #nav-top{
margin-top: 10px; 
}

 #navigation {
visibility:hidden;
height:1px ;
 }   

#block-top img,
#block-feature img,
#block-beforecontent img,
#block-aftercontent img,
#block-bottomcontent img,
#block-footertop img,
#block-footerbottom img {
background-size:cover;
width:100%;
height:100;
}

.leading-0 {
width:100%;
}

.column-1,
.column-2,
.column-3 {
 padding: 5px !important ; 
 margin-bottom:30px;
text-align:left !important;
}

.items-row {
 overflow:visible ; 
margin-bottom: 40px !important;
}

#menuModal{
border: 0px solid #fff;
opacity: 0;
position: fixed;
left: 0;
top: 0px;
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
}

#navigation-res {
  padding:0;
  margin-top:60px  ; 
  list-style:none;
  text-align: center !important;
  width:100%;
   float:none;
   margin-left:auto;
   margin-right:auto; 
}

.header-article{
float:left;
width:100%;
height:100%;
padding:0px 0px 0px 0px !important;
border-bottom:1px solid #e2e2e2;
margin-bottom:40px;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 

}

.header-blog {
float:left;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
border-right:none;
border-bottom:1px solid #e2e2e2;
width:100%;		
}

.header-date {
float:left;
-webkit-box-sizing:border-box !important;
 -moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
width:100%;
}


/***TITRE ARTICLE GRILLE 12 / COLONNE 1 *****/
.grid_12 .span12  div.article-blog h2.article-header-blog,
.grid_12 div.article-blog > h2.article-header-blog, h2.article-header-blog {
font-size:15px;
text-align:center ;
}

/***TITRE ARTICLE GRILLE 12 / COLONNE 2 *****/
.grid_12 .span6 div.article-blog h2.article-header-blog{
font-size:15px;
}

/***TITRE ARTICLE GRILLE 12 / COLONNE 3 *****/
.grid_12 .span4 div.article-blog h2.article-header-blog{
font-size:15px;
}


/***TITRE ARTICLE GRILLE 9 / COLONNE 1 *****/
.grid_9 .span12 div.article-blog h2.article-header-blog {
font-size:15px;
}

/***TITRE ARTICLE GRILLE 9 / COLONNE 2 *****/
.grid_9 .span6  div.article-blog h2.article-header-blog{
font-size:15px;
}


/***TITRE ARTICLE GRILLE 9 / COLONNE 3 *****/
.grid_9 .span4 div.article-blog h2.article-header-blog{
font-size:15px;
}


/***TITRE ARTICLE GRILLE 6 / COLONNE 1 *****/
.grid_6 .span12 div.article-blog h2.article-header-blog{
font-size:15px;
}

/***TITRE ARTICLE GRILLE 6 / COLONNE 2 *****/
.grid_6 .span6 div.article-blog h2.article-header-blog{
font-size:15px;
}


/***TITRE ARTICLE GRILLE 6 / COLONNE 3 *****/
.grid_6 .span4 div.article-blog h2.article-header-blog{
font-size:15px;
}

 div.container_12 > div.grid_3 > div#left ,div.container_12 > div.grid_3 > div#right{
 width:100%;
 }
 
  h2.h1.large.no-mt{
display:none;

}

.content-slide p {
display:none;

} 

} 

@media only screen and (min-width: 0px) and (max-width: 420px) {

#box-footer1 {
color:#fff;
padding:100px 40px 100px 60px;
webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important; 
font-weight:bold;
}

div.article-blog {
padding: 10px 10px ;
background:#ffffff;
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
border:1px solid #e2e2e2;
margin-bottom:20px;
} 

div.article-blog span.article-info{
text-align: center !important; 
} 

.tag-category h3 a {
font-size: 14px;
display: inline !important;
color: #fff;
float: left;
padding: 15px 15px;
margin: 30px 10px 20px 10px; 
border-radius: 10px;
background: #161616;
text-shadow: none !important;
text-transform:capitalize;
font-weight:bold;
}

#title-breadcrumb {
float:left;
width:100%;
padding:30px 0;
margin-left:20px;

}

#title-breadcrumb h1 {
font-size:30px;
}

}