/*
	Theme Name: Anderson Sby
	Theme URI: http://www.andersonsby.com
	Author: Ericova Project Indonesia
	Author URI: http://www.ericova.com
	Version: 1.0 
*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Clearing floats */
.clear:after, .wrapper:after { clear: both; }

.clear:before, .clear:after, .wrapper:before, .wrapper:after { display: table; content: ""; }

/* =Repeatable patterns
-------------------------------------------------------------- */
/* Links */
a { outline: none; color: #F2AC0A; text-decoration: none; }
a:hover { color: #0f3647; }

/* Form fields, general styles first */
button, input, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 5px; }

button, input { line-height: normal; }

textarea { font-size: 100%; overflow: auto; vertical-align: top; }

/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; }

/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 5px 10px; font-size: 11px; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }

.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; }
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); }
.menu-toggle:active, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; }

button[disabled], input[disabled] { cursor: default; }

article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); }

.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; }

/* Responsive images */
.entry-content img, .comment-content img, .widget img { max-width: 100%; }

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }

img.size-full, img.size-large, img.header-image, embed, iframe, object, video { max-width: 100%; }

/* Images */
.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { max-width: 100%; padding: 4px; }

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; }

.entry-content dl.gallery-item { margin: 0; }

.gallery-item a, .gallery-caption { width: 90%; }

.gallery-item a { display: block; }

.gallery-caption a { display: inline; }

.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }

.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }

.gallery-columns-1 .gallery-icon img { padding: 3%; }

/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html { font-size: 87.5%; }

body { background: #F3F3F3; font-size: 13px; line-height: 17px; font-family: "Droid Sans", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }

.site { background: white url(images/bg.jpg) top left no-repeat; clear: both; margin: 0 auto; padding: 0 10px; width: 960px; }

.site-header { float: left; padding: 120px 0 20px; width: 100%; }

.site-content { float: left; margin: 0 10px 10px 0; width: 700px; }

.widget-area { margin: 0 0 10px; float: left; width: 250px; }

.site-footer { float: left; padding: 20px 0; width: 100%; }

/* =Header
-------------------------------------------------------------- */
.site-header { position: relative; }
.site-header .social { float: right; margin: 0; padding: 0; position: absolute; top: 10px; right: 0; }
.site-header .social li { display: inline-block; float: left; margin: 0 0 0 10px; }
.site-header .social a { color: #639C19; }
.site-header .logo { float: left; width: 300px; }
.site-header .logo img { float: left; width: 100%; }

/* Navigation Menu */
.main-navigation { float: left; margin: 40px 0 0; text-align: left; width: 650px; z-index: 99; }
.main-navigation ul { float: right; margin: 0; padding: 0; z-index: 99; }
.main-navigation ul ul { background: white; display: none; left: 0; position: absolute; padding: 5px; top: 20px; width: 200px; z-index: 99; }
.main-navigation ul ul li { border-bottom: 1px dashed #639C19; margin: 0; padding: 5px 0; width: 100%; }
.main-navigation ul ul li:last-child { border: none; }
.main-navigation ul ul li a { font-size: 16px; }
.main-navigation li { display: inline; float: left; margin: 0 0 0 20px; position: relative; }
.main-navigation li:hover ul { display: block; }
.main-navigation a { color: #639C19; font-size: 18px; padding: 7px 0; }
.main-navigation a:hover { color: #F2AC0A; }
.main-navigation .current_page_item a, .main-navigation .current_page_ancestor a { background: #F2AC0A; color: white; padding: 7px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.main-navigation .current_page_item ul a, .main-navigation .current_page_ancestor ul a { background: none; color: #639C19; padding: 7px 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.main-navigation .current_page_item ul a:hover, .main-navigation .current_page_ancestor ul a:hover { color: #F2AC0A; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: block; }
.main-navigation ul.nav-menu.toggled-on { display: inline-block; }

.nav-mobile { display: none; }

.menu-toggle { display: inline-block; }

/* =Home
-------------------------------------------------------------- */
.slide { float: left; margin: 0 0 0 -10px; width: 980px; }
.slide img { float: left; width: 980px; }
.slide .text { color: white; float: right; font-size: 16px; line-height: 24px; margin: -240px 20px 0 0; position: relative; text-align: right; width: 900px; z-index: 9; }
.slide .text h2 { font-size: 35px; line-height: 40px; margin: 0 0 20px; }
.slide .text h2 strong { font-weight: bold; }
.slide .text a.go { border: 2px solid white; color: white; float: right; font-size: 18px; line-height: 22px; margin: 20px 0 0; padding: 10px 20px; text-transform: uppercase; }
.slide .text a.go:hover { border: 2px solid #fff; background: white; color: #333; }

.bx-wrapper { float: left; position: relative; height: 500px; margin: 0 auto; padding: 0; *zoom: 1; width: 980px; z-index: 1; /* LOADER */ }
.bx-wrapper img { float: left; height: 500px; width: 980px; display: block; margin: 0; }
.bx-wrapper .bx-viewport { margin: 0 0 20px; -moz-transform: translatez(0); -ms-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-weight: bold; color: white; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #F2AC0A; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fdeecb; }
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 1; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 10px; left: 10px; background: white; width: auto; }
.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: 13px; padding: 10px; }

.product-home { background: #F2AC0A; float: left; margin: 0 0 10px -10px; padding: 40px 20px; width: 940px; }
.product-home .product { float: left; margin: 0 45px 0 0; width: 200px; text-align: center; }
.product-home .product:hover h2 { color: white; }
.product-home .product.last { margin: 0; }
.product-home .product .thumbnail { float: left; height: 200px; margin: 0 0 20px; width: 200px; position: relative; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }
.product-home .product .thumbnail img { float: left; height: 200px; width: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }
.product-home .product h2 { color: #333; font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase; }

.widget-home .widget { float: left; margin: 0 10px 10px 0; width: 313px; }
.widget-home .widget.last { margin-right: 0; }
.widget-home .widget h3.widget-title { color: #F2AC0A; font: 700 20px/24px "Droid Sans", Helvetica, Arial, sans-serif; margin-bottom: 20px; }
.widget-home .widget p, .widget-home .widget .widget-area .widget li, .widget-home .widget .widget-area .widget .textwidget { font-size: 13px; line-height: 1.846153846; }
.widget-home .widget p { margin-bottom: 20px; }
.widget-home .widget a { color: #757575; }
.widget-home .widget a:hover { color: #21759b; }
.widget-home .widget a:visited { color: #9f9f9f; }
.widget-home .widget ul li { border-bottom: 1px dashed #639C19; padding: 5px 0; }
.widget-home .widget ul ul { margin: 12px; }
.widget-home .widget_contact tr { float: left; margin: 0 0 5px; width: 100%; }
.widget-home .widget_contact td.icon { color: #639C19; float: left; width: 25px; }

/* =Main content and comment content
-------------------------------------------------------------- */
.entry-header { margin-bottom: 10px; }
.entry-header .entry-title { color: #F2AC0A; font: 700 30px/34px "Droid Sans", Helvetica, Arial, sans-serif; }
.entry-header .entry-title a { text-decoration: none; }

.entry-meta { clear: both; }
.entry-meta a { color: #757575; }
.entry-meta a:hover { color: #21759b; }

.entry-content, .entry-summary { float: left; line-height: 17px; margin: 0 0 20px; width: 100%; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6 { margin: 0 0 20px; line-height: 1.714285714; }
.entry-content h1, .entry-summary h1 { font-size: 21px; line-height: 1.5; }
.entry-content h2, .entry-summary h2 { font-size: 18px; line-height: 1.6; }
.entry-content h3, .entry-summary h3 { font-size: 20px; line-height: 1.846153846; text-transform: uppercase; }
.entry-content h4, .entry-summary h4 { color: #F2AC0A; font-size: 15px; font-weight: 700; line-height: 1.846153846; }
.entry-content h5, .entry-summary h5 { font-size: 13px; line-height: 1.846153846; }
.entry-content h6, .entry-summary h6 { font-size: 12px; line-height: 1.846153846; }
.entry-content p, .entry-summary p { margin: 0 0 20px; line-height: 1.714285714; }
.entry-content ol, .entry-content ul, .entry-summary ol, .entry-summary ul { margin: 0 0 20px; line-height: 1.714285714; }
.entry-content ol ul, .entry-content ol ol, .entry-content ul ul, .entry-content ul ol, .entry-summary ol ul, .entry-summary ol ol, .entry-summary ul ul, .entry-summary ul ol { margin-bottom: 0; }
.entry-content ul, .entry-summary ul { list-style: disc outside; }
.entry-content ol, .entry-summary ol { list-style: decimal outside; }
.entry-content li, .entry-summary li { margin: 0 0 0 36px; }
.entry-content blockquote, .entry-summary blockquote { margin-bottom: 20px; padding: 20px; font-style: italic; }
.entry-content blockquote p:last-child, .entry-summary blockquote p:last-child { margin-bottom: 0; }
.entry-content code, .entry-summary code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 2; }
.entry-content pre, .entry-summary pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 1.714285714; margin: 20px 0; overflow: auto; padding: 20px; }
.entry-content pre code, .entry-summary pre code { display: block; }
.entry-content abbr, .entry-content dfn, .entry-content acronym, .entry-summary abbr, .entry-summary dfn, .entry-summary acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address, .entry-summary address { display: block; line-height: 1.714285714; margin: 0 0 20px; }
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video, .entry-summary embed, .entry-summary iframe, .entry-summary object, .entry-summary video { margin-bottom: 20px; }
.entry-content dl, .entry-summary dl { margin: 0 20px; }
.entry-content dt, .entry-summary dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd, .entry-summary dd { line-height: 1.714285714; margin-bottom: 20px; }
.entry-content table, .entry-summary table { border-bottom: 0; font-size: 13px; line-height: 17px; margin: 0 0 20px; width: 100%; }
.entry-content table tr, .entry-content table td, .entry-summary table tr, .entry-summary table td { border: 0; }
.entry-content table caption, .entry-summary table caption { font-size: 16px; margin: 20px 0; }
.entry-content td, .entry-summary td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
.entry-content strong, .entry-summary strong { font-weight: bold; }

img.alignleft, .wp-caption.alignleft { margin: 0 15px 15px 0; }

img.alignright, .wp-caption.alignright { margin: 0 0 15px 15px; }

img.aligncenter, .wp-caption.aligncenter { clear: both; margin-bottom: 15px; }

.page-links { clear: both; line-height: 1.714285714; }

.ad-gallery { width: 650px; }

/* =Gallery
-------------------------------------------------------------- */
.gallery-container { float: left; width: 710px; }

.list-gallery { float: left; height: 210px; margin: 0 10px 10px 0; width: 226.5px; }
.list-gallery .gallery-thumbnail { float: left; height: 180px; margin: 0 0 10px; width: 226.5px; }
.list-gallery .gallery-thumbnail img { float: left; height: 180px !important; width: 100%; }
.list-gallery .gallery-title { background: #ddd; font-size: 15px; font-weight: 700; height: 30px; text-align: center; }
.list-gallery .gallery-title a:hover { color: #F2AC0A; }

/* =Info
-------------------------------------------------------------- */
.list-info { border-bottom: 1px solid #ddd; float: left; margin: 0 0 10px; padding: 0 0 10px; width: 100%; }
.list-info .info-title { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.list-info .info-thumbnail { float: left; margin: 0 10px 10px 0; width: 100px; }
.list-info .info-thumbnail img { float: left; width: 100%; }
.list-info .info-excerpt { float: left; width: 590px; }
.list-info .info-excerpt p { margin: 0 0 10px; }

/* =Contact
-------------------------------------------------------------- */
.wpcf7 { float: left; width: 100%; }
.wpcf7 p { float: left; margin: 0 0 10px; width: 100%; }
.wpcf7 label { float: left; width: 100px; }
.wpcf7 .wpcf7-response-output { float: left; }

/* =Archives
-------------------------------------------------------------- */
.archive-header, .page-header { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ededed; }

.archive-meta { color: #757575; font-size: 12px; line-height: 2; margin-top: 20px; }

/* =Widgets
-------------------------------------------------------------- */
.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 20px; word-wrap: break-word; }
.widget-area .widget h3.widget-title { color: #F2AC0A; font: 700 16px/20px "Droid Sans", Helvetica, Arial, sans-serif; margin-bottom: 20px; }
.widget-area .widget p, .widget-area .widget .widget-area .widget li, .widget-area .widget .widget-area .widget .textwidget { font-size: 13px; line-height: 1.846153846; }
.widget-area .widget p { margin-bottom: 20px; }
.widget-area .widget a { color: #757575; }
.widget-area .widget a:hover { color: #21759b; }
.widget-area .widget a:visited { color: #9f9f9f; }
.widget-area .widget ul ul { margin-left: 12px; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 20px; }
.widget-area .textwidget li { margin-left: 30px; }
.widget-area .widget_contact tr { float: left; margin: 0 0 5px; width: 100%; }
.widget-area .widget_contact td.icon { color: #639C19; float: left; width: 25px; }

/* =Footer
----------------------------------------------- */
.site-footer .left { float: left; width: 480px; }
.site-footer .right { float: left; width: 480px; }
.site-footer .right .social { float: right; margin: 0; padding: 0; }
.site-footer .right .social li { display: inline-block; float: left; margin: 0 0 0 10px; }
.site-footer .right .social a { color: #F2AC0A; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) { .site { margin: 0 auto; padding: 0 10px; width: 730px; }
  .site-header { float: left; padding: 120px 0 20px; width: 100%; }
  .site-content { float: left; margin: 0 10px 10px 0; width: 540px; }
  .widget-area { margin: 0 0 10px; float: left; width: 180px; }
  .site-footer { float: left; padding: 20px 0; width: 100%; }
  .site-header .social { float: right; margin: 0; padding: 0; position: absolute; top: 90px; right: 0; }
  .site-header .logo { float: left; width: 200px; }
  .site-header .logo img { float: left; width: 100%; }
  .main-navigation { margin: 25px 0 0; width: 520px; }
  .main-navigation ul ul { background: white; display: none; left: 0; position: absolute; padding: 5px; top: 20px; width: 200px; z-index: 99; }
  .main-navigation ul ul li { border-bottom: 1px dashed #639C19; margin: 0; padding: 5px 0; width: 100%; }
  .main-navigation ul ul li:last-child { border: none; }
  .main-navigation ul ul li a { font-size: 15px; }
  .main-navigation li { margin: 0 0 0 10px; }
  .main-navigation a { font-size: 15px; padding: 7px 0; }
  .slide { float: left; margin: 0 0 0 -10px; width: 750px; }
  .slide img { float: left; width: 750px; }
  .slide .text { color: white; float: right; font-size: 16px; line-height: 24px; margin: -240px 20px 0 0; position: relative; text-align: right; width: 750px; z-index: 9; }
  .slide .text h2 { font-size: 30px; line-height: 35px; margin: 0 0 20px; }
  .bx-wrapper { height: 400px; width: 750px; }
  .bx-wrapper img { height: 400px; width: 750px; }
  .product-home { padding: 20px 20px; width: 710px; }
  .product-home .product { float: left; margin: 0 25px 0 0; width: 157px; }
  .product-home .product .thumbnail { height: 157px; width: 157px; }
  .product-home .product .thumbnail img { height: 157px; width: 157px; }
  .widget-home .widget { width: 235px; }
  .gallery-container { float: left; width: 540px; }
  .list-info .info-excerpt { width: 420px; }
  .ad-gallery { width: 540px; }
  .site-footer .left { width: 365px; }
  .site-footer .right { width: 365px; } }
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) { html, body { overflow-x: hidden; }
  .site { margin: 0 auto; padding: 0 5%; width: 90%; }
  .site-header { float: left; padding: 120px 0 20px; width: 100%; }
  .site-content { float: left; margin: 0 0 10px; width: 100%; }
  .widget-area { margin: 0 0 10px; float: left; width: 100%; }
  .site-footer { float: left; padding: 20px 0; width: 100%; }
  .site-header .social { display: none; float: right; margin: 0; padding: 0; position: absolute; top: 90px; right: 0; }
  .site-header .logo { float: left; width: 280px; }
  .site-header .logo img { float: left; width: 100%; }
  .main-navigation { display: none; }
  .nav-mobile { border: 2px solid #F2AC0A; display: block; float: left; padding: 0; width: 100%; }
  .nav-mobile #mobile-button { background: #F2AC0A; color: white; float: left; font-size: 15px; margin: 0; padding: 5px 5%; width: 90%; }
  .nav-mobile #mobile-button .icon { float: right; }
  .nav-mobile .main-navigationmobile { display: none; float: left; width: 95%; }
  .nav-mobile .main-navigationmobile ul { float: left; margin: 0; padding: 0; width: 100%; }
  .nav-mobile .main-navigationmobile li { float: left; margin: 0; padding: 0; width: 100%; }
  .nav-mobile .main-navigationmobile li:last-child a { border: none; }
  .nav-mobile .main-navigationmobile li li:last-child a { border-bottom: 1px solid #906606; }
  .nav-mobile .main-navigationmobile a { border-bottom: 1px solid #906606; float: left; margin: 0; padding: 5px 0; text-align: center; width: 105%; }
  .slide { float: left; margin: 0; width: 100%; }
  .slide .text { color: white; float: right; font-size: 13px; line-height: 17px; margin: -260px 10px 0 0; width: 100%; z-index: 9; }
  .slide .text h2 { font-size: 20px; line-height: 25px; margin: 0 0 10px; }
  .slide .text a.go { border: 2px solid white; color: white; float: right; font-size: 16px; line-height: 22px; margin: 20px 0 0; padding: 5px 10px; }
  .bx-wrapper { height: 300px; width: 100%; }
  .bx-wrapper img { height: 300px; width: 100%; }
  .product-home { margin: 0 0 10px; padding: 20px 5%; width: 90%; }
  .product-home .product { float: left; margin: 0 0 10px; width: 100%; }
  .product-home .product:last-child { margin: 0 0 10px; }
  .product-home .product .thumbnail { height: 250px; width: 100%; }
  .product-home .product .thumbnail img { height: 250px; width: 100%; }
  .widget-home .widget { width: 100%; }
  .gallery-container { float: left; width: 100%; }
  .ad-gallery { width: 100%; }
  .list-info .info-thumbnail { margin: 0 0 10px; width: 100%; }
  .list-info .info-excerpt { float: left; width: 100%; }
  .wpcf7 { float: left; width: 100%; }
  .wpcf7 p { float: left; margin: 0 0 10px; width: 100%; }
  .wpcf7 label { float: left; width: 100%; }
  .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea { width: 90%; }
  .wpcf7 .wpcf7-response-output { float: left; }
  .site-footer .left { margin: 0 0 10px; text-align: center; width: 100%; }
  .site-footer .right { text-align: center; width: 100%; }
  .site-footer .right .social { float: none; margin: 0 0 0 100px; text-align: center; } }
/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { .site { margin: 0 auto; padding: 0 10px; width: 580px; }
  .site-header { float: left; padding: 120px 0 20px; width: 100%; }
  .site-content { float: left; margin: 0 0 10px; width: 580px; }
  .widget-area { margin: 0 0 10px; float: left; width: 580px; }
  .site-footer { float: left; padding: 20px 0; width: 100%; }
  .site-header .social { display: none; float: right; margin: 0; padding: 0; position: absolute; top: 90px; right: 0; }
  .site-header .logo { float: left; width: 580px; }
  .site-header .logo img { float: left; width: 100%; }
  .main-navigation { display: none; margin: 25px 0 0; width: 580px; }
  .nav-mobile { border: 2px solid #F2AC0A; display: block; float: left; padding: 0; width: 578px; }
  .nav-mobile #mobile-button { background: #F2AC0A; color: white; float: left; font-size: 15px; margin: 0; padding: 5px; width: 568px; }
  .nav-mobile #mobile-button .icon { float: right; }
  .nav-mobile .main-navigationmobile { display: none; float: left; width: 100%; }
  .nav-mobile .main-navigationmobile ul { float: left; margin: 0; padding: 0; width: 100%; }
  .nav-mobile .main-navigationmobile li { float: left; margin: 0; padding: 0; width: 100%; }
  .nav-mobile .main-navigationmobile a { border-bottom: 1px solid #906606; float: left; margin: 0; padding: 5px 0; text-align: center; width: 100%; }
  .slide { float: left; margin: 0 0 0 -10px; width: 600px; }
  .slide .text { color: white; float: right; font-size: 13px; line-height: 17px; margin: -260px 10px 0 0; width: 600px; z-index: 9; }
  .slide .text h2 { font-size: 20px; line-height: 25px; margin: 0 0 10px; }
  .slide .text a.go { border: 2px solid white; color: white; float: right; font-size: 16px; line-height: 22px; margin: 20px 0 0; padding: 5px 10px; }
  .bx-wrapper { height: 300px; width: 600px; }
  .bx-wrapper img { height: 300px; width: 600px; }
  .product-home { padding: 20px 20px; width: 560px; }
  .product-home .product { float: left; margin: 0 10px 10px; width: 250px; }
  .product-home .product:last-child { margin: 0 10px 10px; }
  .product-home .product .thumbnail { height: 250px; width: 250px; }
  .product-home .product .thumbnail img { height: 250px; width: 250px; }
  .widget-home .widget { width: 580px; }
  .gallery-container { float: left; width: 100%; }
  .ad-gallery { width: 100%; }
  .list-info .info-thumbnail { margin: 0 0 10px; width: 100%; }
  .list-info .info-excerpt { float: left; width: 100%; }
  .wpcf7 { float: left; width: 100%; }
  .wpcf7 p { float: left; margin: 0 0 10px; width: 100%; }
  .wpcf7 label { float: left; width: 100%; }
  .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea { width: 90%; }
  .wpcf7 .wpcf7-response-output { float: left; }
  .site-footer .left { margin: 0; text-align: left; width: 360px; }
  .site-footer .right { text-align: right; width: 220px; }
  .site-footer .right .social { float: right; margin: 0; text-align: right; } }