/* Overall Layout */
span.small {display:inline;}

div#contentbox {margin-top:34px; background:none;}
div#content {padding-left:25px; padding-right:25px; padding-top:0; width:608px;}
div#rightbox {margin-top:34px;}
div#basenav {display:none;}
div#content h2 {font-size:21px;}


/* Slider */
.tx-ff-owl-slider img {display:block; line-height: 0; width: 100%; height:auto;}

.caption-wrapper {position: absolute; bottom:35px; right:0; width:450px; height:220px; background-color:rgba(255,255,255,.86);
  padding-left: 42px; padding-right: 60px; border-top-left-radius:18px; border-bottom-left-radius:18px; box-sizing: border-box;
}
.caption-wrapper h3 {color: #737373; line-height: 32px; font-size: 22px; margin-bottom: 8px;}
.caption-wrapper p {padding: 0; margin:12px 0; line-height: 24px; font-size: 16px; color: #333333;}

.owl-controls {display:block !important; position:absolute; bottom:20px; left:20px;}
.owl-theme .owl-controls .owl-page span {width:16px; height:16px; background-color:#fff; opacity:1; margin:5px;}
.owl-theme .owl-controls .owl-page.active span {background-color:#3886c0;}

/* Media queries */
@media only screen
and (max-width : 1000px) {
  div#contentbox {float:left; width:70%; margin-top:5%;}
  div#content {width:96%; padding:0 2%;}
  div#right div.frame-default {margin-bottom:5%;}
  div#rightbox {float:left; width:30%;}
  div#right {width:88%; padding:0 6%;}
  div#right div.frame-custom-22 {}
  div#right div.frame-custom-25 h2 {padding-left:6%; font-size:1.3em;}
  div#right div.frame-custom-22 h4 {padding: 12px 0 15px 45px; font-size:16px;}
  div#content span.small {display:block; margin-bottom:3%;}
  div#content a.test {display:block; margin-right:4%; float:left; }
  div#content a.buy {display:block; float:left; }
}

@media only screen
and (max-width:767px) {
  .caption-wrapper {bottom:30%; height:auto; width:270px; padding:15px 22px;}
  .slider-caption h3 {margin:0; font-size:18px;}
  .slider-caption p {display:none;}

  div#contentbox {float:none; width:100%; max-width:auto;}
  div#content div.frame-custom-20 {background-color:#fff;}
  div#content div.frame-custom-21 {background-color:#fff;}
  div#content p.bodytext span {margin-left:0 !important;}
    /* right */
  div#rightbox {float:none; width:100%;}
  div#right {width:96%; padding:0 2%;}
  div#content span.small {margin-bottom:5%;}
}

@media only screen and (max-width : 480px) {
  div#topimage {display: block;}
  .caption-wrapper {padding:10px 15px; width:200px;}
  .caption-wrapper h3 {font-size:15px;}
  .owl-controls {left:10px; bottom:10px;}
  .owl-theme .owl-controls .owl-page span {width:12px; height:12px;}
  .ce-right .ce-gallery,
  .ce-left .ce-gallery,
  .ce-column {float:none;}
  .ce-right .ce-gallery .image {width: 100%;}
  .ce-left .ce-gallery .image {width: 100%;}
  #content .image img {display:block; margin:auto;}
}

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

}