@media screen {
    /* MOBILE */
    
    main{clear:left;width:100%;margin:0 auto;padding:0;height:auto;overflow:auto;}
    
    .categoryRow{width:100%;overflow:visible;background-image:url('/design/image/hatch.png');padding:10px 0;}
    .categoryContainer{background-color:#0060aa;height:auto;overflow:auto;}
    .categoryContainer ul{margin:0 auto;list-style:none;text-align:center;color:#fff;}
    .categoryContainer ul li{float:left;width:9.09%;}
    .categoryContainer ul li img{width:100%;max-width:80px;margin:0 auto;display:inline-block;}
    .categoryContainer ul li img:HOVER{transition: transform .5s;transform: scale(1.1);}
    .categoryContainer ul li a.cat{width:100%;display:inline-block;padding:10px;}
    .categoryContainer ul li a.cat:HOVER{background-color:rgba(0,0,0,1);}
    .categoryContainer ul li a.pro{width:100%;display:inline-block;padding:10px;background-color:rgb(0,58,102);}
    .categoryContainer ul li a.pro:HOVER{background-color:rgba(0,0,0,1);}
    
    .newsSection{z-index:10;width:100%;height:auto;background-color:#fff;overflow:auto;padding:40px 0 20px 0;}
    .newsContainer{}
    .news{clear:both;padding:20px;}
    .newsBox{width:100%;height:auto;overflow:auto;padding:20px;}
    .newsBox{float:left;width:100%;padding:20px;border-radius:5px;cursor:pointer;}
    .newsBox:HOVER{background-image:url('/design/image/hatchFaded.png');}
    .newsBox .title{display:block;padding-bottom:20px;font-size:21px;text-align:center;}
    .newsBox .image{padding-bottom:20px;}
    .newsBox .image img{width:100%;border-radius: 5px;}
    .newsBox .lead{font-size:14px;line-height:150%;}
    .newsBox .date{font-size:12px;text-align:center;color:rgba(0,0,0,0.3)}
    
    .bannerSection{margin:0 auto;height:auto;background-color:rgb(0,96,170);}
    .bannerSection p{position:absolute;top:20px;padding:15px 40px;background-color:rgba(0,96,170,0.8);font-size:18px;line-height:140%;font-weight:bold;color:#fff;}
    
    .staffSection{height:auto;display:block;padding:40px 20px;overflow:auto;background-image:url('/design/image/hatchFaded.png')}    
    .staffBox{padding:20px;}
    .staffBox img{transition: transform .5s;border-radius: 5px;}
    .staffBox img:HOVER{transform: scale(1.02);}
    .staffBox:HOVER{background-color:rgba(0,0,0,0.1);}
    .staffName{margin-top:15px;font-size:17px;font-weight:100;text-align:center;text-transform: uppercase;}
    .staffFirstName{margin-top:2px;font-size:15px;font-weight:100;text-align:center;}
    .staffJob{margin-top:10px;font-size:13px;font-weight:100;text-align:center;color:#1d5199;}
    
    .streetViewRow{}    
    .streetView {width:100%;margin:0 auto;padding:0;position: relative;padding-bottom: 100%;height: 0;overflow: hidden;}
    .streetView iframe {position: absolute;top: 0; left: 0;width: 100%; height: 100%;padding:0;transition: transform .5s;}
    .streetView iframe:HOVER {opacity: 1;transform: scale(1.0);}
    .streetView .mask {position: absolute;bottom: 0px;width: 100%; z-index:5;opacity: 0.8;}
    .streetView .mask p{background-color: #0060aa;text-align:center;padding:20px;color:#fff;font-size:24px;font-weight:bold;}
    p.allow{width: 100%;background-color:#0060aa;padding:200px 30px;text-align:center;color:#fff;}
    p.allow a{color:#000;}
    p.allow a:HOVER{color:#fff;text-decoration: underline}
    
    .overlay{z-index:1000;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.2);background-image:url('/design/image/hatch.png');padding:0;}
    .overlay-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:80%;border-radius:10px;border:20px solid rgba(0,96,170,0.9);background-color:rgba(255,255,255,0.9);background-size: cover;padding:40px;}
    .overlay-text{font-size:15px;text-align:center;line-height:160%;}
    .overlay-text b{font-size:17px;}
    .overlay-content p{margin:0 auto 20px auto;font-size:18px;text-align:center;line-height:160%;}
    .overlay-content .small{font-size:16px;line-height:160%;}
    .overlay-content img{margin:0 auto;}
    
}

@media screen and (min-width: 768px) {
    /* TABLET */
    #menuRow{margin-top:400px;width:100%;overflow:visible;background-image:url('/design/image/d9241c090.png');border-bottom:10px solid #464241;}
    .menuContainer{height:200px;display:block;overflow:visible;}
    .menu{list-style:none;float:left;width:25%;height:210px;background-position:top center;position:relative;cursor:pointer;}
    .menu p.name{display:inline;padding:30px 20px;font-size:18px;}
    .helmetTrigger{background-position:top center;background-size:140%;}
    .briefTrigger{background-position:top center;background-size:140%;}
    .tentTrigger{background-position:top center;background-size:140%;}
    .trackTrigger{background-position:top center;background-size:140%;}
    .floating{z-index:5;background-image: url('/design/image/d9241c090.png');position:relative;top:200px;padding:10px 0 20px 0;display:none;}
    .mobileFloating{display:none !important}
    .newsBox{width:50%;}
    .offerBox{float:left;width:33.33%;padding:0 30px 80px 30px;cursor:pointer;}
    .smsRow p{font-size:30px;}    
    
    .categoryContainer ul li{float:left;}
    
    .bannerSection{margin:0 auto;height:auto;}
    .bannerSection p{position:absolute;top:40px;padding:20px 40px;background-color:rgba(0,96,170,0.8);font-size:27px;line-height:140%;font-weight:bold;color:#fff;}
    
    .streetView {padding-bottom:50%;}
    .streetView .mask p{border-radius: 0;font-size:30px;}
    
    .overlay-content{padding:50px;min-width:200px;}
    
    
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */   
    .categoryContainer{}
    .categoryContainer ul{max-width:1360px;}
    .newsSection{max-width:1360px;margin:0 auto;}
    .newsBox{width:33.33%;}
    .socialBox{width:100%;}  
    
    .bannerSection{max-width:1360px;}
    .bannerSection p{position:absolute;top:40px;padding:20px 40px;background-color:rgba(0,96,170,0.8);font-size:27px;line-height:140%;font-weight:bold;color:#fff;}
    
    .staffSection{max-width:1360px;margin:0 auto;overflow:hidden;text-align:center;}
    .staffBox{}
    
    .streetView{max-width:1360px;padding-bottom:30%;}
    .streetView .mask p{font-size:36px;}
    p.allow{max-width: 1360px;margin:0 auto;text-align:center;}
}