@media only screen and (min-width: 1281px) and (max-width: 1650px) {
#sitename a {
margin-left:40px;
}
}

@media only screen and (min-width: 981px) and (max-width: 1280px) {
 

#navigation ul.menu li a {
padding:10px 8px 0px 8px !important;
}

#sitename a:after {
display:none;	
}


#nav-top {
}

#block-top .moduletable-icon-center h3,
#block-feature .moduletable-icon-center h3,
#block-beforecontent .moduletable-icon-center h3,
#block-aftercontent .moduletable-icon-center h3,
#block-bottomcontent .moduletable-icon-center h3,
#block-footertop .moduletable-icon-center h3,
#block-footerbottom .moduletable-icon-center h3 {
font-size:22px;
letter-spacing:2px;	

}

#block-top .moduletable-icon-center i,
#block-feature .moduletable-icon-center i,
#block-beforecontent .moduletable-icon-center i,
#block-aftercontent .moduletable-icon-center i,
#block-bottomcontent .moduletable-icon-center i,
#block-footertop .moduletable-icon-center i,
#block-footerbottom .moduletable-icon-center i {
font-size:40px;
}


}


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


#navigation ul.menu li {
font-size:11px !important;
letter-spacing:0px;

}

#sitename a {
font-size:25px;
}

#navigation ul.menu li a {
padding:0px 7px 0px 7px !important;
}

#sitename a:after {
display:none;	
}

.wrapper{
 width:100%; 
 margin-top:0px;
 margin-bottom:0px;

} 

.header{
width: 100%;
position: relative;
height: 100px;
background:#fff;
padding-top:0px ; 
margin-top:0;

}

header#header.header.fixedHeader {
width: 100%;
margin-left:0;
margin-right:0;
background:#fff;
} 

#header-bottom{
float:left;
width: 100%;
position: relative;
height: 88px ;
margin:0px 0 10px 0 !important;
}

/* .menuButon{
    width: 100%;
    position: relative;
    text-align: center !important;
    margin-top: 15px;
    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#header-bottom > div.container_12,div#header-bottom > div.container_12 > div.grid_1 {
width:100%;
text-align:center !important;
} */

}


@media only screen and (min-width: 0px) and (max-width: 799px) {
.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
width:100%;
}

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

.cols-2 .column-2 {
width: 100%;
float: right;
margin: 0
}

.cols-3 .column-1 {
float: left;
width: 100%;
padding: 0 ; 
margin-right: 0;
margin-bottom: 0%;
}

.cols-3 .column-2 {
float: left;
width: 100%;
margin-left: 0;
padding: 0 px;
margin-bottom: 0%;
}

.cols-3 .column-3 {
float: right;
width: 100%;
padding: 0 px;
margin-bottom: 0%;
}


 .menuButon{
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 15px;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
} 

 #sitename{
width: 100%;
text-align: center;
margin-top: 27px;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
 -ms-transition: all ease 700ms;
 -o-transition: all ease 700ms;
 
} 

 #sitename a{
background:none;
font-weight:700;
transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
 padding:0 0 20px 0;
margin:0px 0 0 0; 
font-size:35px;
text-align:center;
letter-spacing:4px;
} 


#sitename a:after {
display:none;	
}



#header-top{
width: 100%;
position: relative;
 height: 40px ;
 padding-bottom:25px;
}

#header-bottom{
}
.grid_1 #search{
display:none;
}

.grid_1 .menuButon{
padding-top:10px;
margin-bottom:50px;
}
.grid_10 #navigation {
display:none;
}


}