.icon-menu-fine:before { color: #fff; } @media only screen and (max-width: 1920px) and (min-height: 1080px) { .service-image .image_wrapper { height: 922px; } .service-image .image_wrapper img.scale-with-grid { width: auto!important; height: 100%!important; } } @media only screen and (max-width: 1380px) { .column.mcb-column.mcb-item-3kz1fbob1 br { display: none; } .wrap.mcb-wrap.mcb-wrap-dkg0mdwkk.one-third.valign-top.clearfix .mcb-wrap-inner { font-size: 30px; } .wrap.mcb-wrap.mcb-wrap-dkg0mdwkk.one-third.valign-top.clearfix { padding: 0 20px 0 30px; } .Our-Qualifications .mcb-wrap-inner { padding: 50px 50px 50px; } .column > h1 { font-size: 39px; } .column.side-menu-about { background: #d8f0eb; padding: 35px 15px; } .single-chart { transform: scale(0.9); transform-origin: 0 0; } body.page-id-531 div#Content { padding-top: 0px; } .section.contact-page .section_wrapper.mcb-section-inner { padding: 0 80px; } body.page.page-id-531, body.page.page-id-987 { background-color: #cdcdcd; background-repeat: no-repeat; } .about-intro .mcb-wrap-inner .column { text-align: justify; font-size: 25px; } .about-intro .mcb-wrap-inner .column br { display: none; } .service-box-text .mcb-wrap-inner { margin: 0 40px; } #Top_bar .logo { bottom: initial; top: 20px; } } @media only screen and (max-width: 1366px) and (max-height: 1024px) { .banner-service .mcb-wrap-inner img { width: 160%; max-width: initial!important; } } @media only screen and (max-width: 1366px) and (max-height: 768px) { .banner-service .mcb-wrap-inner img { width: 113%!important; max-width: 113%!important; } } @media only screen and (max-width: 1366px) { body.page-id-989 div#Subheader { padding-top: 15px; } .wrap.mcb-wrap.mcb-wrap-kd42a1bsr br { display: none; } .wrap.mcb-wrap.mcb-wrap-y6v049283 .column br { display: none; } body.page-id-1015 div#Subheader, body.page-id-1005 div#Subheader { padding-top: 15px; } div#Subheader { margin: 0; } #Top_bar .logo { top: 10px; bottom: initial; } .service-box-text .mcb-wrap-inner { margin: 0 40px; } #Top_bar .menu > li > a span:not(.description) { padding: 0 12px; } .bottom-banner, .section.job-bottom-banner .image_wrapper, .section.aw-catalog_bottom .image_wrapper { margin: 0 15%; width: auto!important; } .process-banner-bottom-img, .aw-catalog_bottom .wrap.mcb-wrap, .contact-map .mcb-wrap { margin-top: -200px!important; } .Reliable-Raw-material-supply { padding-bottom: 0!important; } .tab-content.job-description .mcb-wrap-inner { margin: 0 2%; } .contact-side-map .column_visual h2 { font-size: 35px; } .contact-side-map .column_visual h3 { font-size: 33px; } .contact-side-map .column_visual:last-child { padding: 0 20px; } } /* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */ @media only screen and (min-width: 1240px) { .layout-boxed{padding:25px} .layout-boxed.boxed-no-margin{padding:0;} #Top_bar.loading{display:none} .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-wrappper{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;} /* -------------------- */ /* Top bar width */ #Top_bar .top_bar_left{width:729px} /* 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) { .hide-desktop{display:none!important} } /* #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{padding-left:0!important;padding-right:0!important} /* -------------------- */ .hide-tablet{display:none!important} /* Header magazine */ .header-magazine #Top_bar .banner_wrapper{width:300px;top:27px} /* Top bar width */ #Top_bar .top_bar_left{width:501px} /* .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;padding:25px 35px} .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.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 .photo_wrapper{width:100%;float:none;text-align:center} .one-third .article_box .desc_wrapper{width:100%;min-height:auto;float:none} /* 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{width:116px;height:116px;line-height:114px} .how_it_works .image img{max-width:66px!important;max-height:66px!important} .how_it_works .image .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{padding-left:20px;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} .section.full-width-ex-mobile > .one.column,.section.full-width-ex-mobile > .section_wrapper > .one.column,.section.full-width-ex-mobile .one.wrap .one.column{width:100%;margin:0} /* 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} .tr-menu.header-classic.minimalist-header:not(.template-slider) #Header{min-height:135px} /* 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} .tr-menu.header-plain.minimalist-header:not(.template-slider) #Header{min-height:125px} .header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description), .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages,.header-plain #Top_bar a.action_button{border-color:rgba(255,255,255,.1)} /* 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} .tr-menu.header-split.minimalist-header:not(.template-slider) #Header{min-height:135px} /* 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 | 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} .tr-menu.header-stack.minimalist-header:not(.template-slider) #Header{min-height:196px} /* Contact Form 7 -------------------------------------------------------------------- */ .section.full-width:not(.no-margin-h) .wrap .wpcf7-form .one.column{width:98%;margin-left:1%;margin-right:1%} } @media only screen and (max-width: 1024px) { .single-chart { transform: scale(0.7); transform-origin: 0 0; } .column.side-menu-about { width: 100%; } .about-intro .mcb-wrap-inner .column { text-align: left; font-size: 26px; } div#Subheader { padding-top:20px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover h1 { bottom: 130px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { font-size: 36px; line-height: 1.4; } .section.company-home .section_wrapper.mcb-section-inner { padding: 0 0%!important; } .section.mcb-section.about-intro .wrap.mcb-wrap .icon_box .desc_wrapper .desc { min-height: 130px; } .section.mcb-section.about-intro .wrap.mcb-wrap .icon_box .desc_wrapper br { display: none; } ul.feature_images li { height: auto; } .section.Reliable-Raw-material-supply .wrap .column:last-child { padding: 0 10px 10px; box-sizing: border-box; min-height: 140px; font-size: 19px; line-height: 1; } .section.Reliable-Raw-material-supply .column h2 { font-size: 23px; line-height: 1; margin: 0 0 15px; } .Reliable-Raw-material-supply .section_wrapper.mcb-section-inner { max-width: 100%; } .tab-content.job-description .column h2 { font-size: 30px; line-height: 1; } .bottom-banner, .section.job-bottom-banner .image_wrapper, .section.aw-catalog_bottom .image_wrapper { margin: 0 0%; } .process-banner-bottom-img, .aw-catalog_bottom .wrap.mcb-wrap, .contact-map .mcb-wrap { margin-top: -80px!important; } footer#Footer h3 { font-size: 29px; } footer#Footer .column:nth-child(3) { padding: 0 0 0 1%; } footer#Footer .column:nth-child(2) { padding: 0 1%; } body.sticky-tb-color #Top_bar.is-sticky { padding: 10px 0; height: auto!important; } .contact-side-map .column_visual { font-size: 23px; line-height: 1; } .contact-side-map .column_visual h3 { font-size: 28px; margin: 0; } .contact-side-map .column_visual h2 { font-size: 30px; } .contact-side-map .column_visual { padding: 10px; } footer#Footer .widgets_wrapper .container { max-width: 100%; margin: 0 10px; } footer#Footer .column:first-child p img { width: 70px; height: auto; margin: 0; } .contact-side-map .column_visual:last-child { padding: 0 0; } } @media only screen and (max-width: 768px) { .column.mcb-column.mcb-item-79gbqanly.one.column_visual br { display: none; } .Our-Qualifications .column { margin-bottom: 0; } .Our-Qualifications ul li { font-size: 27px; background-size: 14px; padding-left: 20px; } .Our-Qualifications .mcb-wrap-inner { padding: 10px; } .wrap.mcb-wrap.mcb-wrap-dkg0mdwkk.one-third.valign-top.clearfix { padding: 0; } .circle-percent { height: 150px; overflow: hidden; } .box-list-pencent { height: 260px; overflow: hidden; } .wrap.mcb-wrap.mcb-wrap-j6dtapldy.two-third.valign-top.clearfix { font-size: 25px; padding-left: 20px; } .column.side-menu-about ul li a { font-size: 25px; } .single-chart { transform: scale(0.5); transform-origin: 0 0; } .column_visual ul.field-contact li { margin-bottom: 20px; } ul.field-contact { margin: 0!important; } #Footer .widgets_wrapper .widget { padding-left: 15px; } .section.contact-page span.wpcf7-form-control-wrap input.wpcf7-form-control, .section.contact-page span.wpcf7-form-control-wrap select.wpcf7-form-control.wpcf7-select, .section.contact-page textarea.wpcf7-form-control.wpcf7-textarea { width: calc(100% - 20px); } .section.contact-page .column.intro br { display: none; } .Our-value-to-clients .one-third.column h3 { width: 33.33%; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover em { font-size: 23px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { line-height: 1; } .service-box-text .mcb-wrap-inner { margin: 0 10px; } .banner-service .mcb-wrap-inner img { width: 290%!important; max-width: initial!important; } body #overlay-menu ul li { margin-bottom: 25px; } body #overlay-menu ul li a { font-size: 35px; line-height: 23px; height: 26px } #overlay-menu { left: 0; width: 290px; } .section.about-timeline .wrap.mcb-wrap .mcb-wrap-inner .column.column_visual:before { width: 25px } .section.about-timeline .column.mcb-column.one-fifth.column_column { margin: 0 auto; } .section.mcb-section.about-intro .wrap.mcb-wrap .icon_box .desc_wrapper .desc { min-height: 90px; } .tab-content.job-description .column.active { padding-bottom: 20px; } .tab-content.job-description .column h2 { margin: 0 0 20px; } footer#Footer h3 { text-align: left; } #Footer .widgets_wrapper .column { min-height: initial; } .post-excerpt { font-size: 14px; } .post-links a.post-more { vertical-align: 1px; } .grid .post-desc-wrapper h2.entry-title { font-size: 25px; } .wrap.catalog-download .column { margin-bottom: 0; } .wrap.catalog-download { padding: 0!important; } .process-banner-bottom-img, .aw-catalog_bottom .wrap.mcb-wrap, .contact-map .mcb-wrap { margin-top: -80px!important; } a.button .button_label { padding: 11px 13px; } .posts_group.lm_wrapper.col-4 .post-item { width: 48%; clear: none!important; float: left!important; } .posts_group.lm_wrapper.col-4 .post-item:nth-child(2n+1) { clear: left!important; } } /* #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 .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns{margin:0;width:100%!important;clear:both;} .aside_both .sections_group{margin:0 auto!important;} .section_wrapper, .container, .four.columns .widget-area{max-width:700px!important;padding-left:33px!important;padding-right:33px!important} .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper{max-width:100%;} .section_wrapper .column{margin:0 0 20px;height:auto!important;} .four.columns{margin:auto 0!important;} .mcb-wrap[data-mobile~="no-up"]{margin-top:0!important} .no-sec-padding .mcb-section, .no-sec-padding-mob .mcb-section{padding-left:0!important;padding-right:0!important} /* -------------------- */ /* 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 */ .section{background-attachment:scroll!important;height:auto!important} .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} */ .hide-mobile{display:block!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important} .section_wrapper .column.hide-mobile{height:0!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 .top_bar_left{float:none;width:100%!important;background:none!important} #Top_bar a.responsive-menu-toggle{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 #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 .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 .top_bar_right_wrapper{padding-top:10px} #Top_bar .wpml-languages a.active{height:15px;line-height:17px} .mobile-tb-left #Top_bar .top_bar_right .top_bar_right_wrapper{float:left} .mobile-tb-center #Top_bar .top_bar_right{text-align:center} .mobile-tb-center #Top_bar .top_bar_right .top_bar_right_wrapper{display:inline-block;float:none} .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 | Below */ body.header-below:not(.template-slider) #Header{padding-top:0} /* 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-classic:not(.template-slider) #Header,body.minimalist-header.header-creative:not(.template-slider) #Header,body.minimalist-header.header-plain:not(.template-slider) #Header,body.minimalist-header.header-split:not(.template-slider) #Header{min-height:0} body.minimalist-header.header-simple:not(.template-slider) #Header{min-height:90px} body.minimalist-header.header-transparent #Header{min-height: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{height:50px!important} .header-plain #Top_bar .top_bar_right .top_bar_right_wrapper{line-height:0;padding-top:0} .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{padding:0 10px;line-height:50px!important} .header-plain #Top_bar .wpml-languages{padding:0 13px;height:50px!important} .header-plain #Top_bar .wpml-languages a.active{line-height:50px} .header-plain #Top_bar a.action_button{line-height:50px!important;padding:0 12px} .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 | Split */ .header-split #Top_bar a#search_button{display:none} /* Header | Stack */ .header-stack #Top_bar .logo{padding:0;text-align:center!important} .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 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{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 #header_cart{margin-right:-1px;} .mobile-header-mini #Top_bar #search_button{margin-left:0;margin-right:0;} .mobile-header-mini #Top_bar .wpml-languages{top:3px;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 #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;} .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 #Header_creative #Top_bar #header_cart{top:20px;} .mobile-header-mini #Header_creative #Top_bar #search_button{top:19px;} .mobile-header-mini #Header_creative #Top_bar .wpml-languages{top:13px;} .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 */ body:not(.template-slider):not(.header-simple) #Header{min-height:350px;background-position:center 202px} #Subheader .title{width:100%} #Subheader ul.breadcrumbs{display:none} /* 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 .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} /* 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;padding:25px 35px} .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-wrappper{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;margin:0!important} .portfolio_group.masonry-flat .portfolio-item.wide{width:99.8%!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} /* Shortcodes --------------- */ /* 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} /* 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} .table-responsive table a.kill_the_icon .button_icon{display:none} /* Tabs */ .ui-tabs .ui-tabs-nav{background:none} .ui-tabs .ui-tabs-nav li{float:none!important;width:100%!important;border-width:0 0 1px} .ui-tabs .ui-tabs-nav li:last-child{border-bottom:0} .ui-tabs .ui-tabs-nav li a{text-align:center;background:#f9f9f9;box-shadow:inset 0px 4px 3px -2px rgba(0,0,0,.04);} .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:2px;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} /* 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} /* 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} #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 (max-width: 595px) { .transformation-tree-icon .column { width: 33.33%!important; clear: none; margin: 0; float: left; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { min-height: initial; } .Our-value-to-clients .one-third.column h3 { margin-top: 90px } .Our-value-to-clients .one-third.column h4 { padding-bottom: 80px; } .wrap.mcb-wrap.circle-percent .the_content_wrapper { height: 230px; } .column.mcb-column.mcb-item-b4ctsple9.one.column_visual { text-align: center; margin-top: 40px; } body.page-id-989 div#Subheader { padding-top: 0px; } body.page-id-1015 div#Subheader, body.page-id-1005 div#Subheader { padding-top: 0; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover h1 { bottom: 30px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { bottom: 15px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 178px!important; margin: 0!important; } body h3 { font-size: 35px; line-height: 1; } .section.mcb-section.mcb-section-vxpoe0nrq .section_wrapper.mcb-section-inner { max-width: 100%!important; } body.page-id-1015 div#Subheader { padding-top: 0; } .box-list-pencent h3 { margin-top: 40px; } .section_wrapper .box-list-pencent .column.column_block_percent { width: 50%!important; clear: none; margin-bottom: 0!important; } .box-list-pencent { height: auto; } .column.side-menu-about { margin-bottom: 40px!important; display: none; } .single-chart { transform: scale(0.8); transform-origin: 0 0; } .section_wrapper .circle-percent .column { width: 50%!important; clear: none; margin-bottom: 0!important; } .circle-percent { height: auto; } .content_slider a.slider_prev, .content_slider a.slider_next { display: none!important; } .about-slide .column.column_slider { margin-bottom: 0; } div#Content { padding-top: 60px; } #Footer .widgets_wrapper .widget { border-left: 0; border-top: 1px solid #fff; padding-left: 0; padding-bottom: 30px; padding-top: 30px; } #overlay-menu { left: initial; right: 40px; top: 58%; } .banner-service .mcb-wrap-inner img { width: 360%!important; } .mobile-header-mini .overlay-menu-toggle { top: 12px; } body.mobile-header-mini #Top_bar #logo { height: 50px!important; line-height: 50px!important; margin: 13px 0; } } @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) { .Our-value-to-clients .one-third.column h3 { margin-top: 90px } .Our-value-to-clients .one-third.column h4 { padding-bottom: 80px; } body.page-id-1015 div#Subheader, body.page-id-1005 div#Subheader { padding-top: 0; } .column_visual ul.field-contact li { margin-bottom: 0; } .section.contact-page span.wpcf7-form-control-wrap { float: left; width: 100%; margin-bottom: 20px; } .section.contact-page span.wpcf7-form-control-wrap input.wpcf7-form-control, .section.contact-page span.wpcf7-form-control-wrap select.wpcf7-form-control.wpcf7-select, .section.contact-page textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; } .section.contact-page .column.intro { font-size: 28px; margin-bottom: 50px; } .section.contact-page .column_visual { margin-bottom: 40px; } .section.contact-page h1 { font-size: 60px; } .copyright .text { padding: 4px 0; } .copyright .text { font-size: 15.26px; } #Footer .copyright h5 { font-size: 20.7px; } #Footer .widgets_wrapper .widget { border-left: 0; border-top: 1px solid #fff; padding-left: 0; padding-bottom: 30px; padding-top: 30px; } div#Content { padding-top: 20px; } .banner-service .mcb-wrap-inner img { width: 370%!important; } #overlay-menu { } .mobile-header-mini #Top_bar #logo { margin-top: 15px; } .mfn-main-slider.mfn-rev-slider { padding-top: 0; } .mcb-wrap.mcb-wrap.bottom-banner { margin: 0!important; } .section.mcb-section.our-client h3 { text-align: center; } .wrap.training-tab ul { margin-right: 0; } .section.mcb-section.our-reward p { text-align: left!important; } .section.mcb-section.our-reward .column_visual { margin: 0; } .section.mcb-section.our-reward h2 { text-align: center; font-size: 33px; } .section.mcb-section.about-intro .wrap.mcb-wrap.one { padding-top: 0; margin-bottom: 0; } .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper { height: 110px; } .testimonials_slider ul.testimonials_slider_ul { padding-bottom: 45px; } .testimonials_slider.single-photo .slider_pager li a img { top: -50px; width: 35px!important; } .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote { font-size: 21px; font-weight: normal; line-height: 1; margin-bottom: 0; } .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote .title { margin: 0; display: block; border: 0; text-align: center; padding: 0 0; font-size: 28px; } .blog_slider .blog_slider_ul li .item_wrapper .desc { padding: 10px 15px 10px; } .section.company-home .section_wrapper.mcb-section-inner { padding: 0 3%!important; } .column.company-name { padding: 0!important; } .column.column_visual.link-all-product { margin-top: 0; } .column_divider hr { margin: 5px 0!important; } .wrap.head-before-after { margin-top: -35px; padding-top: 15px; } .section.join-us-home { padding-top: 20px!important; padding-bottom: 0px!important; } .join-us-home .column_image { margin: 0; } .section.join-us-home .mcb-wrap-inner .column_visual { position: relative; background: #406da1; } .section.join-us-home .mcb-wrap-inner .column_visual a.join { position: relative; margin: 0 auto; width: 178px; height: 45px; line-height: 48px; font-size: 26px; } .section.head-product-home { padding-top: 25px; } .section.about-timeline .wrap.mcb-wrap:nth-child(even) .mcb-wrap-inner { display: flex; flex-direction: column; } .section.about-timeline .wrap.mcb-wrap:nth-child(even) .mcb-wrap-inner .column.column_column { order: 2; } .section.about-timeline .wrap.mcb-wrap:nth-child(even) .mcb-wrap-inner .column.column_visual { order: 3; } .about-customer .column_icon_box:nth-child(2n+1) { clear: left; } .about-customer .column_icon_box { width: 50%!important; float: left; clear: none; } .about-customer .icon_box.icon_position_left .image_wrapper { margin: 0 10px 0 0; } .section.about-timeline .wrap.mcb-wrap { padding-bottom: 100px; } .section.about-timeline .wrap.mcb-wrap .mcb-wrap-inner .column.column_visual { background: #fff; padding: 10px 10px 0; box-sizing: border-box; } .section.about-timeline .column.mcb-column.one-fifth.column_column { width: 65px!important; height: 65px!important; margin: 0 auto 15px!important; float: none; line-height: 65px; } .section.about-timeline .wrap.mcb-wrap .mcb-wrap-inner .image_wrapper { text-align: center; margin-bottom: 20px; } .section.about-timeline .wrap.mcb-wrap .mcb-wrap-inner { display: block; } .section.mcb-section.about-intro .wrap.mcb-wrap .icon_box .desc_wrapper { padding: 0 10px; } .section.mcb-section.about-intro { background-size: cover!important; } .section.mcb-section.about-intro .section_wrapper.mcb-section-inner { margin: 0 5%!important; } .section.mcb-section.about-intro .wrap.mcb-wrap { margin-bottom: 100px; } .posts_group.lm_wrapper.col-4 .post-item { width: 48%!important; margin: 0 1%!important; } ul.feature_images li { width: 42.33%!important; display: inline-block; } ul.feature_images { display: block; margin-top: 10px; } body h3 { font-size: 27px; line-height: 1; margin-bottom: 8px; } .tab-content .column > h2 { margin-left: -16px; margin-right: -16px; } .section.mcb-section.polymer .section_wrapper.mcb-section-inner { padding: 0!important; } .section.mcb-section.polymer { padding-left: 10px!important; padding-right: 10px!important; } .intro-technique .column_icon_box { width: 33.33%!important; clear: none; font-size: 18px; } .intro-technique .wrap { padding-left: 0!important; padding-right: 0!important; } .section.Reliable-Raw-material-supply .wrap { margin-bottom: 80px; } .section.last-process h2 { margin: 20px 0 20px; } .section.Reliable-Raw-material-supply .wrap .column:last-child { min-height: initial; } .mobile-header-mini #Top_bar a.responsive-menu-toggle { margin-top: -14px; } .tab-content .column > h2:after { line-height: 18px; } .tab-content .column { padding: 0 15px 0; } .section_wrapper, .container, .four.columns .widget-area { padding: 0 15px!important; } .tab-content.job-description .column h2 { padding: 4px 0px; font-size: 25px; } .process-banner-bottom-img, .aw-catalog_bottom .wrap.mcb-wrap, .contact-map .mcb-wrap, .job-bottom-banner .wrap.move-up, .intro-technique .wrap.move-up, .about-intro .wrap.move-up { margin-top: -50px!important; } .section-post-header .single-photo-wrapper.image .image_frame { width: 100%; } .section.mcb-section.mcb-section-amooktauh { padding-top: 0!important; } .process-banner-bottom-img, .aw-catalog_bottom .wrap.mcb-wrap, .contact-map .mcb-wrap { margin-bottom: 40px; } .wrap.catalog-download .column h2 { margin: 0; font-size: 34px; } .bottom-banner, .section.job-bottom-banner .image_wrapper, .section.aw-catalog_bottom .image_wrapper { margin: 0 0; } footer#Footer .column:nth-child(2) { border-width: 1px 0; } #Footer .widgets_wrapper .column { min-height: initial; } footer#Footer p { line-height: 1; } html body { font-size: 23px; line-height: 1; } footer#Footer .widgets_wrapper .container { margin: 0; max-width: initial!important; padding: 0!important; } footer#Footer .widgets_wrapper { padding: 20px; } .wpcf7 input[type="submit"] { font-size: 23px; } .section.contact-map .mcb-wrap.move-up:last-child { margin-top: 0!important; } .section.contact-map .mcb-wrap.move-up { margin-top: -40px!important; } .section.mcb-section.contact-page h4 { font-size: 18px; } .section.mcb-section.contact-page h3 { margin-bottom: 16%; } .section.mcb-section.contact-page { background-position-x: 74%!important; background-size: 100%!important; } .about-section .display-flex .mcb-wrap-inner { display: block; } .managing h4 { font-size: 12px; line-height: 1.4; margin: 0 0 5px; } .wrap.managing .column_attr hr { margin: 3px 0; } .wrap.managing .column_attr { margin: 0 7%; font-size: 73%; line-height: 1.6; } #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a { color: #ffd100!important; } .mobile-header-mini #Top_bar .logo { float: none; margin: 0 auto; } .the-most-exciting-to-watch h3 { color: #000!important; } #Top_bar a.action_button{margin-right:0} /* 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} #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} } @media only screen and (max-width: 550px){ .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 150px!important; margin: 0!important; } } @media only screen and (max-width: 414px){ .wrap.mcb-wrap.mcb-wrap-j6dtapldy.two-third.valign-top.clearfix { padding: 0; } .section_wrapper .box-list-pencent .column.column_block_percent { height: 205px!important; } div#Subheader { padding-top:0; } .box-list-pencent { padding-bottom: 40px; margin-bottom: 20px!important; } .box-list-pencent .the_content_wrapper { height: 186px; } .column > h1 { font-size: 29px; } .wrap.mcb-wrap.circle-percent .the_content_wrapper { height: 206px; overflow: hidden; } .single-chart { transform: scale(0.7); transform-origin: 0 0; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover em { font-size: 18px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { font-size: 26px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { bottom: 0px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover h1 { bottom: 10px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 115px!important; margin: 0!important; } } @media only screen and (max-width: 412px){ .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 125px!important; } body.mobile-header-mini #Top_bar #logo { margin: 5px 0; } #Top_bar .top_bar_left { height: 60px; } } @media only screen and (max-width: 393px){ .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 120px!important; } .banner-service .mcb-wrap-inner img { width: 475%!important; } } @media only screen and (max-width: 375px){ .section_wrapper .box-list-pencent .column.column_block_percent { height: 175px!important; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover h1 { bottom: 15px; } .single-chart { transform: scale(0.6); transform-origin: 0 0; } .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 120px!important; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { bottom: 10px; } } @media only screen and (max-width: 360px){ .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 100px!important; } .mcb-wrap.service-box-text .mcb-wrap-inner .column:hover h1 { bottom: 7px; } } @media only screen and (max-width: 320px){ .mcb-wrap.service-box-text .mcb-wrap-inner .column { padding: 5px; } .mcb-wrap.service-box-text .mcb-wrap-inner .column { height: 110px!important; } .mcb-wrap.service-box-text .mcb-wrap-inner .column h1 { font-size: 23px; } } /* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */ @media only screen and (max-device-width: 1024px){ .section.mcb-section.contact-page { background-position-x: 77%!important; } html.ios, .ios .section.bg-cover{background-attachment:scroll!important} }