/* --------------------------------------------------------*/
/* THIS STYLESHEET IS USED TO CONTROL THE                  */
/* MOBILE APPEARANCE, BE CAREFULL EDITING THIS             */      
/* AS THE STYLES ARE LINKED TO THE ORIGINAL DESKTOP VERSION*/                               
/* --------------------------------------------------------*/
/* --------------------------------------------------------*/
/* MEDIA QUERIES                                           */
/* --------------------------------------------------------*/

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  MOBILE FIRST                                           */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media only screen and (max-width: 760px){
  /* --------------------------------------------------------*/
  /* STANDARD HTML TAG DEFINITION                            */
  /* --------------------------------------------------------*/
  body{
    font-size: 75%;
  }
  .wrapper{
    width: 95%;
  }
  .onefourth{
    margin: 0 0 0 0;
    width: 100%!important;
  }
  .threefourth{
    width: 100%!important;
    margin: 0 0% 0 0;
  }
  .onethird{
    margin: 42px 0% 0 0;
    width: 100%!important;
  }
  .twothird{
    width: 100%!important;
    margin: 0 0% 0 0;
  }
  #navigation ul{
    display: none;
  }
  #navigation #searchbox{
    display: none;
  }
  #header #topmenu{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  .btn.submit,
  .btn.create{
    width: 100%;
    padding: 20px 0px 20px 0px;
    text-align: center;
  }
    .btn.submit {
      width: 89%;
    }
  #navigation #mobilemenutoggle{
    display: block;
  }
/* --------------------------------------------------------*/
/* MOUSEOVER ELEMENTS                                      */
/* --------------------------------------------------------*/
  #photoshp #photogrid .photo:hover img,
  #photos .album .albumlink:hover  img,
  #albums .album .albumlink:hover  img,
  .scrollblock .block .image:hover  img{
    filter: blur(0px); 
    -webkit-filter: blur(0px); 
    -moz-filter: blur(0px);
    -o-filter: blur(0px); 
    -ms-filter: blur(0px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); 
  }
  #photoshp #photogrid .photo .hover .ico{
    display: none;
  }
  #photos .album .albumlink .overlay, 
  #albums .album .albumlink .overlay, 
  .scrollblock .block .image .overlay,
  #photos .album .albumlink .ico-chain, 
  #albums .album .albumlink .ico-chain, 
  .scrollblock .block .image .ico-chain{
    display: none;
  }
  #products .product a .mouseover{
    visibility: hidden;
  }
  /* --------------------------------------------------------*/
  /* HOMEPAGE BLOCK SLIDER                                   */
  /* --------------------------------------------------------*/
  #blockslider .block{
    width: 100%;
    margin: 0 1% 0 0;
    clear:both;
  }
  #blocks .name{
    word-wrap:break-word;
  }
  /* --------------------------------------------------------*/
  /* PAGINATION                                              */
  /* --------------------------------------------------------*/
  #pagination .pages .EachItem a {
    width: 38px;
    height: 23px;
    padding: 15px 0 0 0;
  }
  #pagination .pages .EachItem span {
    width: 38px;
    height: 23px;
    padding: 15px 0 0 0;
  }
  #pagination #arrowpagination .NextItem, 
  #pagination #arrowpagination .PreviousItem{
    padding: 5px;
  }
  #pagination #arrowpagination .PreviousItem {
    background: url(../images/sprites-arrows.png) 15px -7px no-repeat #DB3C00;
  }
  #pagination #arrowpagination .NextItem {
    background: url(../images/sprites-arrows.png) -15px -7px no-repeat #DB3C00;
  }
  #pagination #arrowpagination .PreviousItem.Disabled {
    background: url(../images/sprites-arrows.png) 15px -7px no-repeat #dddddd;
  }
  #pagination #arrowpagination .NextItem.Disabled{
    background: url(../images/sprites-arrows.png) -15px -7px no-repeat #dddddd;
  }
  #pagination #arrowpagination {
    margin: 20px 0px 20px 0px;
    clear: both;
  }
  /* --------------------------------------------------------*/
  /* HOMEPAGE PHOTOALBUM                                     */
  /* --------------------------------------------------------*/
  #photoshp #photogrid .photo{
    height: 40%;
    width: 46.9%;
    margin: 2% 5% 0 0;
  }
  #photoshp #photogrid .photo.last{
    margin: 2% 5% 0 0;
  }
  #photoshp #photogrid .photo:nth-child(2n+2){
    margin: 2% 0 0 0;
  }
  #photoshp #photogrid .photo{
    position: relative;
  }
  #photoshp #photogrid .photo .hover{
    height: 100%;
    width: 100%;
  }
  #photoshp #photogrid .photo .hover .ico{
    margin: 50% auto;
  }
  #photos .album, 
  #albums .album{
    width: 47%;
    margin: 0 5% 5% 0;
  }
  #photos .album:nth-child(2n+2), 
  #albums .album:nth-child(2n+2){
    margin: 0 0 5% 0;
  }
  /* --------------------------------------------------------*/
  /* HOMEPAGE OTHER ELEMENTS                                 */
  /* --------------------------------------------------------*/
  #contentslider{
    display: none;
  }
  .scrollrow .scrollblock{
    clear: both;
  }
  #blocks .pager{
    display: none;
  }
  #blocks .block {
    width: 47.5%;
    margin: 2% 5% 0 0;
  }
  #blocks .block:nth-child(2n+2) {
    margin: 2% 0 0 0;
  }
  
  #photoshp {
    margin: 8% 0 0 0 ;
  }
  
  /* --------------------------------------------------------*/
  /* PORTFOLIO                                               */
  /* --------------------------------------------------------*/
  #projectcontainer .left,
  #projectcontainer .right {
    width: 100%;
  }
  
  /* --------------------------------------------------------*/
  /* LOGIN                                                   */
  /* --------------------------------------------------------*/
  #login .row .label {
    display: block;
    text-align: left;
  }
  #login .row .inputtext {
    clear: both;
    width: 100%;
  }
  #login .row .inputtext input{
    padding: 11px 8px;
    width: 94%;
  }
  #login #loginwrapper {
    margin: 20px 22px 0px 22px;
    width: 84%;
  }
  
  /* --------------------------------------------------------*/
  /* FOOTER                                                  */
  /* --------------------------------------------------------*/
  #footer{
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
  }
  #footer #newsletter{
    margin: 0 0 0 0;
  }
  #footer #newsletter .unsubscribe {
    display: none;
  }
  
  #bottomfooter #information{
    text-align: center;
  }
  #bottomfooter #information .seperator{
    display: none;
  }
  #bottomfooter #information span,
  #bottomfooter #information a{
    clear: both;
    text-align: center;
    display: block;
    float: none;
  }
  #shortlinks{
    float: left;
    width: 100%;
  }
  #footer #bottomfooter a{
    display: block;
    clear: both;
    text-align: center;
    float: none;
    margin: 0 0 1px 0;
    width: 99.9%;
    height: 41px;
    padding: 4px 0 0 0;
    border: 0px solid red;
    font-family: 'RopaSansRegular';
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    background: #DB3C00;
    height: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
  }
  #footer #bottomfooter a:hover{
    text-decoration: underline;
    color: #ffffff;
  }
  
  #shortlinks  .seperator{
    display: none;
  }  
  #footer #newsletter .emailinput{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 11px 0 11px 10%;
    width: 89.7%;
    background: url("../images/sprites.png") no-repeat scroll -154px 11px #FFFFFF;
  }
  #footer #newsletter .submit{
    width: 99.9%;
    margin: 5px 0 0 0;
    height: 41px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  #footer #contact{
    margin: 42px 0 0 0;
  }
  /* --------------------------------------------------------*/
  /* SIDEBAR                                                 */
  /* --------------------------------------------------------*/
  .sidebar{
    text-align: center;
  }
  .sidebar a{
    padding: 5px 0 5px 0;
  }
  
  .sidebar .subnavigationtitle {
    margin: 20px 0px 0px 0px;
  }
  .sidebar .subnavigation li a {
    background: #DB3C00;
    color: #FFFFFF;
    font-family: 'RopaSansRegular';
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    margin: 0 0 1px;
    padding: 9px 0 0;
    text-align: center;
  }
  .sidebar .subnavigation li a:hover{
    color: #FFFFFF;
  }
  .sidebar .subnavigation li.current a, .sidebar .subnavigation li a:hover{
    background: #3A3A3A;
    color: #FFFFFF;
  }
  
  /* --------------------------------------------------------*/
  /* WEBSHOP                                                 */
  /* --------------------------------------------------------*/
  #webshop #webshoptop{
    padding: 0px 0 10px 0;
  }
  #products .product{
    float: left;
    width: 43%;
    margin: 0 10% 10% 0;
    position: relative;
  }
  #products .product.last{
    margin: 0 10% 10% 0;
  }
  #products .product:nth-child(2n+2){
    margin: 0 0 0 0;
  }
  #productDetails .image {
    width: 100%;
    float: none;
    clear: both;
  }
  #productDetails .addtocart{
    position: relative;
    clear:both;
    top: auto;
    right: auto;
    display: block;
    text-align: center;
    margin: 15px 0 15px 0;
  }
  #productDetails #productinfo{
    width: 100%;
    float:left;
  }
  #productDetails #productinfo .price{
    display: block;
    margin: 15px 0 0 0;
  }
  #productDetails #productinfo .vattext{
    display: block;
  }
  #productDetails #ProductType td{
    padding: 5px 0 5px;
  }
  /* --------------------------------------------------------*/
  /* SHOPPINGCART TOP                                        */
  /* --------------------------------------------------------*/
  #shoppingcart{
    width: 100%;
  }  
  #header #topmenu .shoppingcartadded{
    width: 100%;
    margin: 43px 0 0 0;
  }
  #shoppingcart .cartitem{
    width: 100%;
  }
  #shoppingcart .cartitem .iteminfo{
    width: auto;
  }
  #shoppingcart .cartitem .image{
    width: auto;
  }
  #header #topmenu .shoppingcartadded .total .left{
    float:right!important;
    text-align: right;
    margin: 0 15px 10px 0;
  }  
  #header #topmenu .shoppingcartadded .total .left .inctaxes{
    float: right;
  }  
  #shoppingcart .cartitem .iteminfo .info .attributes{
    display: none;
  }
  .shoppingcartadded #checkout{
    display: none;
  }
  #webshop #webshoptop .totalproducts{
    clear:both;
    display: block;
    float: none;
    padding: 10px 0 0 0;
    text-align: center;
  }
  /* --------------------------------------------------------*/
  /* REGISTER/BILLING                                        */
  /* --------------------------------------------------------*/
  #register .harmonica .item .information .row .label, 
  #billingoverview .item .information .label {
    clear:both;
    width: 100%;
    text-align: left;
    margin: 0 0 5px 0 ;
  }
  #register .harmonica .item .information .row .inputtext, 
  #billingoverview .item .information .row .inputtext {
    clear:both;
    width: 100%;
  }
  /* --------------------------------------------------------*/
  /* ROUTE/CONTACT                                           */
  /* --------------------------------------------------------*/
  #route #routeformmobile{
    margin: 15px 0 0 0;
    position: relative;
  }
  #route #routeformmobile .form{
    width: 93%;
  }
  #route #routeformmobile .inputText{
    width: 100%;
    padding: 8px 3% 7px 3%;
  }
  #contactform .inputtext input,
  #contactform .inputtext textarea,
  #postcomment #information .inputtext input,
  #postcomment #information .inputtext textarea{
    width: 93%;
    padding: 8px 3% 7px 3%;
  }
  #contactform .inputtext #countdown{
    margin: 5px 0 10px 0;
  }
  #contactform .btn,
  #commentsection .btn,
  #register  .btn{
    width: 100%;
  }
  #login .btn{
    width: 85%;
    float: none;
    display: block;
    margin: 0 0 0 22px;
  }
  
  /* --------------------------------------------------------*/
  /* BLOG                                                    */
  /* --------------------------------------------------------*/
  #CaptchaBox .code #captchacode {
    width: 82%;
  }
  
  #postcomment {
    margin: 20px 0px 0px 0px;
  }
  
  #information {
    margin: 0px 0 0 0;
  }
  
  /* --------------------------------------------------------*/
  /* SEARCH                                                  */
  /* --------------------------------------------------------*/
  #searchbox.searchresults #Search__Value{
    width: 93%;
  }
  #searchresults .SearchRowEven, #searchresults .SearchRowOdd {
    width: 96%;
  }
  
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  TABLETS                                                */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*@media only screen and (min-width: 481px){*/
@media only screen and (min-width: 761px) and (max-width: 1000px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 and 854x480 phones*/
  .wrapper{
    width: 95%;
  }
  #navigation ul{
    display: none;
  }
  #navigation #searchbox{
    display: none;
  }
  #contentslider{
    display: none;
  }
  #routeformmobile{
    display: none;
  }
  #navigation #mobilemenutoggle{
    display: block;
  }
  #photoshp #photogrid .photo{
    height: 30%;
    width: 30%;
    margin: 2% 3% 0 0;
  }
  #photoshp #photogrid .photo.last{
    margin: 2% 3% 0 0;
  }
  #photoshp #photogrid .photo:nth-child(3n+3){
    margin: 2% 0 0 0;
    float:right;
  }
  #photoshp #photogrid .photo{
    position: relative;
  }
  #photoshp #photogrid .photo .hover{
    height: 100%;
    width: 100%;
  }
  #photoshp #photogrid .photo .hover .ico{
    /*margin: 0 auto;*/
    display: none;
  }
  #photos .album, 
  #albums .album{
    width: 47%;
    margin: 0 5% 5% 0;
  }
  #photos .album:nth-child(2n+2), 
  #albums .album:nth-child(2n+2){
    margin: 0 0 5% 0;
  }
  /* --------------------------------------------------------*/
  /* PAGER HOMEPAGE                                          */
  /* --------------------------------------------------------*/
  .toptitle .pager .button{
    height: 29px;
    width: 29px;
  }
  .toptitle .pager .button .prev{
    background: url(../images/sprites-arrows.png) 12px -35px no-repeat;
    width: 29px;
    height: 29px;
    display: block;
  }
  .toptitle .pager .button .next{
    background: url(../images/sprites-arrows.png) -9px -35px no-repeat;
    width: 29px;
    height: 29px;
    display: block;
  }

  #photoshp #photogrid .photo .hover .ico{
    /*margin: 0 auto;*/
    display: none;
  }
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  DESKTOP FIXES                                          */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media only screen and (min-width: 1000px){
  /* big landscape tablets, laptops, and desktops*/
  .wrapper{
    width: 940px;
  }
  #navigation ul{
    display: block;
  }
  #navigation #searchbox{
    display: block;
  }
  #navigation #mobilemenutoggle{
    display: none;
  }
  #cbp-spmenu-s2{
    display: none;
  }
  #closemobilemenu{
      display: none;
  }
  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
      left: 0px;
  }
  #contentslider{
    display: block;
  }
  #routeformmobile{
    display: none;
  }
  .toptitle .pager .button{
    height: 19px;
    width: 19px;
  }
  .toptitle .pager .button .prev{
    background: url(../images/sprites-arrows.png) 6px -40px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
  }
  .toptitle .pager .button .next{
    background: url(../images/sprites-arrows.png) -14px -40px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
  }

}
/* Mobile menu media queries */
@media screen and (max-width: 55.1875em){
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }
    .cbp-spmenu-top {
        top: -110px;
    }
    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}
@media screen and (max-height: 26.375em){
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }
    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }
    .cbp-spmenu-right {
        right: -190px;
    }
    .cbp-spmenu-push-toright {
        left: 190px;
    }
}