html,body{overflow-x:hidden}
/* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */
/* #Header Creative always Open 1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */
@media only screen and (min-width: 1240px) and (max-width: 1489px)
{
/* -------------------- */
/* Error 404 */
/* Google maps */
/* Offer slider */
/* Portfolio list */
/* Recent posts */
}
/* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */
@media only screen and (max-width: 1239px)
{
/* iOS phone number linking */
/* Hover Effect */
/* Portfolio masonry hover */
/* Section Background Image */
/* Google maps */
}
/* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */
@media only screen and (min-width: 960px) and (max-width: 1239px)
{
body {min-width:0; }
#Wrapper {max-width:960px;}
.section_wrapper,
.container {max-width:940px;}
/* -------------------- */
/* Top bar width */
#Top_bar .top_bar_left{width:729px}
/* Blog | Columns | Grid, Masonry */
/* Latest News */
/* Blog Teaser */
/* Portfolio | List */
/* Portfolio | Columns | Grid, Masonry, Masonry Hover */
/* Portfolio | Columns | Flat */
/* Error 404 */
/* Button */
a.button.kill_the_icon .button_icon{padding-left:10px;padding-right:10px;}
a.button.kill_the_icon .button_label{padding-left:15px;padding-right:15px;}
/* Offer slider */
/* Recent posts */
/* Zoom Box */
}
/* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */
/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
body {min-width:0;}
#Wrapper {max-width:728px;}
.section_wrapper,
.container {max-width:708px;}
/* -------------------- */
/* Header magazine */
/* Top bar width */
#Top_bar .top_bar_left{width:501px}
/* .footer-sliding */
/* Subheader */
#Subheader .title{width:100%}
/* Filters */
/* Blog */
/* Grid, Masonry */
.grid .post-item{width:47.9%}
/* Timeline */
/* Blog | Columns | Grid, Masonry */
/* Blog | Columns | Masonry tiles */
/* Latest News */
/* Blog Teaser */
/* Recent posts */
/* Portfolio list */
/* Grid, Masonry, Masonry Hover */
/* Flat */
/* Tabs */
/* Counter */
/* Article box */
/* Pricing table */
/* Infobox */
/* Portfolio photo */
/* Get in touch */
/* Hover color */
/* How it works */
/* Opening Hours */
/* Icon box */
.icon_box.icon_position_left{min-height:auto;padding-left:0;padding-right:0}
.icon_box.icon_position_left .desc_wrapper{text-align:center;padding-top:0}
.icon_box.icon_position_left .image_wrapper{position:static;left:0;margin-bottom:15px;width:auto;height:auto}
/* Flat box */
/* Offer thumb */
/* Trailer box */
/* Offer slider */
/* Error 404 */
/* Buttons */
a.kill_the_icon .button_icon{display:none}
/* Zoom Box */
/* Easy Digital Downloads */
}
/* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */
@media only screen and (min-width: 768px)
{
/* Transparent ---------- */
/* Header | Placeholder */
/* Header | Classic */
/* Header | Plain */
.header-plain #Top_bar,.header-plain #Top_bar a.button.action_button{border-color:rgba(255,255,255,.1)}
/* Header | Split */
/* Header | Semitransparent */
/* Header | Stack */
/* Contact Form 7 -------------------------------------------------------------------- */
}
/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */
@media only screen and (max-width: 767px)
{
body {min-width:0;}
#Wrapper {max-width:90%;max-width:calc(100% - 67px);}
.section_wrapper .column,
.container .column,
.sections_group {margin:0;width:100%!important;clear:both;}
.section_wrapper,
.container {max-width:700px!important;padding-left:33px!important;padding-right:33px!important}
.section_wrapper .column {margin:0 0 20px;height:auto!important;}
/* -------------------- */
/* Column | Align */
/* Sections */
.section{background-attachment:scroll!important;height:auto!important}
/* .hide-mobile{display:none!important} */
/* Sidebar */
/* Header | Placeholder */
/* Header --------------- */
#Top_bar{background:#fff!important;position:static}
#Top_bar .container{max-width:100%!important;padding:0!important}
#Top_bar .top_bar_left{float:none;width:100%!important;background:none!important}
#Top_bar a.responsive-menu-toggle{right:10px;}
#Top_bar .menu_wrapper{float:left!important;width:100%;margin:0!important}
#Top_bar .logo{position:static;float:left;width:100%;text-align:center;margin:0}
#Top_bar .logo #logo{padding:0!important;margin:10px 50px}
#Top_bar #logo img.logo-main{display:none}
#Top_bar #logo img.logo-mobile{display:inline-block; max-width: 85%;}
#Top_bar #logo img.logo-mobile-sticky{display:none}
#Top_bar .search_wrapper{top:auto;bottom:-129px}
#Top_bar .top_bar_right{float:none;top:0;height:60px!important;padding:0 10px}
#Top_bar .top_bar_right .top_bar_right_wrapper{float:right;margin-right:-10px}
#Top_bar .top_bar_right:before{display:none}
#Top_bar .top_bar_right_wrapper{top:0!important}
#Top_bar a.button.action_button{top:9px}
.mobile-tb-hide #Top_bar .top_bar_right{display:none}
/* Header | Below */
/* Header | Creative */
/* Header | Intro */
/* Header | Magazine */
/* Header | Minimalist */
/* Header | Overlay */
/* Header | Plain */
.header-plain #Top_bar .logo{text-align:left}
.header-plain #Top_bar .logo #logo{padding:5px 42px 15px 15px}
.header-plain #Top_bar .top_bar_right .top_bar_right_wrapper{line-height:0}
.header-plain #Top_bar .top_bar_right{height:50px!important}
.header-plain #Top_bar a.button.action_button{height:50px!important;line-height:50px!important}
.header-plain #Top_bar a.button.action_button .button_label{padding:0 12px}
.header-plain #Top_bar .top_bar_right_wrapper > *:last-child {
border-right-width: 1px;
}
/* Header | Simple */
/* Header | Split */
/* Header | Stack */
/* Header mobile | minimal */
.mobile-header-mini #Top_bar{top:0}
.mobile-header-mini #Top_bar .container{max-width:100%!important;}
.mobile-header-mini #Top_bar .top_bar_left{float:left;position:static;}
.mobile-header-mini #Top_bar .logo{width:auto;float:left;margin-left:15px;border:none;}
.mobile-header-mini #Top_bar #logo{height:60px!important;line-height:60px!important;margin:0}
.mobile-header-mini #Top_bar a.responsive-menu-toggle{top:30px!important;left:auto;right:10px;margin-top:-17px;}
.mobile-header-mini #Top_bar .top_bar_right{position:absolute;top:0;right:54px;background:none;padding:0;}
.mobile-header-mini #Top_bar a.button.action_button{display:none;}
.mobile-header-mini #Top_bar .search_wrapper{bottom:-59px;padding:10px;width:100%;}
.mobile-header-mini #Top_bar .search_wrapper .icon_search{left:10px;top:17px;}
.mobile-header-mini #Top_bar .search_wrapper .icon_close{top:17px;}
/* Header mobile | minimal | style */
/* Header mobile | minimal | headers compatibility */
.mobile-header-mini.header-plain #Top_bar .top_bar_right{margin-right:5px;}
/* Header mobile | sticky */
.mobile-header-mini.mobile-sticky #Top_bar .top_bar_right{display:block}
/* Header mobile | transparent */
/* Header mobile | transparent | plain */
/* Header mobile | transparent | creative */
/* Action Bar */
/* Subheader */
#Subheader .title{width:100%}
/* Footer --------------- */
#Footer .footer_copy{text-align:center}
#Footer .footer_copy .copyright{float:none;margin:0 0 10px}
#Footer .footer_copy .social{float:none;margin:0}
/* Footer | Sliding */
/* Back to top */
#back_to_top{float:none;margin:-10px 0 10px}
#back_to_top.sticky{right:20px!important;margin:0}
/* Blog --------------- */
/* Blog | Timeline */
/* Blog | Masonry */
.grid .post-item{width:100%!important;margin:0 0 20px!important}
/* Blog | Masonry tiles */
/* Blog | Photo */
/* Blog single */
/* Post header */
.post-header .title_wrapper{margin-left:69px;padding-left:20px}
/* Single photo wrapper */
.single-photo-wrapper .image_frame{max-width:100%!important;margin-left:0}
/* Post nav */
.post-nav{padding:10px 10px 4px 90px}
/* Share simple */
/* Portfolio --------------- */
/* Project decription */
/* Portfolio | Exposure */
/* Portfolio | Flat */
/* Portfolio | Grid */
/* Portfolio | Masonry Flat */
/* Portfolio | Photo */
/* Shortcodes --------------- */
/* Blog Teaser */
/* Call to action */
/* Clients */
/* Content slider */
/* Divider */
/* Fancy headings */
/* Features lists */
/* Flat Box */
/* Google maps */
/* How it works */
/* Offer slider */
/* Icon box */
/* Image Frame */
.image_frame{margin-top:0!important}
/* Offer thumb */
/* Offer thumb bottom */
/* Pricing table */
/* Promo box */
/* Story Box */
/* Table */
/* Tabs */
/* Tabs: simple-style */
/* Tabs vertical: simple-style */
/* Testimonials list */
/* Timeline */
/* General -------------------- */
/* Error 404 */
/* Filters */
/* Fixed nav */
/* Popup contact */
/* Search Results */
/* Video */
/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
/* WordPress Admin Bar */
/* Plugins --------------- */
/* bbPress */
/* Easy Digital Downloads */
/* Pretty Photo Popup */
/* Tiny popup on mobile | fix */
/* Theme Options size | fix */
.super_one_half,
.super-grid > .super-column.super_two_fifth,
.super-grid > .super-column.super_one_fourth {
width: 100% !important;
padding-left: 0 !important;
}
.super-field.grouped {
padding: 0px 15px 0px 0 !important;
}
}
/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
/* Respond */
/* Zoom Box */
/* Gallery */
/* Latest News */
}
/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */
@media only screen and (max-width: 479px)
{
#Top_bar a.button.action_button{margin-right:0}
/* Post nav */
.post-nav{padding:10px 10px 4px}
/* Portfolio list */
/* Portfolio Masonry Flat */
/* Latest News */
/* Filters */
/* Team */
/* Timeline */
/* Testimonials slider */
/* Respond */
/* Zoom Box */
/* Feature box */
/* Gallery */
/* bbpress */
/* Easy Digital Downloads */
}
/* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */