body { --mfn-tabs-border-width: 1px; } html{overflow-x:hidden} /* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */ @media only screen and (min-width: 1240px) { .layout-boxed{padding:25px} .layout-boxed.boxed-no-margin{padding:0;} .hover_color:hover .hover_color_bg,.hover_color.hover .hover_color_bg{background-color:inherit!important;border-color:inherit!important} } /* #Header Creative always Open 1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */ @media only screen and (min-width: 1240px) and (max-width: 1489px) { body.header-open{min-width:0;} .header-open #Wrapper{max-width:960px;} .header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper{max-width:940px;} .header-open.with_aside .section_wrapper{max-width:100%;} /* -------------------- */ /* Error 404 */ .header-open #Error_404 .error_pic i{font-size:220px;line-height:260px} .header-open #Error_404 .error_desk{padding-top:40px} /* Google maps */ .header-open .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper{left:auto;right:50px;} /* Offer slider */ .header-open .offer .offer_li .desc_wrapper{width:436px;width:calc(50% - 42px)} /* Portfolio list */ body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:921px} /* Recent posts */ .header-open .Recent_posts ul li .desc{margin-right:60px} .header-open .Recent_posts ul li .photo{width:60px;height:60px} .header-open .Recent_posts ul li .photo .c{width:20px;height:20px;line-height:20px;bottom:5px;right:-8px} } /* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */ @media only screen and (max-width: 1239px) { /* iOS phone number linking */ a[href^=tel]{color:inherit;text-decoration:none} /* Hover Effect */ .no-hover-tablet a.button:after,.no-hover-tablet a.tp-button:after,.no-hover-tablet button:after,.no-hover-tablet input:after{display:none} .no-hover-tablet .image_frame .image_wrapper img{top:0!important} .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important} .no-hover-tablet .image_frame .image_wrapper .mask,.no-hover-tablet .image_frame .image_wrapper .image_links{display:none!important} .no-hover-tablet .Recent_posts ul li .desc:after{display:none} .no-hover-tablet .Recent_posts ul li a:hover h6,.no-hover-tablet .Recent_posts ul li a:hover .desc .date{color:inherit!important} body:not(.no-hover-tablet) .hover_color:hover .hover_color_bg, body:not(.no-hover-tablet) .hover_color.hover .hover_color_bg{background-color:inherit!important;border-color:inherit!important} /* Portfolio masonry hover */ .with_aside .portfolio_group.masonry-hover .portfolio-item:not(.no-thumbnail) .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrapper{display:none} /* Section Background Image */ .no-section-bg-tablet .section{background-image:none!important} /* Google maps */ .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper{left:auto;right:50px;} } /* #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, .with_aside .content_wrapper{max-width:940px;} /* -------------------- */ /* Blog | Columns | Grid, Masonry */ .posts_group.grid.col-5 .post-item,.posts_group.masonry.col-5 .post-item,.posts_group.grid.col-6 .post-item,.posts_group.masonry.col-6 .post-item{width:22.99%} .posts_group.grid.col-5 .post-item:nth-child(5n+1){clear:none} .posts_group.grid.col-6 .post-item:nth-child(6n+1){clear:none} .posts_group.grid.col-5 .post-item:nth-child(4n+1){clear:both} .posts_group.grid.col-6 .post-item:nth-child(4n+1){clear:both} /* Latest News */ .column.one-fourth .Latest_news ul .desc .date i{display:none} .column.one-second .Latest_news.featured ul .desc .date i{display:none} .wrap.two-third .column.three-fifth .Latest_news.featured ul,.wrap.two-third .column.one-second .Latest_news.featured ul,.wrap.three-fifth .column.three-fifth .Latest_news.featured ul,.wrap.three-fifth .column.one-second .Latest_news.featured ul,.wrap.one-second .column.three-fourth .Latest_news.featured ul{width:100%} .wrap.two-fifth .Latest_news.featured ul,.wrap.one-third .Latest_news.featured ul,.wrap.one-fourth .Latest_news.featured ul{width:100%} /* Blog Teaser */ .blog-teaser li:not(:first-child) .desc-wrapper .desc{padding:70px 20px 25px;} .column.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta, .column.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta{display:none;} .wrap.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta, .wrap.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta{display:none;} /* Portfolio | List */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:921px} /* Portfolio | Columns | Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item, .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item{width:22.99%} /* Portfolio | Columns | Flat */ .portfolio_group.flat.col-5 .portfolio-item, .portfolio_group.flat.col-6 .portfolio-item{width:24.99%} /* Error 404 */ #Error_404 .error_pic i{font-size:220px;line-height:260px} #Error_404 .error_desk{padding-top:40px} /* 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 */ .offer .offer_li .desc_wrapper{width:436px;width:calc(50% - 42px)} /* Recent posts */ .Recent_posts ul li .desc{margin-right:60px} .Recent_posts ul li .photo{width:60px;height:60px} .Recent_posts ul li .photo .c{width:20px;height:20px;line-height:20px;bottom:5px;right:-8px} .Recent_posts ul li.format-link .photo:after {width: 60px; height: 60px; line-height: 60px; font-size: 30px; } .Recent_posts ul li.format-quote .photo:after { width: 60px; height: 60px; line-height: 60px; font-size: 30px; } /* Zoom Box */ .zoom_box .desc .desc_txt{font-size:22px;line-height:26px} } /* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */ @media only screen and (min-width: 960px) { #Top_bar .hide-total-desktop .header-cart-total{display:none!important} .mfn-ofcs-opened{padding-right:15px} /* class */ } @media only screen and (min-width: 1441px) { .hide-desktop{display:none!important} .arrows-hide-desktop .mfn-swiper-arrow{display:none!important} .arrows-hide-desktop.mfn-arrows-standard .swiper{ margin: 0 auto; flex: 0 0 100%; } .dots-hide-desktop .swiper-pagination{display:none!important} .sticky-desktop{position:sticky;z-index:2;top:var(--sticky-offset-desktop,0)} } @media only screen and (min-width: 960px) and (max-width: 1440px) { .hide-laptop{display:none!important} .arrows-hide-laptop .mfn-swiper-arrow{display:none!important} .arrows-hide-laptop.mfn-arrows-standard .swiper{ margin: 0 auto; flex: 0 0 100%; } .dots-hide-laptop .swiper-pagination{display:none!important} .sticky-laptop{position:sticky;z-index:2;top:var(--sticky-offset-laptop,0)} /* .mcb-wrap */ .laptop-one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .laptop-one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .laptop-one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .laptop-one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .laptop-two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .laptop-one-second.mcb-wrap { width: 50%; } /* 1/2 */ .laptop-three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .laptop-two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .laptop-three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .laptop-four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .laptop-five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .laptop-one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .laptop-one-sixth.column { width: 16.666%; } /* 1/6 */ .laptop-one-fifth.column { width: 20%; } /* 1/5 */ .laptop-one-fourth.column, .laptop-four.columns { width: 25%; } /* 1/4 */ .laptop-one-third.column { width: 33.333%; } /* 1/3 */ .laptop-two-fifth.column { width: 40%; } /* 2/5 */ .laptop-one-second.column { width: 50%; } /* 1/2 */ .laptop-three-fifth.column { width: 60%; } /* 3/5 */ .laptop-two-third.column { width: 66.666%; } /* 2/3 */ .laptop-three-fourth.column { width: 75%; } /* 3/4 */ .laptop-four-fifth.column { width: 80%; } /* 4/5 */ .laptop-five-sixth.column { width: 83.333%; } /* 5/6 */ .laptop-one.column { width: 100%; } /* 1/1 */ } /* #Tablet < 959 --------------------------------------------------------------- #Tablet & Mobile < 959 */ @media only screen and (max-width: 959px) { .section{background-attachment:scroll!important} body.responsive-overflow-x-tablet{overflow-x:hidden} } /* #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, .with_aside .content_wrapper{max-width:708px;} .mcb-wrap[data-tablet~="no-up"]{margin-top:0!important} .no-sec-padding .mcb-section .section_wrapper{padding-left:0!important;padding-right:0!important} .sticky-tablet{position:sticky;z-index:2;top:var(--sticky-offset-tablet,0)} /* -------------------- */ /* .mcb-wrap */ .tablet-one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .tablet-one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .tablet-one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .tablet-one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .tablet-two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .tablet-one-second.mcb-wrap { width: 50%; } /* 1/2 */ .tablet-three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .tablet-two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .tablet-three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .tablet-four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .tablet-five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .tablet-one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .tablet-one-sixth.column { width: 16.666%; } /* 1/6 */ .tablet-one-fifth.column { width: 20%; } /* 1/5 */ .tablet-one-fourth.column, .tablet-four.columns { width: 25%; } /* 1/4 */ .tablet-one-third.column { width: 33.333%; } /* 1/3 */ .tablet-two-fifth.column { width: 40%; } /* 2/5 */ .tablet-one-second.column { width: 50%; } /* 1/2 */ .tablet-three-fifth.column { width: 60%; } /* 3/5 */ .tablet-two-third.column { width: 66.666%; } /* 2/3 */ .tablet-three-fourth.column { width: 75%; } /* 3/4 */ .tablet-four-fifth.column { width: 80%; } /* 4/5 */ .tablet-five-sixth.column { width: 83.333%; } /* 5/6 */ .tablet-one.column { width: 100%; } /* 1/1 */ /* -------------------- */ .hide-tablet{display:none!important} .arrows-hide-tablet .mfn-swiper-arrow{display:none!important} .arrows-hide-tablet.mfn-arrows-standard .swiper{ margin: 0 auto; flex: 0 0 100%; } .dots-hide-tablet .swiper-pagination{display:none!important} #Top_bar .hide-total-tablet .header-cart-total{display:none!important} /* Header magazine */ .header-magazine #Top_bar .banner_wrapper{width:300px;top:27px} /* .footer-sliding */ .footer-fixed #Content,.footer-sliding #Content{margin-bottom:0!important} .footer-fixed #Footer,.footer-sliding #Footer{position:static} /* Subheader */ #Subheader .title{width:100%} #Subheader ul.breadcrumbs{display:none} /* Filters */ #Filters .filters_wrapper ul li{width:24%;margin:.5%} /* Blog */ .with_aside .classic .post-meta .author-date .author .label{display:none} .with_aside .classic .post-meta .category{display:none} /* Grid, Masonry */ .grid .post-item,.masonry .post-item{width:47.9%} /* Timeline */ .timeline .post-photo-wrapper{width:100%;float:none} .timeline .post-desc-wrapper{width:100%;float:none} /* Photo 2 */ .photo2 .post-item{margin-bottom:20px} .photo2 .post .post-desc-wrapper{width:85%;top:-55px} .photo2 .post.no-img .button-love{right:11%;right:calc(7.5% + 25px)} .photo2.col-2 .post-item{margin-bottom:40px} .photo2.col-2 .post-desc-wrapper{width:100%;top:0} .photo2.col-2 .post.no-img .button-love{right:25px} .photo2.col-3 .button-love{top:15px;right:15px} .photo2.col-3 .post-item{width:31.33%; margin:0 1% 40px} .photo2.col-3 .post-desc-wrapper{width:100%;top:0;padding:20px 25px} .photo2.col-3 .post.no-img .button-love{top:15px;right:15px} /* Blog | Columns | Grid, Masonry */ .posts_group.grid.col-4 .post-item,.posts_group.masonry.col-4 .post-item,.posts_group.grid.col-5 .post-item,.posts_group.masonry.col-5 .post-item,.posts_group.grid.col-6 .post-item,.posts_group.masonry.col-6 .post-item{width:31.33%} .posts_group.grid.col-4 .post-item:nth-child(4n+1){clear:none} .posts_group.grid.col-5 .post-item:nth-child(5n+1){clear:none} .posts_group.grid.col-6 .post-item:nth-child(6n+1){clear:none} .posts_group.grid.col-4 .post-item:nth-child(3n+1){clear:both} .posts_group.grid.col-5 .post-item:nth-child(3n+1){clear:both} .posts_group.grid.col-6 .post-item:nth-child(3n+1){clear:both} /* Blog | Columns | Masonry tiles */ .posts_group.masonry.margin .post-item { margin: 0 0.5% 8px !important; } .posts_group.masonry.tiles.col-4 .post-item,.posts_group.masonry.tiles.col-5 .post-item,.posts_group.masonry.tiles.col-6 .post-item{width:49.9%} .posts_group.masonry.margin.col-4 .post-item,.posts_group.masonry.margin.col-5 .post-item,.posts_group.masonry.margin.col-6 .post-item{width:48.9%} /* Latest News */ .column.one-third .Latest_news ul .desc .date i{display:none} .column.one-second .Latest_news.featured ul{width:100%} .column.one-third .Latest_news.featured ul .desc .date i,.column.one-fourth .Latest_news.featured ul .desc .date i{display:none} .wrap.five-sixth .column.three-fifth .Latest_news.featured ul,.wrap.four-fifth .column.three-fifth .Latest_news.featured ul,.wrap.three-fourth .column.three-fifth .Latest_news.featured ul,.wrap.two-third .column.three-fifth .Latest_news.featured ul,.wrap.two-third .column.one-second .Latest_news.featured ul,.wrap.two-third .column.three-fourth .Latest_news.featured ul,.wrap.three-fifth .column.three-fifth .Latest_news.featured ul,.wrap.three-fifth .column.one-second .Latest_news.featured ul,.wrap.three-fifth .column.three-fourth .Latest_news.featured ul{width:100%} .wrap.one-second .Latest_news.featured ul,.wrap.two-fifth .Latest_news.featured ul,.wrap.one-third .Latest_news.featured ul,.wrap.one-fourth .Latest_news.featured ul{width:100%} /* Blog Teaser */ .blog-teaser li .desc-wrapper .desc{padding:70px 25px 25px;} .blog-teaser li:not(:first-child) .desc-wrapper .desc{padding:70px 20px 20px;} .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta{display:none;} .column.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments{display:none;} .wrap.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments{display:none;} /* Recent posts */ .Recent_posts ul li .desc{margin-right:40px} .Recent_posts ul li .photo{width:40px;height:40px} .Recent_posts ul li.format-link .photo{background-size:40% auto} .Recent_posts ul li .photo .c{width:20px;height:20px;line-height:20px;bottom:5px;right:-8px} .Recent_posts ul li.format-link .photo:after {width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .Recent_posts ul li.format-quote .photo:after { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:694px} /* Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-4 .portfolio-item,.portfolio_group.masonry.col-4 .portfolio-item,.portfolio_group.masonry-hover.col-4 .portfolio-item,.portfolio_group.masonry-minimal.col-4 .portfolio-item,.portfolio_group.grid.col-5 .portfolio-item,.portfolio_group.masonry.col-5 .portfolio-item,.portfolio_group.masonry-hover.col-5 .portfolio-item,.portfolio_group.masonry-minimal.col-5 .portfolio-item,.portfolio_group.grid.col-6 .portfolio-item,.portfolio_group.masonry.col-6 .portfolio-item,.portfolio_group.masonry-hover.col-6 .portfolio-item,.portfolio_group.masonry-minimal.col-6 .portfolio-item{width:31.33%} /* Flat */ .portfolio_group.flat.col-4 .portfolio-item,.portfolio_group.flat.col-5 .portfolio-item,.portfolio_group.flat.col-6 .portfolio-item{width:33.33%} /* Tabs */ .tabs_vertical.ui-tabs .ui-tabs-nav{width:33%!important} .tabs_vertical.ui-tabs .ui-tabs-panel{width:66.7%!important} /* Counter */ .one-fourth .counter.counter_horizontal,.one-fifth .counter.counter_horizontal,.one-sixth .counter.counter_horizontal{text-align:center} .one-fourth .counter.counter_horizontal .icon_wrapper,.one-fifth .counter.counter_horizontal .icon_wrapper,.one-sixth .counter.counter_horizontal .icon_wrapper{position:static;margin:0 auto;margin-bottom:15px} .one-fourth .counter.counter_horizontal .desc_wrapper,.one-fifth .counter.counter_horizontal .desc_wrapper,.one-sixth .counter.counter_horizontal .desc_wrapper{padding-left:0} /* Article box */ .one-third .article_box, .one-third .article_box > a{display:block} .one-third .article_box .photo_wrapper{width:100%;text-align:center} .one-third .article_box .desc_wrapper{width:100%} /* Pricing table */ .pricing-box .plan-header h2{word-wrap:break-word} .pricing-box .plan-header .price sup.period{position:static;top:0;display:block} /* Infobox */ .infobox{padding-left:20px;word-wrap:break-word} .infobox ul li{padding-left:0;padding-right:0} .infobox ul li:before{display:none} .style-simple .infobox ul li{padding-left:0} /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details:hover .details{opacity:1} .portfolio-photo .portfolio-item .portfolio-details .more{display:none} /* Get in touch */ .get_in_touch{padding-left:20px;word-wrap:break-word} .get_in_touch ul li{padding-left:0;padding-right:0} .get_in_touch ul li .icon{display:none} /* Hover color */ .hover_color{word-wrap:break-word} /* How it works */ .how_it_works .image_wrapper { width: 120px; } .how_it_works .image_wrapper .image{width:116px;height:116px;line-height:114px} .how_it_works .image_wrapper .image img{max-width:66px!important;max-height:66px!important} .how_it_works .image_wrapper .number{bottom:0;right:0} .how_it_works.has_border:after{top:60px} .how_it_works.fill .image img{border-radius:100%;max-width:116px!important;max-height:116px!important;} /* Opening Hours */ .opening_hours{word-wrap:break-word} .opening_hours .opening_hours_wrapper li span{font-size:16px;line-height:16px} /* Icon box */ .icon_box.icon_position_left{min-height:auto;padding-left:0;padding-right:0} .icon_box.icon_position_left .icon_wrapper{position:static;margin-bottom:15px} .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 */ .flat_box .photo_wrapper .icon{width:50px} .flat_box .photo_wrapper .icon i{height:40px;line-height:40px;font-size:30px;margin-top:-20px} .flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(-50px);transform:translateX(-50px)} .flat_box .desc_wrapper{margin:0} .rtl .flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(50px);transform:translateX(50px)} /* Offer thumb */ .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%;float:none} .offer_thumb_ul li.offer_thumb_li .desc_wrapper{width:100%;float:none} .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%} .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper{margin-right:0;width:100%} /* Trailer box */ .trailer_box .desc h2{font-size:22px;line-height:22px} /* Offer slider */ .offer .offer_li .desc_wrapper{width:324px;width:calc(50% - 42px)} /* Error 404 */ #Error_404{position:static;padding-top:50px;margin-top:0} #Error_404 .error_pic{width:100%;float:none} #Error_404 .error_pic i{font-size:260px;line-height:260px} #Error_404 .error_desk{width:100%;float:none;padding-top:20px;text-align:center} /* Buttons */ a.kill_the_icon .button_icon,.widget-area a.button .button_icon{display:none} .button-stroke a.button_left.button.kill_the_icon .button_label{padding-left:20px} .button-stroke a.button_left.button_large.kill_the_icon .button_label{padding-left:30px} .button-stroke a.button_right.button.kill_the_icon .button_label{padding-right:20px} .button-stroke a.button_right.button_large.kill_the_icon .button_label{padding-right:30px} .button-flat a.button_left.button.kill_the_icon .button_label{padding-left:20px} .button-flat a.button_left.button_large.kill_the_icon .button_label{padding-left:30px} .button-flat a.button_right.button.kill_the_icon .button_label{padding-right:20px} .button-flat a.button_right.button_large.kill_the_icon .button_label{padding-right:30px} .button-round a.button_left.button.kill_the_icon .button_label{padding-left:20px} .button-round a.button_left.button_large.kill_the_icon .button_label{padding-left:30px} .button-round a.button_right.button.kill_the_icon .button_label{padding-right:20px} .button-round a.button_right.button_large.kill_the_icon .button_label{padding-right:30px} /* Zoom Box */ .zoom_box .desc .desc_txt{font-size:18px;line-height:22px} /* Trailer box */ .trailer_box.horizontal .desc{padding-bottom:15px} .trailer_box.horizontal .desc h2{font-size:21px;line-height:21px} .trailer_box.horizontal .desc .subtitle{margin-bottom:5px} /* Easy Digital Downloads */ .edd_downloads_list .edd_download{width:50%!important} .edd_downloads_list .edd_download:nth-child(5n+3){clear:both} .edd_downloads_list .edd_download .edd_download_inner{margin:0 5% 20px} } /* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */ @media only screen and (min-width: 768px) { .section.full-width-ex-mobile > .section_wrapper{max-width:100%!important} /* Transparent ---------- */ .tr-menu #Top_bar .wpml-languages a.active,.tr-menu #Top_bar .wpml-languages ul.wpml-lang-dropdown{background-color:transparent} /* Header | Placeholder */ .header-creative .header_placeholder, .header-empty .header_placeholder, .header-fixed .header_placeholder, .header-modern .header_placeholder, .header-semi .header_placeholder, .header-simple .header_placeholder, .header-transparent .header_placeholder{height:0!important} .tr-menu .header_placeholder{height:0!important} /* Header | Classic */ .tr-menu.header-classic #Top_bar{position:absolute} .tr-menu.header-classic #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-classic.ab-show #Top_bar:not(.is-sticky){top:45px!important} /* Header | Creative */ .tr-menu.header-creative #Header_creative{transition:left .5s ease-in-out, right .5s ease-in-out, background-color .5s ease-in-out} .tr-menu.header-creative #Header_creative:not(.active){background-color:transparent} /* Header | Plain */ .tr-menu.header-plain #Top_bar{position:absolute} .tr-menu.header-plain #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-plain.ab-show #Top_bar:not(.is-sticky){top:45px!important} /* Header | Split */ .tr-menu.header-split #Top_bar{position:absolute} .tr-menu.header-split #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-split.ab-show #Top_bar:not(.is-sticky){top:45px!important} /* Header | Semitransparent */ .header-semi #Top_bar:not(.is-sticky){position:absolute;background-color:rgba(255,255,255,0.8)} .header-semi.ab-show #Top_bar:not(.is-sticky){top:45px!important} .header-semi.ab-hide #Top_bar:not(.is-sticky){top:0!important} /* Header | Shop */ .tr-menu.header-shop #Top_bar{position:absolute} .tr-menu.header-shop #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-shop.ab-show #Top_bar:not(.is-sticky){top:45px!important} /* Header | Shop split */ .tr-menu.header-shop-split #Top_bar{position:absolute} .tr-menu.header-shop-split #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-shop-split.ab-show #Top_bar:not(.is-sticky){top:45px!important} /* Header | Stack */ .tr-menu.header-stack #Top_bar{position:absolute} .tr-menu.header-stack #Top_bar:not(.is-sticky){top:0!important;background-color:transparent!important} .tr-menu.header-stack.ab-show #Top_bar:not(.is-sticky){top:45px!important} } /* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */ @media only screen and (max-width: 767px) { body{min-width:0;} body.responsive-overflow-x-mobile{overflow-x:hidden} .section_wrapper .mcb-wrap, .section_wrapper .column, .container .column{margin:0;width:100%;clear:both;} .sections_group, .four.columns{margin:0;width:100% !important;clear:both;} .aside_both .sections_group{margin:0 auto!important;} .content_wrapper .section_wrapper, .container, .four.columns .widget-area{max-width:700px!important;} .content_wrapper .section:not(.full-width) > .section_wrapper .section_wrapper { padding-left: 0 !important; padding-right: 0 !important; } /* Double padding fix for templates */ .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper{max-width:100%;} body.ofcs-mobile .mfn-off-canvas-sidebar .mfn-off-canvas-switcher{display:flex} /*.content_wrapper .mcb-column-inner{margin:0 0 20px;height:auto!important;}*/ .content_wrapper .mcb-column-inner{margin:0 0 20px} .equal-height .mcb-wrap .mcb-column-inner, .equal-height.no-margin-v .mcb-wrap .mcb-column-inner, .equal-height .column-margin-0px .mcb-column-inner{height:auto!important} .four.columns{margin:auto 0!important;} .mcb-wrap[data-mobile~="no-up"]{margin-top:0!important} .no-sec-padding .mcb-section .section_wrapper, .no-sec-padding-mob .mcb-section .section_wrapper{padding-left:0!important;padding-right:0!important} .mcb-wrap.wrap-sticky-spacer{min-height:unset} .mcb-wrap.wrap-sticky-rails{position:static;min-height:unset!important} /*.mcb-wrap.sticky{position:static!important}*/ .mcb-section.wrap-reverse > .mcb-section-inner, .mcb-wrap.column-reverse > .mcb-wrap-inner{flex-direction:column-reverse} .mcb-section.wrap-reverse-rows > .mcb-section-inner, .mcb-wrap.column-reverse-rows > .mcb-wrap-inner{flex-direction:row-reverse} /* Fullscreen section */ .section.full-screen { height: auto; } .sticky-mobile{position:sticky;z-index:2;top:var(--sticky-offset-mobile,0)} /* -------------------- */ /* .mcb-wrap */ .mobile-one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .mobile-one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .mobile-one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .mobile-one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .mobile-two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .mobile-one-second.mcb-wrap { width: 50%; } /* 1/2 */ .mobile-three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .mobile-two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .mobile-three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .mobile-four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .mobile-five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .mobile-one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .mobile-one-sixth.column { width: 16.666%; } /* 1/6 */ .mobile-one-fifth.column { width: 20%; } /* 1/5 */ .mobile-one-fourth.column, .mobile-four.columns { width: 25%; } /* 1/4 */ .mobile-one-third.column { width: 33.333%; } /* 1/3 */ .mobile-two-fifth.column { width: 40%; } /* 2/5 */ .mobile-one-second.column { width: 50%; } /* 1/2 */ .mobile-three-fifth.column { width: 60%; } /* 3/5 */ .mobile-two-third.column { width: 66.666%; } /* 2/3 */ .mobile-three-fourth.column { width: 75%; } /* 3/4 */ .mobile-four-fifth.column { width: 80%; } /* 4/5 */ .mobile-five-sixth.column { width: 83.333%; } /* 5/6 */ .mobile-one.column { width: 100%; } /* 1/1 */ /* -------------------- */ /* Column | Align */ .column_attr.mobile_align_left{text-align:left} .column_attr.mobile_align_right{text-align:right} .column_attr.mobile_align_center{text-align:center} .column_attr.mobile_align_justify{text-align:justify} .boxed2fw{padding:0!important} .boxed2fw #Wrapper{margin:0!important;max-width:100%!important;width:100%!important} .column_placeholder > .placeholder{height:0} /* Sections */ .highlight-left .section_wrapper,.highlight-right .section_wrapper{max-width:100%!important;padding:0!important} .highlight-left .section_wrapper .wrap,.highlight-right .section_wrapper .wrap{padding:0 33px} .highlight-left.full-screen > .section_wrapper,.highlight-right.full-screen > .section_wrapper{padding:0!important} .equal-height-wrap .mcb-wrap{height:auto!important} .equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important} .section.has-navi .section-nav.prev{top:10px} .section.has-navi .section-nav.next{bottom:10px} .hide-mobile{display:none!important} .arrows-hide-mobile .mfn-swiper-arrow{display:none!important} .arrows-hide-mobile.mfn-arrows-standard .swiper{ margin: 0 auto; flex: 0 0 100%; } .dots-hide-mobile .swiper-pagination{display:none!important} /*.section_wrapper .column.hide-mobile{height:0!important}*/ #Top_bar .hide-total-mobile .header-cart-total{display:none!important} /* Sidebar */ .mcb-sidebar{padding:0;min-height:unset!important;border:0!important;} .mcb-sidebar:after,.mcb-sidebar:before{display:none} .inner-wrapper-sticky{position:static!important;transform:none!important} .widget-area{height:auto!important;margin:0 auto 20px!important;box-sizing:content-box} .widget:after{width:100%} /* Header | Placeholder */ .mobile-tr-header .header_placeholder, body:not(.mobile-sticky) .header_placeholder{height:0!important} /* Header --------------- */ #Top_bar,#Action_bar{background-color:#fff!important;position:static} #Top_bar .container{max-width:100%!important;padding:0!important} #Top_bar .column{flex-wrap:wrap} #Top_bar .top_bar_left{float:none;width:100%!important;background:none!important} #Top_bar .top_bar_right{width:100%} #Top_bar a.responsive-menu-toggle{top:40px;right:10px;} #Top_bar a.responsive-menu-toggle.is-sticky{position:fixed;top:30px;left:10px;} .admin-bar #Top_bar a.responsive-menu-toggle.is-sticky{top:56px} #Top_bar .menu_wrapper{float:left!important;width:100%;margin:0!important} #Top_bar #menu{float:left;position:static!important;width:100%!important} #Top_bar .logo{position:static;float:left;width:100%;text-align:center;margin:0} #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link{padding:0!important;margin:10px 50px} #Top_bar #logo img.logo-main{display:none} #Top_bar #logo img.logo-mobile{display:inline-block} #Top_bar #logo img.logo-mobile-sticky{display:none} #Header_creative .creative-wrapper #Top_bar .one{display:block} #Header_creative #Top_bar #logo img.logo-sticky{display:none} .mobile-sticky #Top_bar.is-sticky #logo img:not(.svg){width:auto!important} .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile{display:none} .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky{display:inline-block} .mobile-sticky.logo-overflow #Top_bar.is-sticky #logo img.logo-mobile-sticky{max-height:80px!important} .logo-overflow #Top_bar .logo{height:auto!important} #Top_bar .top_bar_right{float:none;padding:5px 10px} #Top_bar .top_bar_right .top_bar_right_wrapper{flex-wrap:wrap;justify-content:center} #Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .wpml-languages, #Top_bar .top_bar_right .top-bar-right-button{margin:5px} #Top_bar .wpml-languages a.active{height:15px;line-height:17px} #Top_bar .top_bar_right .top-bar-right-input { width: 80%; margin: 0 10%; } #Top_bar .top_bar_right .top-bar-right-input form, #Top_bar .top_bar_right .top-bar-right-input input, #Top_bar .top_bar_right .top-bar-search-form .mfn-live-search-box { width: 100% !important; } #Top_bar .search_wrapper, #Top_bar .top_bar_right .mfn-live-search-box { z-index: 10000; } .mobile-tb-left #Top_bar .top_bar_right .top_bar_right_wrapper{justify-content:flex-start} .mobile-tb-right #Top_bar .top_bar_right .top_bar_right_wrapper{justify-content:flex-end} .mobile-tb-hide #Top_bar .top_bar_right{display:none} .mobile-menu #Top_bar .menu.menu-main, .mobile-menu #Side_slide .menu.menu-main, .mobile-menu #Overlay .menu.overlay-menu{display:none} .mobile-menu #Top_bar .menu.menu-mobile, .mobile-menu #Overlay .menu.menu-mobile, .mobile-menu #Side_slide .menu.menu-mobile{display:block} /* Header icons */ .mobile-icon-user-hide #Top_bar .top-bar-right-icon-user, .mobile-icon-user-ss #Top_bar .top-bar-right-icon-user, .mobile-icon-wishlist-hide #Top_bar .top-bar-right-icon-wishlist, .mobile-icon-wishlist-ss #Top_bar .top-bar-right-icon-wishlist, .mobile-icon-cart-hide #Top_bar .top-bar-right-icon-cart, .mobile-icon-cart-ss #Top_bar .top-bar-right-icon-cart, .mobile-icon-search-hide #Top_bar .top-bar-right-icon-search, .mobile-icon-search-ss #Top_bar .top-bar-right-icon-search, .mobile-icon-wpml-hide #Top_bar .wpml-languages, .mobile-icon-wpml-ss #Top_bar .wpml-languages, .mobile-icon-action-hide #Top_bar .action_button, .mobile-icon-action-ss #Top_bar .action_button{display:none!important} /* Header | Below */ body.header-below:not(.template-slider) #Header{padding-top:0!important} /* Header | Modern */ .header-modern #Top_bar .top_bar_right{top:0;margin-left:0} .header-modern #Top_bar .top_bar_right:before{content:none} /* Header | Creative */ .header-creative #Header_creative{position:static} .header-creative.layout-boxed{padding-top:0} .header-creative.layout-boxed #Wrapper{margin-top:25px} .header-creative.layout-full-width #Wrapper{padding-top:0!important} #Header_creative #Top_bar .responsive-menu-toggle{top:35px} #Header_creative #Top_bar .responsive-menu-toggle.is-sticky{position:fixed;top:10px;left:10px;margin-top:0;} .admin-bar #Header_creative #Top_bar .responsive-menu-toggle.is-sticky{top:56px} #Header_creative #Top_bar .top_bar_left{margin-top:0;overflow:hidden} #Header_creative #Top_bar .logo #logo, #Header_creative #Top_bar .logo .custom-logo-link{padding:0;} #Header_creative #Top_bar .logo #logo img, #Header_creative #Top_bar .logo .custom-logo-link img{max-height:50px} .logo-no-sticky-padding #Header_creative #Top_bar .logo #logo img{max-height:60px} #Header_creative #Top_bar #menu{position:static;width:100%} .admin-bar #Header_creative{top:0!important} /* Header | Intro */ #Intro{min-height:auto!important} #Intro .intro-inner{padding:100px 30px!important} #Intro .intro-next{font-size:25px;bottom:10px} /* Header | Magazine */ .header-magazine #Top_bar .banner_wrapper{width:100%;height:auto;text-align:center;position:static;margin-bottom:20px} /* Header | Minimalist */ body.minimalist-header.header-transparent #Header{min-height:0!important} .minimalist-header-no #Subheader{padding:80px 0!important} /* Header | Overlay */ .header-overlay .overlay-menu-toggle{top:10px;right:5px} #overlay-menu ul li a{font-size:22px;line-height:36px} /* Header | Plain */ .header-plain #Top_bar .logo{text-align:left} .header-plain #Top_bar .logo #logo, .header-plain #Top_bar .logo .custom-logo-link{padding:5px 42px 15px 15px} .header-plain #Top_bar .top_bar_right .top_bar_right_wrapper{line-height:0;padding-top:0} .header-plain #Top_bar .top_bar_right .top-bar-right-icon, .header-plain #Top_bar .top_bar_right .wpml-languages, .header-plain #Top_bar .top_bar_right .top-bar-right-button, .header-plain #Top_bar .top_bar_right .top-bar-right-input{margin:0;padding:0 10px;height:50px} .header-plain #Top_bar .top_bar_right_wrapper > *:last-child { border-right-width: 1px; } /* Header | Simple */ .header-simple #Top_bar .top_bar_left{top:0!important} /* Header | Stack */ .header-stack #Top_bar .logo{padding:0;text-align:center!important;border-bottom:unset} .header-stack #Top_bar .logo #logo, .header-stack #Top_bar .logo .custom-logo-link{display:block} .header-stack #Top_bar a.responsive-menu-toggle{position:absolute!important;margin-top:-17px!important} .header-stack #Top_bar a.responsive-menu-toggle.is-sticky{position:fixed!important;margin-top:0!important} .header-stack #Top_bar .secondary_menu_wrapper{display:none} .header-stack #Top_bar .top_bar_right{position:static} /* Header | Shop */ .header-shop #Top_bar .top_bar_row { display: block; } .header-shop #Top_bar .top_bar_right { clear: both; box-sizing: border-box; } .header-shop #Top_bar .top_bar_right a.responsive-menu-toggle { display: none; } .header-shop #Top_bar .top_bar_right .top_bar_right_wrapper { justify-content: center; } .header-shop #Top_bar .top_bar_right .top-bar-right-input {flex: unset;} .header-shop #Top_bar .top_bar_row_second { margin-top: unset; } .header-shop #Top_bar .logo a.responsive-menu-toggle { display: block; } /* Header | Shop Split */ .header-shop-split #Top_bar .logo { margin: 0; } .header-shop-split #Top_bar .top_bar_row { display: block; } .header-shop-split #Top_bar .top_bar_right { clear: both; box-sizing: border-box; } .header-shop-split #Top_bar .top_bar_right .top_bar_right_wrapper { justify-content: center; } .header-shop-split #Top_bar .top_bar_right .top-bar-right-input {flex: unset;margin:5px 0 10px;} /* Header mobile | minimal */ .mobile-header-mini #Action_bar{display:none} .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, .mobile-header-mini #Top_bar .custom-logo-link{height:60px!important;line-height:60px!important;margin:0} .mobile-header-mini.logo-overflow #Top_bar #logo img.logo-mobile{max-height:80px!important} .mobile-header-mini #Top_bar a.responsive-menu-toggle{top:30px!important;left:auto;right:10px;margin-top:-17px;} .mobile-header-mini.mobile-sticky #Top_bar.is-sticky #logo, .mobile-header-mini.mobile-sticky #Top_bar.is-sticky .custom-logo-link{margin-left:0!important;margin-right:0!important} .mobile-header-mini #Top_bar .top_bar_right{width:unset;height:100%;max-height:60px;position:absolute;top:0;right:54px;background:none;padding:0;} .mobile-header-mini #Top_bar a.action_button{display:none} .mobile-header-mini #Top_bar #search_button{margin-left:0;margin-right:0;} .mobile-header-mini #Top_bar .top-bar-right-input { display: none; } .mobile-header-mini #Top_bar .wpml-languages{margin-right:0;} .mobile-header-mini #Top_bar .wpml-languages a.active, .mobile-header-mini #Top_bar .wpml-languages ul.wpml-lang-dropdown{border:none;} .mobile-header-mini #Top_bar #menu{padding-bottom:10px;} .mobile-header-mini #Top_bar #menu ul li a span{line-height:44px;} .mobile-header-mini #Top_bar #menu ul li.submenu .menu-toggle{line-height:44px;right:3px;} .mobile-header-mini #Header_creative #Top_bar .top_bar_right_wrapper{padding-top:0} /* Header mobile | minimal | style */ .mobile-header-mini.mobile-mini-mr-lr #Top_bar .logo{float:right;margin-left:0;margin-right:54px;} .mobile-header-mini.mobile-mini-mr-lr #Top_bar .top_bar_right{left:10px;right:auto;} .mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo{float:none;margin-left:0;margin-right:0;text-align:center} .mobile-header-mini.mobile-mini-mr-lc #Top_bar .top_bar_right{left:10px;right:auto;} .mobile-header-mini.mobile-mini-ml-ll #Top_bar a.responsive-menu-toggle{left:10px;right:auto} .mobile-header-mini.mobile-mini-ml-ll #Top_bar .logo{margin-left:54px!important} .mobile-header-mini.mobile-mini-ml-ll #Top_bar .top_bar_right{right:15px;} .mobile-header-mini.mobile-mini-ml-lc #Top_bar a.responsive-menu-toggle{left:10px;right:auto} .mobile-header-mini.mobile-mini-ml-lc #Top_bar .logo{float:none;margin-left:0;margin-right:0;text-align:center} .mobile-header-mini.mobile-mini-ml-lc #Top_bar .top_bar_right{right:15px;} .mobile-header-mini.mobile-mini-ml-lr #Top_bar a.responsive-menu-toggle{left:10px;right:auto} .mobile-header-mini.mobile-mini-ml-lr #Top_bar .logo{float:right;margin-left:0;margin-right:15px;} .mobile-header-mini.mobile-mini-ml-lr #Top_bar .top_bar_right{left:49px;right:auto;} /* Header mobile | minimal | headers compatibility */ .mobile-header-mini.header-plain #Top_bar .top_bar_right{margin-right:5px;} .mobile-header-mini.header-plain #Top_bar a#header_cart{line-height:60px!important;border:none;padding:0 5px;} .mobile-header-mini.header-plain #Top_bar a#search_button{line-height:60px!important;border:none;padding:0 3px;} .mobile-header-mini.header-plain #Top_bar .wpml-languages{height:60px!important;border:none;padding:0 5px 0 10px;top:0;} .mobile-header-mini.header-plain #Top_bar .wpml-languages a.active{line-height:60px!important} .mobile-header-mini.header-plain #Top_bar .wpml-languages:hover a.active{background:none;} .mobile-header-mini.header-split #Top_bar .top_bar_left .logo{width:auto;margin-left:15px} .mobile-header-mini #Header_creative #Top_bar{width:100%;margin:0;} .mobile-header-mini .overlay-menu-toggle{font-size:22px;top:8px;margin:0!important;} /* Header mobile | sticky */ .mobile-sticky #Top_bar.is-sticky{position:fixed !important;} .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle{top:30px!important;} .mobile-sticky #Top_bar.is-sticky .top_bar_right{display:none;} .mobile-sticky #Top_bar #menu{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;} .mobile-sticky #Top_bar.is-sticky #logo, .mobile-sticky #Top_bar.is-sticky .custom-logo-link{height:50px!important;line-height:50px!important;margin:5px 50px;} .logo-no-sticky-padding.mobile-sticky #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important;margin:0 50px;} .mobile-header-mini.mobile-sticky #Top_bar .top_bar_right{display:block} /* Header mobile | transparent */ .mobile-tr-header #Action_bar,.mobile-tr-header #Top_bar,.mobile-tr-header #Top_bar .top_bar_right{background:none!important} .mobile-tr-header #Top_bar{position:absolute;top:50px} .mobile-tr-header.ab-hide #Top_bar{top:0} .mobile-tr-header #Action_bar{position:absolute} .mobile-tr-header #Top_bar .wpml-languages a.active,.mobile-tr-header #Top_bar .wpml-languages ul.wpml-lang-dropdown{background:none} .mobile-tr-header.header-creative.layout-full-width #Wrapper{padding-top:0} /* Header mobile | transparent | plain */ .mobile-tr-header.header-plain #Top_bar,.mobile-tr-header.header-plain #Top_bar .top_bar_right_wrapper > *{border:none!important;background:none!important} /* Header mobile | transparent | creative */ .mobile-tr-header #Header_creative{background:none!important;position:absolute} /* Action Bar */ #Action_bar .contact_details li,#Action_bar .social{padding:0!important} #Action_bar .contact_details{float:none;text-align:center;padding:5px 0;color:#222;} #Action_bar .contact_details li{padding:0} #Action_bar .contact_details li.slogan{display:none} #Action_bar .social{float:none;text-align:center;padding:5px 0 0;margin-bottom:5px} #Action_bar .social li{margin-right:5px} #Action_bar .social li a{color:rgba(0,0,0,.3)} #Action_bar .social li a:hover{color:rgba(0,0,0,.8)} #Action_bar .social-menu{float:none;text-align:center;padding:5px 0 0} /* Subheader */ #Subheader .title{width:100%} #Subheader ul.breadcrumbs{display:none} /* Footer --------------- */ #Footer .widgets_wrapper.center{text-align:center} #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 .footer_copy .social-menu{float:none;margin:0} /* Footer | Sliding */ .footer-fixed #Content,.footer-sliding #Content{margin-bottom:0!important} .footer-fixed #Footer,.footer-sliding #Footer{position:static} /* Back to top */ #back_to_top{float:none;margin:-10px 0 10px} #back_to_top.in_footer,#back_to_top.sticky{right:20px!important;margin:0} /* GDPR */ #mfn-gdpr[data-direction="horizontal"]{flex-direction:column} #mfn-gdpr[data-direction="horizontal"] .mfn-gdpr-image{margin-right:0;margin-bottom:25px} #mfn-gdpr[data-direction="horizontal"] .mfn-gdpr-image img{max-height:64px;max-width:100%} #mfn-gdpr[data-direction="horizontal"] .mfn-gdpr-content{margin-right:0;margin-bottom:15px;text-align:center} #mfn-gdpr[data-direction="horizontal"] .mfn-gdpr-readmore{margin-right:0;margin-bottom:15px} /* Blog --------------- */ .classic .post-photo-wrapper{width:100%;float:none} .classic .post-desc-wrapper{width:100%;float:none} .classic .post-meta .author-date .author .label{display:none} .classic .post-meta .category{display:none} .classic .post-desc-wrapper .post-footer .button-love .love-text{display:none} .classic .post-desc-wrapper .post-desc{padding:15px 0 0} /* Blog | Timeline */ .timeline .post-item{padding-left:0;background:none} .timeline .post-item:before{display:none} .timeline .post-photo-wrapper{width:100%;float:none} .timeline .post-desc-wrapper{width:100%;float:none} .timeline .post-item .date_label{display:inline-block;position:static;margin-bottom:10px} .timeline .post-meta .category{display:none} .timeline .post-desc-wrapper .post-footer .button-love .love-text{display:none} .timeline .post-desc-wrapper .post-desc{padding:15px 0 0} .style-simple .timeline_items > li{width:100%;padding:0!important;background:none!important} .style-simple .timeline_items > li h3 span{display:block;position:static} .style-simple .timeline_items > li:nth-child(even){padding:0} .style-simple .timeline_items > li:nth-child(even) .desc{text-align:right} /* Blog | Masonry */ .grid .post-item,.masonry .post-item{width:100%!important;margin:0 0 20px!important} /* Blog | Masonry tiles */ .masonry.tiles .post-item{width:100%!important} /* Blog | Photo */ .photo .post-desc .post-head{margin-bottom:5px} .photo .post-desc .post-head .post-meta .category{display:none} .photo .post-desc .post-head .post-meta .author-date{margin-right:10px} /* Blog | Photo 2 */ .photo2 .post-item{margin-bottom:40px} .photo2 .post .post-desc-wrapper{width:100%;top:0} .photo2 .post.no-img{margin-bottom:40px} .photo2 .post.no-img .button-love{right:25px} .photo2.col-2 .post-item, .photo2.col-3 .post-item{width:100%;margin:0 0 40px} /* Blog single */ .single-post .format-image .single-photo-wrapper .image_frame{display:block} .single-post .format-link .single-photo-wrapper,.single-post .format-quote .single-photo-wrapper{display:none} /* Post header */ .post-header .button-love{width:69px} .post-header .title_wrapper{margin-left:69px;padding-left:20px} .post-header .title_wrapper h1{font-size:27px;line-height:27px} .post-header .post-meta .category{display:none} /* Single photo wrapper */ .single-photo-wrapper .image_frame{max-width:100%!important;margin-left:0} .single-photo-wrapper .share_wrapper{float:none;padding:5px 15px 0;margin-bottom:20px;width:auto} .no-share-mobile .single-photo-wrapper .share_wrapper{display:none} .wp-caption-text.hide-mobile{display:none} /* Post nav */ .post-nav{padding:10px 10px 4px 90px} /* Share simple */ .no-share-mobile .share-simple-wrapper, .no-share-mobile .section-post-intro-share{display:none} /* Portfolio --------------- */ .portfolio_group .portfolio-item{width:100%!important;margin:0 0 20px!important;float:none} .section.full-width .portfolio_group .portfolio-item{width:100%!important} .portfolio_group .portfolio-item .list_style_header{padding-right:0;min-height:inherit} .portfolio_group .portfolio-item .list_style_header h3{margin:0} .portfolio_group .portfolio-item .list_style_header .links_wrapper{display:none} .portfolio_group .portfolio-item .desc .desc-wrapper{margin-right:0} .portfolio_group .portfolio-item .desc .details-wrapper{float:none;width:100%;padding-left:0;border-left-width:0;border-bottom-width:1px;padding-bottom:15px;margin-bottom:15px} .portfolio_group.list .portfolio-item .desc{padding-top:10px} .portfolio_group.list .portfolio-item .portfolio-item-fw-bg{background-image:none!important;padding-bottom:0} body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:380px} /* Project decription */ .project-description li,.project-description li.one-third{width:100%;border-width:0 0 1px} .project-description li:last-child{border-bottom:0} /* Portfolio | Exposure */ .portfolio_group.exposure .portfolio-item{margin:0!important;overflow:hidden} .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper{display:none} .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner{padding:0} .portfolio_group.exposure .portfolio-item .details-wrapper{display:none} .portfolio_group.exposure .portfolio-item .image-wrapper{margin:0 -100px} .full-width .portfolio_group.exposure .portfolio-item .desc-inner{top:30px} /* Portfolio | Flat */ .portfolio_group.flat .portfolio-item{margin-bottom:0!important} /* Portfolio | Grid */ ul.portfolio_grid li{width:100%!important;float:left} /* Portfolio | Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item{width:49.9%!important;width:calc(50% - 1px)!important;margin:0!important} .portfolio_group.masonry-flat .portfolio-item.wide{width:99.8%!important;width:calc(100% - 1px)!important} .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill{padding-bottom:calc(156% - 1px)} /* Portfolio | Photo */ .portfolio-photo .portfolio-item .portfolio-details .details{display:none} .portfolio-photo .portfolio-item .portfolio-details .more{opacity:1} /* Post related */ .section-post-related .post-related{width:100% !important;} /* Shortcodes --------------- */ /* Alert */ .alert .alert_wrapper { flex-wrap: wrap; } .alert .wc-forward { margin-left: unset; margin-top: 5px; } /* Blog Teaser */ .blog-teaser li{width:100%!important} .blog-teaser li:not(:first-child){margin-top:10px} .blog-teaser.margin-no li{margin-top:0} /* Call to action */ .call_to_action .call_left,.call_to_action .call_center,.call_to_action .call_right{display:block;width:100%} .call_to_action .call_left{margin-bottom:20px} .call_to_action .call_center{margin-bottom:20px} .call_to_action .call_right{margin-bottom:0;text-align:center} /* Clients */ ul.clients:not(.clients_slider_ul) li{width:50%!important} /* Content slider */ .content_slider{padding:0!important;margin:0 0 50px} .content_slider .slider_pagination{padding:0 20%;box-sizing:border-box;} .content_slider a.button{top:auto!important;bottom:-60px;} .content_slider a.slider_prev{left:0!important} .content_slider a.slider_next{right:0!important} .content_slider a.button .button_icon{padding:7px 9px} .content_slider.flat a.button,.content_slider.carousel a.button{bottom:-50px} .content_slider.flat a.button .button_icon{font-size:30px} .content_slider.center{margin-bottom:0} .content_slider.center a.button{display:none!important} /* Divider */ .hr_full hr,.aside_left .hr_full hr,.aside_right .hr_full hr{position:absolute;left:-1000px;top:0;width:3000px} /* Fancy headings */ .fancy_heading h2{font-size:30px;line-height:30px} /* Features lists */ .feature_list ul li{width:100%!important;float:none;border-bottom:1px solid rgba(0,0,0,0.08)} .feature_list hr{display:none} /* Flat Box */ .flat_box .desc_wrapper{margin:0} /* Google maps */ .google-map-contact-wrapper{position:static;margin-left:0!important;} .google-map-contact-wrapper .get_in_touch{float:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .google-map-contact-wrapper .get_in_touch:after{display:none;} /* How it works */ .how_it_works .image,.with_aside .how_it_works .image{width:196px;height:196px;line-height:194px} .how_it_works .image img{max-width:116px!important;max-height:116px!important} .how_it_works .image .number,.with_aside .how_it_works .image .number{bottom:10px;right:10px} .how_it_works.has_border:after{display:none} .with_aside .how_it_works .image img{max-width:116px!important;max-height:116px!important} .with_aside .how_it_works.fill .image img{max-width:196px!important;max-height:196px!important} /* Offer slider */ .offer .offer_li .image_wrapper{width:100%;float:none;margin-bottom:15px;overflow:hidden} .offer .offer_li .desc_wrapper{width:90%;width:calc(100% - 67px)!important;margin:0 auto;float:none;clear:both} .offer .offer_li .desc_wrapper .title{padding-right:0;margin-bottom:15px} .offer .offer_li .desc_wrapper .title h3{margin-bottom:15px;font-size:27px;line-height:27px} .offer .offer_li .desc_wrapper .title a.button{position:relative} .offer a.slider_prev{left:20px;top:20px;margin:0} .offer .slider_pagination{left:20px;top:65px;margin:0} .offer a.slider_next{left:20px;top:111px;margin:0} .button-stroke .offer a.slider_prev{margin-top:-8px} .button-stroke .offer a.slider_next{margin-top:6px} /* Icon box */ .icon_box.has_border:after{display:none} /* Image Frame */ .image_frame{margin-top:0!important} .if-modern-overlay .image_frame .image_wrapper .image_links a { width: 26px; height: 26px; margin-bottom: 3px; } .if-modern-overlay .image_frame .image_wrapper .image_links a svg { width: 20px; } /* Offer thumb */ .offer_thumb{padding-left:0} .offer_thumb_ul li.offer_thumb_li{padding-left:0} .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%;float:none} .offer_thumb_ul li.offer_thumb_li .desc_wrapper{width:100%;float:none} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title{padding-right:0} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{margin-bottom:15px} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button{position:relative} .offer_thumb .slider_pagination{margin-top:20px;line-height:inherit} /* Offer thumb bottom */ .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:100%} .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper{margin-right:0;width:100%} /* Pricing table */ .pricing-box-label .plan-header,.pricing-box-label .plan-footer{display:none} .pricing-box-label ul li{text-align:center!important} /* Promo box */ .promo_box.has_border:after{display:none} .promo_box_wrapper{overflow:visible} .promo_box_wrapper .photo_wrapper{width:100%;float:none;line-height:0;margin-bottom:15px} .promo_box_wrapper .desc_wrapper{width:100%;margin:0!important;float:none;padding-top:0} /* Story Box */ .story_box{padding:0 11%!important} .story_box .desc_wrapper{margin-right:0!important} /* Table */ .table-responsive table{overflow-x:auto;display:block;word-break:normal} .table-responsive table a.kill_the_icon .button_icon{display:none} /* Tabs */ .ui-tabs .ui-tabs-nav li{float:none!important;width:100%!important;border-width:0 0 var(--mfn-tabs-border-width);} .ui-tabs .ui-tabs-nav li:last-child{border-bottom:0} .ui-tabs .ui-tabs-nav li a{text-align:center;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-active a{background-image:none} .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after{display:none} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:none} /* Tabs: simple-style */ .style-simple .ui-tabs .ui-tabs-nav li a{background-image:none} .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:block} /* Tabs vertical: simple-style */ .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a{text-align:center;padding-right:20px} .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel{border-width:1px 0 0!important} .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:block;width:100%;height:var(--mfn-tabs-border-width);left:0;top:auto;bottom:0;right:auto} /* Testimonials list */ .testimonials_list .item{margin-bottom:30px} .testimonials_list .item .photo{width:100%;float:none;margin-bottom:10px} .testimonials_list .item .desc{width:100%;float:none;margin-bottom:0} /* Timeline */ .timeline_items{background-position:91px top} .timeline_items > li{padding:0 0 25px 150px !important;background:url(../images/timeline_right.png) no-repeat!important;background-position:50px top!important;width:auto} .timeline_items > li h3 span{left:0!important;right:auto} .timeline_items > li h3, .timeline_items > li:nth-child(even) h3{text-align:left} .timeline_items > li h3:before{left:93px} .timeline_items > li .desc, .timeline_items > li:nth-child(even) .desc{text-align:left} .timeline_items > li .desc:before{display:none} .timeline_items:after{left:93px} /* Trailer box */ .trailer_box.horizontal .desc{padding-bottom:40px} .trailer_box.horizontal:hover .desc h2{bottom:20px} .trailer_box.horizontal:hover .desc .subtitle{bottom:20px} /* General -------------------- */ /* Error 404 */ #Error_404{position:static;padding-top:20px;margin-top:0} #Error_404 .error_pic{width:100%;float:none} #Error_404 .error_pic i{font-size:160px;line-height:160px} #Error_404 .error_desk{width:100%;float:none;padding-top:20px;text-align:center} #Error_404 .error_desk h2{font-size:30px;line-height:30px} #Error_404 .error_desk h4{font-size:19px;line-height:25px} #Error_404 .error_desk p .check{line-height:22px;font-size:16px;margin-bottom:15px;display:block} /* Filters */ #Filters .filters_wrapper ul li{width:49%;margin:.5%} /* Fixed nav */ .fixed-nav{display:none!important} /* Popup contact */ #popup_contact{display:none} /* Search Results */ .search-not-found .snf-pic{width:100%;float:none} .search-not-found .snf-pic i{font-size:260px;line-height:260px} .search-not-found .snf-desc{width:100%;float:none;padding-top:20px;text-align:center} .search-results .search-item { display: block; } .search-results .search-item .post-featured-image{width:100%;margin:0 0 20px!important} .search-results .search-item .search-content { width: 100%; } /* 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%. */ .content_video.iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden} .content_video.iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} /* WordPress Admin Bar */ .admin-bar #wpadminbar{z-index:9999!important;position:fixed} /* Fake tabs */ .fake-tabs > ul { padding: 0 5%; } .fake-tabs > ul li a { padding: 20px 10px; } /* Popup */ .mfn-popup .mfn-popup-content { overflow-y: scroll } /* Plugins --------------- */ /* bbPress */ .bbpress ul{font-size:13px} .bbpress li.bbp-forum-info,.bbpress li.bbp-topic-title{width:44%} .bbpress li.bbp-forum-topic-count,.bbpress li.bbp-topic-voice-count,.bbpress li.bbp-forum-reply-count,.bbpress li.bbp-topic-reply-count{width:15%} .bbpress .bbp-body li.bbp-forum-freshness,.bbpress .bbp-body li.bbp-topic-freshness{line-height:16px;font-size:11px} /* Easy Digital Downloads */ .edd_downloads_list .edd_download{width:100%!important} .edd_downloads_list .edd_download .edd_download_inner{margin:0 8% 20px} /* Pretty Photo Popup */ /* Tiny popup on mobile | fix */ .pp_pic_holder{width:90%!important;left:5%!important;overflow:hidden} .pp_content{width:98%!important;height:auto!important} .pp_fade{width:100%!important;height:100%!important} a.pp_expand,a.pp_contract,.pp_hoverContainer,.pp_gallery{display:none!important} #pp_full_res img{width:100%!important;height:auto!important} .pp_details{width:100%!important;position:static!important;min-height:25px} .pp_details a.pp_close{top:auto;right:25px} /* Theme Options size | fix */ div.pp_pic_holder,div.pp_content,div.pp_details{max-width:100%} div.pp_content{overflow:auto} } /* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Respond */ #respond .comment-form-author{width:100%;margin-right:0;float:none} #respond .comment-form-email{width:100%;margin-right:0;float:none} #respond .comment-form-url{width:100%;float:none;clear:both;} #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select{width:100%} #respond .comment-form-comment textarea{width:100%} #respond .required{right:15px} #comments .commentlist > li .comment-body{margin-left:90px;padding:10px} #comments .commentlist > li .photo{left:-90px} #comments .commentlist > li .children{margin-left:0;padding-left:10px} #comments .commentlist > li .reply{right:10px;top:10px} #comments .commentlist > li .comment-meta a.comment-edit-link{padding-right:45px} .rtl #comments .commentlist > li .comment-body{margin-left:0;margin-right:90px} .rtl #comments .commentlist > li .photo{left:auto;right:-90px} .rtl #comments .commentlist > li .children{margin-right:0;padding-left:0;padding-right:10px} .rtl #comments .commentlist > li .reply{left:10px;right:auto} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link{padding-left:45px;padding-right:0} /* Zoom Box */ .zoom_box .desc .desc_txt{font-size:18px;line-height:22px} /* Gallery */ #Content .gallery:not(.gallery-columns-1) .gallery-item{width:50%;clear:none} #Content .gallery:not(.gallery-columns-1) .gallery-item:nth-of-type(2n+1){clear:both} /* Latest News */ .Latest_news.featured ul{width:49%!important} } /* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */ @media only screen and (min-width: 448px) and (max-width: 500px) { .blog_slider a.kill_the_icon .button_icon{display:none;} } @media only screen and (max-width: 479px) { /* Post nav */ .post-nav{padding:10px 10px 4px} /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:260px} /* Portfolio Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item,.portfolio_group.masonry-flat .portfolio-item.wide{width:100%!important} /* Latest News */ .Latest_news.featured ul{width:100%!important} /* Filters */ #Filters .filters_buttons li{margin-right:10px} #Filters .filters_buttons li.label{display:none} #Filters .filters_buttons li i.icon-docs,#Filters .filters_buttons li i.icon-tag{display:none} /* Team */ .team.team_horizontal .image_frame{width:100%;margin:0 0 15px;float:none} .team.team_horizontal .desc_wrapper{width:100%;float:none} /* Timeline */ .timeline_items{background-position:21px top} .timeline_items > li{padding:0 0 25px 80px !important;background-position:-20px top!important} .timeline_items > li h3 span{display:table;position:relative;margin-bottom:20px;clear:both} .timeline_items > li h3:before{left:24px} .timeline_items:after{left:23px} /* Testimonials slider */ .testimonials_slider a.slider_prev{display:none!important} .testimonials_slider a.slider_next{display:none!important} .testimonials_slider .testimonials_slider_ul li{padding:0} /* Respond */ #respond .comment-form-author{width:99%;margin-right:0;float:none} #respond .comment-form-email{width:99%;margin-right:0;float:none} #respond .comment-form-url{width:99%;float:none;clear:both;} #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select{width:100%} #respond .comment-form-comment textarea{width:100%} #respond .required{right:11px} #comments .commentlist > li .comment-body{margin-left:55px;padding:10px} #comments .commentlist > li .photo{width:32px;height:32px;left:-55px} #comments .commentlist > li .children{margin-left:0;padding-left:10px} #comments .commentlist > li .reply{right:10px;top:10px} #comments .commentlist > li .comment-meta a.comment-edit-link{padding-right:0;position:static;float:none} .rtl #comments .commentlist > li .comment-body{margin-left:0;margin-right:55px} .rtl #comments .commentlist > li .photo{left:auto;right:-55px} .rtl #comments .commentlist > li .children{margin-right:0;padding-left:0;padding-right:10px} .rtl #comments .commentlist > li .reply{left:10px;right:auto} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link{padding:0} /* Zoom Box */ .zoom_box .desc .desc_img img{max-height:60px;width:auto} .zoom_box .desc .desc_txt{font-size:14px;line-height:17px} /* Feature box */ .feature_box .feature_box_wrapper{display:block} .feature_box .feature_box_wrapper .photo_wrapper,.feature_box .feature_box_wrapper .desc_wrapper{display:block;width:100%;padding:0} .feature_box .feature_box_wrapper .photo_wrapper{margin-bottom:15px;text-align:center} .feature_box .feature_box_wrapper .photo_wrapper a{display:inline-block} /* Gallery */ #Content .gallery .gallery-item{width:100%} /* bbpress */ .bbpress #bbpress-forums p.bbp-topic-meta,.bbpress #bbpress-forums p.bbp-topic-meta{display:none} /* Easy Digital Downloads */ .edd_downloads_list .edd_download{width:100%!important} .edd_downloads_list .edd_download .edd_download_inner{margin:0 0 20px} /* GDPR */ #mfn-gdpr[data-direction="vertical"]{width:calc(100% - 40px);padding:30px;bottom:20px} #mfn-gdpr[data-aligment="left"]{left:20px} #mfn-gdpr[data-aligment="right"]{right:20px} } /* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */ @media only screen and (max-device-width: 1024px){ html.ios, .ios .section.bg-cover{background-attachment:scroll!important} }