/*---------------------------------------------------------------------------*/
/*  Tablet Styling  */
/*---------------------------------------------------------------------------*/

#header,
#container,
.home-slider .hentry,
.home-slider .slider-nav,
#footer-widgets,
#footer-widgets .col.first,
#footer,
#portfolio-tabs .post-content,
#portfolio-slides .slides_container,
#portfolio-slides .slide { width: 650px }

#header-extra .widget { width: auto }

.handle { display: none !important; }

#content { float: none }

#container {
    overflow: hidden;
    position: relative;
}

.home-slider { display:none; }

.single-portfolio #container { overflow: visible }

#primary-menu { margin: 0px 0px !important; border-bottom:0px !important; width:70% !important;}

#menu-button { width:40%; }

.motto { font-size:18px; }

#primary-menu ul { display: none }

a#menu-button:after { content: ' {' }

.home-slider .post-wrap { padding-top: 0 }

.home-slider .slider-nav { display: none !important; }

.home-slider .post-wrap,
.home-slider .featured-image { width: 250px }

.featured-image img,
#content img { height: auto }

.home-slider .post-title { font-size: 18px }

.home-slider .post-content { font-size: 12px }

.box-inner { padding: 25px 20px }

.page-template-template-home-php .box { width: 324px; }

.testimonial-slider .slide {
    padding: 20px 40px !important;
    width: 570px;
}

.testimonial-arrows .next { margin-right: 20px; }

.testimonial-arrows .prev { margin-left: 20px }

.content-slider .pagination {
    position: absolute;
    top: 0;
    float: none;
    width: 100%;
    text-align: center;
    padding: 2px 0 0;
}

.content-slider .pagination li {
    float: none;
    margin: 0;
    width: auto;
    display: inline-block;
}

.content-slider .pagination li a { padding: 0 10px }

.content-slider .pagination li:last-child { margin-right: 0 }

.content-slider .pagination li a:before { content: '' !important }

.content-slider .visit-wrap { bottom: 50px }

.content-slider .slides_container { float: none; width: 650px; }

.content-slider .slide ul { width: 681px }

.content-slider .slide li {
    width: 196px;
    margin-right: 31px;
}

.content-slider .slide li:last-child { margin-right: 0; }

.content-slider .slide { margin-top: 70px; padding-bottom: 80px; }

.enews { background-image: none }

.enews-excerpt,
.enews-form {
    float: none;
    width: auto;
}

.enews-excerpt p {
    padding-right: 30px;
    padding-bottom: 10px;
}

.enews-form { padding: 0 30px 30px 30px }

.enews-form form { padding: 0 }

.enews-form input[type="text"] { width: 80% }

#footer-widgets .col { width: 216px }

#footer-widgets .widget-inside { margin-left: 0 }

a.button-arrow { white-space: nowrap }

.callout-excerpt { width: 70%; padding-top: 30px; }

.callout-link { width: 30%; padding-top: 30px; }

#content { width: 650px }

#sidebar {
    position: absolute;
    top: 15px;
    right: -368px;
    float: none;
    background: #fff;
    padding: 30px;
    border: 1px solid #eaeaea;
    border-radius: 0 0 0 3px;
}

.page-template-template-home-php .handle,
.page-template-template-portfolio-php .handle,
.page-template-template-fullwidth-php .handle,
.single-portfolio .handle { display: none }

a#menu-button {
	display: block;
	margin-top: -5px;
}

#footer-widgets,
#site-info { width: 650px !important; }

#footer-widgets .col.first { margin: 0 0 40px; }

.handle {
    position: fixed;
    top: 20px;
    right: 20px;
    color: #999;
    background: #fff;
    padding: 5px 10px;
    font-size: 11px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

.handle:hover {
    cursor: pointer;
    color: #666;
    border: 1px solid #ddd;
}

#filter li {
    float: left;
    display: inline-block;
}

#filter li a:after,
.content-slider .pagination li.current a:after,
.content-slider .pagination li a:before { content: '' !important; margin: 0 !important; padding: 0 !important; }

#masonry { width: 425px }

#masonry li { width: 182px }

#related ul { width: 681px }

#related li { width: 196px }

.contact form { padding: 5px }

.dt-contactform textarea { width: 97% }
