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

    body    {
    background-image:none;
     }

	#info, .sdesk {
		display:none; 
	}
	
    #mobHead480, .smob {
        display:block; 
	}

    #mobBand {
        font-size:1.5em; 
	}

	.csmob {
        display:none;
	}

   	.flex-caption {
        font-size:1.5em;
	}

    #contact {
        display:block; 
        font-size:0.75em;
	}

    .sboxL, .sboxR  {
        width: 100%;
     }

    .sboxI  {
        margin-left: 0;
     }

    .conbox2  {
        padding:10px;
        font-size:1em;
     }
    
    input {
       width:97%; 
	}

    .padding3AM {
       padding:0 2% 0 2% !important;
    }

    h1 {
        font-size:1.5em; 
	}

    h2 {
        font-size:1.25em; 
	}

    .femail  {
        font-size: 1em;
     }
    
    #tag {
        display:none; 
	}

    #mobtagcontainer480 {
        display:block; 
	}

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

span.footer {
    text-align:center;
    }

#barcon .floatleft, #barcon .floatright {
    float: none;
    }
    
    #otimes {
        margin:1em 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%;
     }

   #cookiescon {
        width:100%;
	}
     
.padding0 {
    padding:0.25% 2% 0.25% 2% !important;
}

.padding3 {
    padding-top:1em !important;
}

    #rotate  {
        font-size: 1em;
        padding-right: 0;
     }

    ul.qmar {
        margin-top:30px;
     }

.five-col-listCS ul li {
    width: 33.3%;
}
     
}

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

    .femail  {
        font-size: 0.75em;
     }
    
}

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

    #contactBox {
        font-size:0.75em;
    }

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

   	.flex-caption {
        font-size:2em;
	}
    
}

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

    #menuMobContainer, #slidesM {
        display:block; 
	}

	header {
		display:none; 
	}
	
    #slides {
	    display: none;
	}

    #slidesM {
	    display: block;
	}

   #enqcon2 {
        width:220px;
        top:inherit;
        bottom:0;
        left:50%;
        margin-left:-110px;
	}

   #enqcon2 img {
        max-width:20%;
        height:auto;
        vertical-align:middle;
	}

   span.enqin2, span.enqin2 i {
        display: inline-block;
    }    

   span.enqin2 {
        padding:0;
        letter-spacing:normal;
    }    

   span.enqin2 i {
        margin: 0 5px;
    }

   #eclose {
        position:absolute;
        right:-20px;
        top:5px;
	}

    .halfcon1, .halfcon2, .halfcon3, .halfcon4 {
       width:100%;
    }

    .mobcenter {
        text-align:left; 
	}
    
    #menu {
        display:none; 
	}

    .csmob {
        display:none; 
	}

    .csdesk {
        display:block; 
	}

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

    #topbarcon  {
        height: 0;
    }
    
    #socialM  {
        display:block;
        margin-bottom:1em;
     }

    #flagsBox {
        top:10px;
        right:10px;
    }

    #oebox, #oebox2  {
        position:static;
    }

.nf-breadcrumbs {
    /*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;
     }

}

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

    #wrapper {
        margin-top:0; 
	}

}

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

    .swipe  {
        display:block;
     }

    #menu ul li a {
      padding:10px 10px 10px 5px;
      font-size: 0.75em;
      }
    
    .mobsmall85 {
        font-size:85%; 
	}

}

@media only screen and (max-width : 1400px) and (min-width : 769px) {

#topbarinner, #ddmenu, #conwrapinner {
	padding: 0 3%;
    }

}


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

    .twocolfloat {
       width:100%;
    }    

}

@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%;
   }
   .box2, li.box2 {
      width: 100%;
   }
   .ppic {
      width: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
   .box2, li.box2 {
      width: 50%;
   }
   .box2:nth-child(4) {
   clear: both;
   }   
   li.box2:nth-of-type(3),
   li.box2:nth-of-type(5),
   li.box2:nth-of-type(7),
   li.box2:nth-of-type(9),
   li.box2:nth-of-type(11),
   li.box2:nth-of-type(13),
   li.box2:nth-of-type(15),
   li.box2:nth-of-type(17) {
   clear:both
   }   
   .ppic {
      width: 50%;
   }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 40%;
   }
   .box2, li.box2 {
      width: 33.3%;
   }
   .box2:nth-child(5) {
   clear: both;
   }
   li.box2:nth-of-type(4),
   li.box2:nth-of-type(7),
   li.box2:nth-of-type(10),
   li.box2:nth-of-type(13),
   li.box2:nth-of-type(16) {
   clear:both
   }   
   .ppic {
      width: 33.3%;
   }
}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
   .ppic {
      width: 25%;
   }
}

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

li.box2:nth-of-type(5),
li.box2:nth-of-type(9),
li.box2:nth-of-type(13),
li.box2:nth-of-type(17) {
   clear:both;
}

}