@media (max-width: 770px){

#content.content25-75 .left-content{width:35%;}

#content.content25-75 .right-content{width:65%;}

#content.content75-25 .left-content{width:65%;}

#content.content75-25 .right-content{width:35%;}

.four-column{width:50%; margin:0px 0px 30px 0px!important;}

.four-column.column-first, .four-column.column-third{padding-left:0px;}

.four-column.column-second, .four-column.column-last{padding-right:0px;}

.caption-wrapper{display:none;}

.frame-galleryFixHeight .ce-row .ce-column img { height: 170px !important;}

}

@media (max-width: 760px){

  ul.menu{
    
    display:none;
    padding: 40px 20px 20px 20px;
    
  }
  
  ul.menu > li{
  
    width:100%;
  
  }
  
  ul.menu > li > a{
  
    padding:10px 0px;
    width:100%;
  
  }
  
  ul.menu > li > a.parent{background:url(../images/menu/open-submenu.png) no-repeat right center;}
  
  ul.menu > li.hover > a.parent{background:url(../images/menu/close-submenu.png) no-repeat right center;}
  
  .menu > li > ul {
  
    width:100% !important;
    border-bottom:1px solid #fff;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    
  }
  
  .menu > li.hover > ul , .menu li li.hover ul {
  
    display:block !important;
  
  }
  
  .menu > li > ul {display:none !important;}

ul.menu > li > a.parent{color:#fff; padding:10px 0px !important;}
  
  ul.menu > li.first {margin-left: 0px;}
  
  ul.menu > li.active > a {padding:10px;}
  
  #content.content75-25 .right-content, #content.content75-25 .left-content, #content.content25-75 .left-content, #content.content25-75 .right-content{width:100%; padding-left:0px; padding-right:0px;}
  
  .two-column, .three-column{width:100%; padding:0px; margin:0px !important;}
  
  .two-column.column-first, .three-column.column-first, .three-column.column-second{padding-bottom:30px;}
  
  
  label.powermail_label, .powermail_field{width:100%; }
  
  label.powermail_label{padding-bottom:5px;}

ul.menu > li.first{margin-left:0px;}

ul.menu > li.hover > a{color:#fff;}

ul.menu > li.active > a{padding:10px;}

}

@media (max-width: 660px){

  .four-column{width:100%; padding:0px 0px 0px 0px;}
  
  .frame-gallery .ce-row .ce-column{width:48%; margin-right:4%; margin-bottom:4% ;}

.frame-gallery .ce-row .ce-column .image{margin-bottom:4% ;}

.frame-gallery .ce-row .ce-column:nth-child(2) {margin-right:0;}

.ce-textpic.ce-right .ce-gallery{width:100%; margin-left:0px; margin-bottom:20px;}

.ce-textpic.ce-left .ce-gallery{width:100%; margin-right:0px; margin-bottom:20px;}

.frame-galleryFixHeight .ce-row .ce-column img {height: 250px !important;}

.frame-galleryFixHeight .ce-row{width:48%; margin-right:4%; margin-bottom:4% ;}

.frame-galleryFixHeight .ce-row:nth-child(2) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(4) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(6) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(8) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(10) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(12) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(14) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(16) {margin-right:0;}


}

@media (max-width: 600px){

  #content .csc-textpic-intext-left .csc-textpic-imagewrap, #content .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,#content .csc-textpic-intext-right .csc-textpic-imagewrap, #content .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{width:100%; padding:0px 0px 20px 0px !important; float:left; margin:0px;}

  #content div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, #content .csc-textpic-intext-right-nowrap .csc-textpic-text{width:100%; margin:0px;}
  
  #content div.ce-textpic .image img{width:100% !important; height:auto !important;}
  
  .ce-textpic.ce-left.ce-intext .image{margin-right:0px; padding-right:0px !important;}
  
  .csc-textpic-intext-left-nowrap .csc-textpic-text{width:100%; padding:0; float:left; margin:0px;}

}

@media (max-width: 540px){

  ul.footer-menu, ul.footer-social{width:100%;}
  
  ul.footer-menu{margin-bottom:20px;}

 .logo{width: 100%; height:auto;}

 .logo img{width:100%; height:auto; display:block;}

.frame-galleryFixHeight .ce-row .ce-column img {width:100% !important; height: auto !important;}

.frame-galleryFixHeight .ce-row{width:100%; margin-right:0; margin-bottom:4% ;}


}

