@media only screen and (min-width: 737px) and (max-width: 960px) {
 div#navigation {
  visibility:hidden;
 }
}


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

#search {
margin-top:47px;
position:relative;
float:right;
}

.copyright {
color:#fff;
font-size:70px;
font-weight:bold;
padding:40px 20px 0px 50px;
text-align:left;
line-height:80px;
box-sizing: padding-box;
box-sizing: content-box;
}

#block-footerbottom   {
padding-top:0px !important;
}

.sep{
display:none;
}

#block-top .moduletable,
#block-feature .moduletable ,
#block-beforecontent .moduletable,
#block-aftercontent .moduletable,
#block-bottomcontent .moduletable,
#block-footertop .moduletable {
margin:40px 20px;
}

#block-top .moduletable-icon-center,
#block-feature .moduletable-icon-center,
#block-beforecontent .moduletable-icon-center,
#block-aftercontent .moduletable-icon-center,
#block-bottomcontent .moduletable-icon-center,
#block-footertop .moduletable-icon-center{
margin:60px 20px;
}

#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;
}

.ct-preloader .ct-preloader-content {
position: absolute;
z-index: 99999;
top: 50%;
margin-top: -64px;
left: 50%;
margin-left: -24px; height: 64px;
width: 64px; 
background: url(../images/loading.gif);
}
} 

@media only screen and (min-width: 1201px) and (max-width: 1500px) {
#navigation ul.menu li a {
padding:10px 0px 10px 0px ; 
margin:39px 18px 25px 18px;  
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:bold; 
height:20px;
font-size:12px ;
letter-spacing: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;
	
} 
}


@media only screen and (min-width: 1001px) and (max-width: 1200px) {
#navigation ul.menu li a {
padding:10px 0px 10px 0px ; 
margin:39px 8px 25px 8px;  
text-decoration:none !important;
text-transform: uppercase !important ;
display:inline-block !important ;
font-weight:bold; 
height:20px;
font-size:12px ;
letter-spacing: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;
	
} 

#slideshow h3,#gallery h3,#blogissimo h3{
font-size:32px;
}
}


@media only screen and (min-width: 0px) and (max-width: 1000px) {
.menuButon{
position:absolute !important;
top:5px;
left:40px;
position: relative;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
width: 50px;
height:180px;
}

.menuButon a{
position:inherit;
display: inline-block;
width: 50px;
height:100px;
}

#sitename{
width: 100%;
text-align: center;
margin-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;
}

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

div.page-header h1,
div.content-category h1,
div.categories-list h1,
div.search h1.page-title,
div.finder h1,
div.contact h1,
.tag-category h2 {
position:relative;
font-size:30px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
margin:40px 0 80px 0;
padding:0 0 25px 0;
background: url(../images/bg-h3.png) 50% 100% no-repeat;
letter-spacing:5px;
}

#gallery h3{
font-size:23px;
}

#timeline-module h3{
padding:0px 5px 0px 5px;
margin:-20px 30% 0 30%;
font-weight:bold;
font-size:23px;
color:#fff;
text-transform:uppercase;
display:block-inline;
letter-spacing:2px;	
background:#000;
}

#slideshow h3{
padding:0px 20px 30px 20px;
margin:-50px 30% 0 30%;
font-size:23px;
}

#blogissimo h3{
text-align:center !important;
padding:0px 15px 30px 15px;
margin:-50px 30% 0 30%;
font-weight:bold;
font-size:23px;
color:#fff;
text-transform:uppercase;
display:block;
letter-spacing:2px;	
background:#000;
}

h4.lp-title-lp-3columns a {
font-weight:bold;
color:#fff;
font-size:15px !important;
}

.copyright {
color:#fff;
font-size:70px;
font-weight:bold;
padding:40px 20px 0px 50px;
text-align:left;
line-height:80px;
box-sizing: padding-box;
box-sizing: content-box;
}

#block-footerbottom   {
padding-top:0px !important;
}

.sep{
display:none;
}
}

@media only screen and (min-width: 901px) and (max-width: 1100px) {
.leading-0 {
width:100%;
}
 .cols-1 {
width:100%;
}

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

.cols-2 .column-2 {
width: 45%;
float: left;
margin-right: 4%
}

.cols-3 .column-1 {
float: left;
width: 43%;
padding: 0 5px; 
margin-right: 2%
}

.cols-3 .column-2 {
float: left;
width: 43%;
margin-right: 2%
}

.cols-3 .column-3 {
float: left;
width: 43%;
margin-right: 2%
} 

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

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

@media only screen and (min-width: 0px) and (max-width: 900px) {
.leading-0 {
width:100%;
}
 .cols-1 {
width:100%;
}

.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%;
} 

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

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


@media only screen and (min-width: 0px) and (max-width: 1000px) {
p.subtitle{
  margin-left:5px !important;
  margin-bottom:0px!important;
  letter-spacing:2px;
}
}

@media only screen and (min-width: 1580px) and (max-width: 1780px) {
.copyright {
color:#fff;
font-size:135px;
font-weight:bold;
padding:160px 20px 0px 50px;
text-align:left;
line-height:150px;
box-sizing: padding-box;
box-sizing: content-box;
}
}

@media only screen and (min-width: 1401px) and (max-width: 1581px) {
.copyright {
color:#fff;
font-size:115px;
font-weight:bold;
padding:180px 20px 0px 50px;
text-align:left;
line-height:120px;
box-sizing: padding-box;
box-sizing: content-box;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1490px) {
div#block-footer div.container_12 div.grid_6 {
width:100% !important;
}

.copyright {
color:#fff;
font-size:70px;
font-weight:bold;
padding:40px 20px 0px 50px;
text-align:left;
line-height:80px;
box-sizing: padding-box;
box-sizing: content-box;
}

#block-footerbottom   {
padding-top:0px !important;
}

.sep{
display:none;
}
}