@media only screen and (max-width: 480px) {

    body    {
    background-image:none;
     }

	#info {
		display:none; 
	}
	
    #mobHead480 {
        display:block; 
	}

    #mobBand {
        font-size:1.5em; 
	}

	.csmob {
        display:none;
	}

    #contact {
        display:block; 
	}

    input {
       width:97%; 
	}

    h1 {
        font-size:1.5em; 
	}

    h2 {
        font-size:1.25em; 
	}

    #tag {
        display:none; 
	}

    #mobtagcontainer480 {
        display:block; 
	}

    .flogo, .ftext {
        text-align:center; 
	}

.CSRMargin {
	margin-right:0;
    margin-top:0;
    }

    #social  {
        display:none;
     }

    #footerL {
        border-right:none;
     }

    #footerL {
        padding:0;
     }

    #footerC {
        padding:0;
        border-left:none;
        border-right:none;
     }

    #footerR {
        padding:0;
     }

    .colnm {
         text-align:center;
     }
     img.isize, img.isize2 { 
         max-width:100%;
     }

}

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

    body    {
    background-image:none;
     }

	#info {
		display:none; 
	}
	
    #mobHead768 {
        display:block; 
	}

	#mobQLinks {
        display:block;
	}

    #contact {
        display:block; 
	}

    h1 {
        /*font-size:1.5em;*/ 
	}

	.infoBoxInner {
		font-size:0.675em;
        padding:0 1em;        
	}

}

@media only screen and (max-width: 1048px) and (min-width: 481px) {

    #contactBox {
        /*font-size:0.75em;*/
    }

    #footerR p {
        font-size:0.75em;
    }

}

/*Vary this max-width if you need to switch to mobile menu sooner */
@media only screen and (max-width: 768px) {

    #menuMobContainer {
        display:block; 
	}

	header {
		display:none; 
	}
	
    #slides {
	    padding-top: 0;/*use padding instead of margin for IE& which doesn't like margin-top after absolute position div*/
	}

    #menu {
        display:none; 
	}

    .csmob {
        display:none; 
	}

    .span_5_of_7csmob {
  	width: 100%;
	margin-left: 0;
    }

    #socialM  {
        /*display:block;*/
     }
     
}

@media only screen and (max-width: 860px) {

    #cbText  {
              top:40px;
              font-size:0.675em;
     }

}

@media only screen and (max-width: 900px) {

    #info  {
      font-size:0.75em;
     }

    #menu li a {
      letter-spacing:normal;
      }

    #menucon {
        font-size:0.875em; 
	}

}

@media only screen and (max-width: 980px) {

    #wrapper {
        margin-top:0; 
	}

}

@media only screen and (max-width: 1024px) {

    .swipe  {
        display:block;
     }
}

@media only screen and (min-width: 1281px) {

    .show1280  {
        display:block;
     }

    .hide1280  {
        display:none;
     }

}

/* Media Queries for responsive thumbnails grid for galleries */

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
}