@media only screen and (min-width: 768px) and (max-width: 1170px) {   



}






/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.span3 {  float:none;  display:block;  } 
.span6 {  float:none;  display:block;  } 
.text-align-right {text-align:left;}
.align-right {float:none;  display:block; margin-bottom:40px;}
.align-left {float:none;  display:block; margin-bottom:40px;}

.text-title {text-align:center;}
.text-title-home {text-align:center; margin-bottom:20px;}

.columns3 {width: 100%;}
.columns4 {width: 100%;}

.fullwidth-header .social-icon {margin-right:20px;  margin-left:0;}


.logo-header {
  float:left;
  margin-top:25px;
  margin-bottom:10px;
}
.menu-header {
  float:right;
}

nav { 
    border:0px solid #ccc;
    border-width:0px 0;
}

#nav{display:none;}


}



/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.span3 {  float:none;  display:block;  } 
.span6 {  float:none;  display:block;  } 
.align-right {float:none;  display:block; margin-bottom:40px;}
.align-left {float:none;  display:block; margin-bottom:40px;}

.text-title {text-align:center;}
.text-title-home {text-align:center; margin-bottom:20px;}


.columns3 {width: 50%;}
.columns4 {width: 50%;}

.fullwidth-header .social-icon {margin-right:20px;  margin-left:0;}



.logo-header {
  float:left;
  margin-top:25px;
  z-index:3;
}
.menu-header {
  float:right;
  z-index:3;
}

nav { 
    border:0px solid #ccc;
    border-width:0px 0;
}


#nav{display:none;}

}