/*//////////////////////////////////////////////////////////////////////////////////////////*/ /* RESPONSIVE CSS */ /*//////////////////////////////////////////////////////////////////////////////////////////*/ @media (max-width:1900px) { .wpaddons-parallax-left { position: absolute; left: 0; width: 20%; height: 100%; } .wpaddons-parallax-wrapper img { max-width: 100%; height: auto; } } /* REVIEW SECTION */ @media (max-width:1240px) { html .vc_custom_1530544704147 { padding-top: 0px !important; } } @media (max-width:1000px) { .header-navibox-1 { padding-top: 26px !important; margin-top: -10px; margin-bottom: 20px; margin-top: -4px; } html .menu-mobile-button { display: block !important; } .vc_custom_1530544704147 { padding-top: 0px !important; padding-bottom: 50px; } } @media (min-width:468px) and (max-width:1200px) { .mobile-slidebar-menu .toggle-menu-button { display: none !important; } } /* 1240px (Laptop) */ @media (max-width: 1190px) { html .tmpl-cc-container:not(.cc-form-box) * { text-align: center !important; } .home-appointment-form em { padding-top: 10px; } html body .tmpl-cc-container { max-width: 100% !important; width: 100% !important; height: auto !important; margin-bottom: 25px; } } @media (min-width:768px) and (max-width:1200px) { html .post-header .post-info h5 { font-size: 19px; } .mobile-slidebar-menu .toggle-menu-button { display: none !important; } html .post-header .col-md-1 { display: none !important; } html .post-header .col-md-11 { width: 100% !important; } html .post-header .post-info { margin-left: 0; } } /* 768 x 1024 (Laptop) */ @media (min-width:1022px) and (max-width:1229px) { html .yamm > li.fa a { margin-left: 20px !important; margin-right: 10px !important; } html .big-progress-title { width: 100%; text-align: center; } html .b-progress-list__item { text-align: center; width: 50%; } .yp-demo-link { display: none !important; } html .blog-post-item { width: 290px; } html .isotope-desc-content { display: none; } html .pp-box-wrap { float: none; margin: 0 auto; } html .isotope-filter .product-grid li { margin: 0 1% 2%; width: 22%; } html .full-title-name { display: inline-block; font-size: 22px; left: 0; min-width: 295px; padding: 10px 30px; position: relative; text-transform: uppercase; top: 0; } html #filter { margin-top: 0; padding-left: 0; } html .pp-box-item { display: block; float: none; margin: 20px auto; width: 580px; overflow: hidden; } } /* 1024 (iPad - Portrait) */ @media (max-width:990px) { .box-features .vc_column_container { margin-bottom: 0 !important; } html .wrap-info { margin: 0px 0px 0 0px; } html .post-inner-wrap { margin: -25px 0px 0; } html body blockquote:not([class]), html body blockquote.wp-block-quote { margin: 20px 0px !important; } html .comment-reply-title, .comment-reply-list { margin-bottom: 50px !important; } html .header.header-advanced.navbar-fixed-top { margin-bottom:0px; height: auto; } .tmpl-plugins-not-activated .navbar-fixed-top.navbar-sticky-top { min-height: 75px; } html .our-services .department-1-item { width: 100%; max-width: 500px; } .department-2-item { width: 100%; margin: 0 auto; max-width: 500px; } .b-info-columns-holder.b-steps-list .b-info-column::before, html .custom-slideshow-controls span { display: none !important; } html .b-home-features .b-features-columns-holder { margin-top: -120px; } html .page-404-info { margin-top: 30px !important; } html .tmpl-stats-type-01 .tmpl-stats-box { float: none !important; display: inline-block !important; width: 100% !important; text-align: center !important; } .tmpl-stats-type-01 .tmpl-stats-icon { float: none !important; display: inline-block !important; width: 100% !important; text-align: center !important; } .tmpl-stats-type-01 .tmpl-stats-box:before { display: none !important; } } /* 768 x 1024 (iPad - Portrait) */ @media (min-width:768px) and (max-width:990px) { html .vc_custom_1505411071620 { padding-top: 30px !important; } html .big-progress-title { width: 100%; text-align: center; } html .b-progress-list__item, html .b-big-progress .big-progress-description { text-align: center; width: 100% !important; } .yp-demo-link { display: none !important; } html .blog-post-item { width: 30% !important; } html .yamm .nav > li > a { margin: 9px 5px; padding: 10px 5px !important; } html .yamm .nav > li > a { font-size: 13px; } html .top-header .social-box .nav { float: none !important; text-align: center; } html .top-cart { padding: 10px; } html #filter { height: auto; margin-top: -31px; padding-left: 0; text-align: center; } html .ft-icons-simple { display: inline-block; float: none; height: 100%; width: 100%; } html .ft-content { border-left: 0; float: none; padding-left: 0; padding-top: 5%; text-align: center; width: 100%; } html .footer-shop img { max-width: 100%; height: auto; } .home-section .vc_row { background-image: none !important; } html .pp-box-item { display: block; float: none; margin: 20px auto; width: 580px; overflow: hidden; } html .featured-item-simple-icon:after { display: none !important; } html .isotope-filter .product-grid li { margin: 0 1% 2%; width: 22% !important; } html .yamm .nav > li > a { padding: 20px 10px; } html .right-header { text-align: center; } html .bg-mobile-hidden { background: none !important; } html .header .top-cart { display: inline-block; float: none; margin: 0 !important; padding-left: 0; position: relative; text-align: center; top: 0; width: 100%; } .header #search-global-mobile { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd !important; color: #ddd !important; display: block !important; float: none; margin: 10px auto; position: relative; right: 0; top: 0; width: 300px; } html .header .menu-item-has-children > a::after { top: 9px; } html .yamm .dropdown-menu { top: 60px; } .featured-item-simple-icon { min-height: 160px; } .filter { text-align: center; } html .isotope-desc-content { display: none; } html .isotope-filter { text-align: center; } html .isotope-item { width: 33.33% !important; } .header #search-global-mobile #search, #search-global-mobile button i { color: #000 !important; } #search-global-mobile input { border: medium none; width: 80% !important; } .header .navbar-collapse #search-global-menu { display: none !important; } html .breadcrumb { float: none; font-size: 14px; list-style: outside none none; margin-bottom: 0; padding: 0; } .header { height: auto; text-align: center; } html .fa-content { display: inline-block; margin-left: 2%; padding-right: 4%; padding-top: 2%; width: 62%; } .banner-full-width * { text-align: center !important; } html .btn-fw-banner { padding-right: 0; } html .carousel-item-content .carousel-title { margin: 20px 0 15px; } html .full-title-name { display: inline-block; font-size: 22px; left: 0; min-width: 295px; padding: 10px 30px; position: relative; text-transform: uppercase; top: 0; } .info-top { margin: 10px; text-align: center; } .info-top ul { padding: 0; } .header .navbar-nav > li { display: inline-block; float: none; } .header .yamm, .header .yamm .navbar-nav { float: none; margin: 0; width: 100%; } .header .yamm, .header .yamm .navbar-nav > li { display: inline-block; float: none; } .header .top-cart { display: inline-block; float: none; padding-left: 0; position: relative; text-align: left; top: 0; width: 100%; } .header .top-cart .qty-top-cart-active { right: 14px; top: -3px; } html .post .entry-title { margin: 20px 0; } html .bx-controls { margin-bottom: 30px; } .carousel-brand .bx-prev, .carousel-brand .bx-next { display: none !important; } html .featured-item-simple-icon { margin: 10px 0; } html .featured-item-simple-icon { min-height: 160px; } html .full-title-name .btn { bottom: -55px; font-size: 13px; left: 0; width: 100%; } .product-right { margin: 20px 0; } .tmpl-half-menu-middle { width: 100% !important; } .tmpl-half-menu-right, .tmpl-half-menu-left { display: none !important; } html .tmpl-half-menu-middle .menu-mobile-button { top: 26px; right: -14px !important; } } /*480 x 640 (small tablet and iPhone)*/ @media (max-width:767px) { html .woocommerce-order-details,html .woocommerce-customer-details { width: 100%; display: inline-block; vertical-align: top; } html .woocommerce table.shop_table { margin-bottom: 25px; } html .kswr-slickslider-container[data-arrows-position=bottom_right] .slick-arrow { display: none !important; } html .vc_custom_1507108320350 { padding-bottom: 0px !important; } html .tmpl-plugins-not-activated .header .navbar-brand { margin-top: -10px; } html .b-video { min-height: inherit !important; } .post-header .col-md-1 { display: none !important; } html .post-header { margin-bottom: 20px; display: inline-block; width: 100%; margin-top: -22px; } html .post-header .post-info { margin-left: 0; font-size: 14px; } html .wrap-cards .box-heading { margin-top: 0; padding-right: 0; height: auto; } html .b-video h5 { font-size: 18px !important; line-height: 1.3; margin-top: 20px; } .admin-bar .mobile-slidebar-menu .menu-mobile-button { top: 63px !important; } html .page-layout-boxed .home-template { padding: 0; } html.vc_desktop { margin-top: 0 !important; } html body { padding: 0 !important; } .kswr-heading-container div { line-height: 1.3; } html .tmpl-content-container, html .tmpl-cc-container { max-width: 100% !important; height: auto !important; } html .tmpl-cc-container:not(.cc-form-box) * { text-align: center !important; } html .tmpl-cc-container:not(.cc-form-box) .km-line-sep-insider{ float: none !important; } html .tmpl-cc-container .wpb_raw_html{ float: none !important; width: 100% !important; } html .tmpl-cc-container .wpb_raw_html span{ float: none !important; width: 100% !important; } footer .tmpl-cc-container .km-line-sep-fill{ background: none !important; } footer .kswr-ibi-container[data-layout=iconleft] .kswr-ibi-icon-ct ,footer .kswr-ibi-ct-leftright { float: none !important; display: inline-block !Important; } html .big-progress-title { width: 100%; text-align: center; } html .b-progress-list__item, html .b-big-progress .big-progress-description { text-align: center; width: 100% !important; } html .header.navbar-scrolling.navbar-fixed-top { position: absolute !important; } .sidebar { margin: 30px 0; } html .wrap-blog-post , html body .header-section { margin-bottom: 40px; } .post-header .pull-right { display: inline-block; float: none !important; margin: -20px 0 10px 0; width: 100%; text-align: left; } html .sidebar-services { padding-right: 0; text-align: center; } html .tmp-post-box { width: 50% !important; } .b-video { box-shadow: none !important; } html .navbar-fixed-top { position: absolute !important; } html .wrap-works .post .post-body { padding: 10px 0px 20px; text-align: left; min-height: 175px; } .portfolio-item .portfolio-image { height: auto !important; } .pix-portfolio-thumb, .pix-puzzle-thumb-x { width: 100% !important; height: auto !important; } html .pix-portfolio-thumb, .pix-puzzle-thumb-x { width: 100%; height: auto !important; } .pix-puzzle-thumb-xy, .pix-puzzle-thumb-y { width: 100%; height: auto !important; } .pix-puzzle-thumb-xy, .pix-puzzle-thumb-y { width: 100% !important; } html .feature-item { height: auto !important; text-align: center !important; width: 100% !important; } html .latest-carousel-item .blog-item-content { width: 100%; float: none; } html .b-team-holder .b-slick-holder { padding-top: 0; } .footer .vc_custom_heading { padding-top: 25px; } .review-title { line-height: 1.3; } .home-template { overflow: hidden; } .layout-theme { overflow: hidden; display: inline-block; width: 100%; margin-bottom: 0 !important; } .fixed-footer { position: relative !important; z-index: inherit !important; } html .wrap-cards { margin-bottom: 25px; padding: 120px 25px 25px 25px; } html .wrap-cards .striped-icon-large { position: absolute; left: 0; top: -80px; right: inherit; } .b-slick-arrows, .gallery-carousel-controls { display: none !important; } .b-about-tabs .tabs-controls li .tabs-circle { display: none !important; } .b-regular-tabs .tabs-controls li { min-width: auto !important; } .b-regular-tabs .tabs-controls li { min-width: auto !important; width: 100%; } .b-about-tabs .tabs-controls li { display: inline-block; width: 100%; } html .b-about-tabs .tabs-controls li { margin: 0 auto; } .yp-demo-link { display: none !important; } html .services .service-item { margin-left: 0; } html body #filter { height: auto; margin-top: 0; padding-left: 0; } #filter li a { width: 100%; } .slide-desc tbody, .slide-desc .detail-item { height: 100%; } .slide-desc .icons { margin-top: 40%; } .wrap-user-control i:before { color: #2b2e33; } html .decor-line::after { background: rgba(0, 0, 0, 0) url("../images/graph-home2.svg") no-repeat scroll center top / cover; bottom: -3px; height: 100px; left: 0; right: 0; top: auto; } html .quote-form span.wpcf7-form-control-wrap { height: auto; } html .one-news > div { margin-left: 0; } html .one-news { padding-right: 0px; padding-left: 0px; } html .two-news { display: none; } html .testimonial-content { margin-left: 50px; } .team .soc-icons { padding-bottom: 20px; } .owl-nav { display: none; } html #main-menu li .dropdown-menu { background: #2a2d32 none repeat scroll 0 0; border-top: 2px solid #009cce; float: none; left: 0; margin-top: -2px; right: auto; width: 95%; } html body .isotope-item { width: 100% !important; } html .floated .navbar-nav > li { margin: 0; padding: 0 40px; text-align: left; width: 100%; } #search-global-mobile { margin-left: 25px; } html .header .menu-item-has-children > a:after { right: 25px; } html .breadcrumb { float: none; font-size: 14px; list-style: outside none none; margin-bottom: 0; padding: 0; } html .top-header .social-box .nav { float: none !important; text-align: center; } html .top-cart { padding: 10px; } html #filter { height: auto; margin-top: 0; padding-left: 0; text-align: center; } html .pp-box-item { float: none; width: 580px; display: inline-block; margin-top: -6px; } html .ft-icons-simple { display: inline-block; float: none; height: 100%; width: 100%; } html .ft-content { border-left: 0; float: none; padding-left: 0; padding-top: 5%; text-align: center; width: 100%; } .vc_custom_1479385064911, .vc_custom_1480073809579 { text-align: center !important; } html .ui-title-page h1 { font-size: 28px; line-height: 1.2; padding-left: 10px; } .b-team-holder .b-upper-title { display: none !important; } html .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .wrap-blog-post { display: inline-block; width: 100%; float: none; margin-bottom: 2%; max-width: 100%; display: inline-block; } html .col-lg-12.col-md-12.col-sm-12.col-xs-12 .wrap-blog-post .wrap-image.wrap-image-grid { position: relative; min-height: 50px; width: 100%; float: none; margin-right: 0; overflow: hidden; display: inline-block; } html .col-lg-12.col-md-12.col-sm-12.col-xs-12 .wrap-blog-post .wrap-info-grid { float: none; width: 100%; padding: 5%; display: inline-block; } footer .vc_column_container { padding-left: 15px; padding-right: 15px; } footer .vc_column_container .vc_column_container { padding-left: 0; padding-right: 0; } html .footer-shop img { max-width: 100%; height: auto; } .home-section .vc_row { background-image: none !important; } html .home-section .featured-item-simple-icon { margin: 45px 0 !important; } html .pp-box-wrap { float: none; margin: 0 auto; } html .bg-mobile-hidden { background: none !important; } html .featured-item-simple-icon { margin: 10px 0; } .header { height: auto; text-align: center; } .info-top { margin: 10px; text-align: center; } .info-top ul { padding: 0; } .right-header { text-align: center; } html .right-header .col-right-header { display: inline-block; margin-top: 15px; padding-left: 30px; padding-right: 30px; vertical-align: top; width: 100%; text-align: center; } .header .navbar-nav > li { display: inline-block; float: none; } .yamm { position: relative; padding-left: 0 !important; } .yamm .navbar-header { background: none repeat scroll 0 0 #ffc300; } .yamm .navbar-collapse { background: none repeat scroll 0 0 #333333; } .yamm .nav li a { color: #fff !important; } .header #search-global-menu { border: 1px solid #ddd !important; color: #ddd !important; margin: 0 auto 10px; position: relative; right: 0; top: 0; width: 100%; } .header #search-global-mobile #search { margin-left: 20px; } #search-global-mobile button { position: relative; left: -35px; } .header #search-global-mobile #search, #search-global-mobile button i { color: #000 !important; } .header #search-global-menu #search { padding: 7px 2px 7px 1px !important; width: 83%; } html .yamm #search-global-menu { display: none !important; } .header .yamm .navbar-nav a:hover { background: none repeat scroll 0 0 #526aff !important; color: #fff !important; } .header .yamm, .header .yamm .navbar-nav { float: none; margin: 0; width: 100%; } .header .yamm, .header .yamm .navbar-nav > li { display: inline-block; float: none; text-align: left; width: 100%; position: relative; padding-left: 0; } .header .top-cart { float: none; margin: 30px auto 20px auto; position: relative; width: 120px; border: none; } .header .top-cart .qty-top-cart-active { right: 14px; top: -3px; } html .post .entry-title { margin: 20px 0; text-align: left; } .ver-tabs.horiz-tabs .nav > li { width: 100%; } .banner-full-width * { text-align: center !important; } .btn-fw-banner { padding: 0 !important; } .btn-fw-banner .btn { margin: 10px; } html .full-title-name { display: inline-block; font-size: 12px; font-weight: 600; left: 0; min-width: auto; padding: 7px 22px; position: relative; text-transform: uppercase; top: 7px; width: 100%; } html #filter { height: auto; margin-top: -25px; padding-left: 0; } html #filter li { display: inline-block; list-style: outside none none; margin-bottom: 10px; width: 100%; } html .isotope-desc-content { display: none; } html .isotope-item { width: 49% !important; } .isotope-frame { text-align: center; } html .full-title-name .btn { bottom: -55px; font-size: 13px; left: 0; width: 100%; } html .carousel-3 .media { display: inline-block; position: relative; width: 100%; } html .carousel-3 .carousel-item-content { display: inline-block; padding: 3% 0 0 3% !important; vertical-align: top; width: 100%; } .carousel-brand .bx-prev, .carousel-brand .bx-next { display: none !important; } html .product-grid { margin: 0; padding: 0; text-align: center; width: 100%; } html .product-grid li { margin: 5%; width: 90%; } .product-grid li .slider_img { display: none !important; } .testi-box { display: inline-block; margin: 20px 0; } .cd-floating-background img { display: none !important; } .contact-section { height: auto !important; } html .copy { padding-bottom: 20px; padding-top: 20px; text-align: center; } html .footer-absolute .social-box { float: none; margin-top: 20px; text-align: center; width: 100%; } html .footer-panel .social-links { display: inline-block; margin: 0; padding: 0; vertical-align: top; } html .footer-panel .social-links li { margin: 10px 0 0; } html .pp-box-item { float: none; width: 580px; display: inline-block; margin-top: -6px; } html .product-right { padding-bottom: 50px; } html .product-grid.bxslider li {} html .fa-box .fa, { display: block; font-size: 34px !important; } html .fa-box { margin-left: -6% !important; margin-right: 6% !important; padding: 5% 2% 5% 8% !important; width: 30% !important; } html .ver-tabs.horiz-tabs .fa-content { display: inline-block; margin-left: 0; padding: 1%; text-align: left; width: 67%; } html .ver-tabs.horiz-tabs .fa-box { width: 30% !important; } html .isotope-filter .product-grid li { margin: 0 1% 2%; width: 21%; height: auto !important; } .logo-box { display: block !important; margin: 0 auto !important; padding: 10px !important; text-align: center; width: 100% !important; } html .box-date-post { position: relative; text-align: center; } html .post .entry-main { padding-left: 0; position: relative; } .footer-shop .row { margin-left: 0px; margin-right: 0px; } .product-right { margin: 20px 0; } html body .pp-box-item { display: inline-block; float: none; margin: 0 auto; width: 292px; } html .pp-box { float: none !important; } html .layout-header2 .yamm .navbar-nav > li { background: #333 !important; } html .box-date-post { border: 1px solid #eeeeee; height: auto; width: auto; } .wrap-works { margin-bottom: 50px; text-align: center; } .blog-post-item { margin: 20px auto !important; } /*Woo Global Responsive*/ .woocommerce table { padding: 0px !important; } .woocommerce table td, .woocommerce table th { margin: 1px !important; } .woocommerce table, .woocommerce tbody, .woocommerce table tr, .woocommerce table td, .woocommerce table th, .woocommerce thead, .woocommerce tfooter { display: inline-block; max-width: 100% !important; width: 100% !important; text-align: left !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none !important; width: 100% !important; } .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { margin: 0 0 5% 0 !important; width: 100% !important; } html .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0 0 10px 0 !important; padding: 10px !important; width: 100% !important; min-width: auto; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: 100%; box-sizing: border-box; } .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button { float: none; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; float: none; margin: 0 0 2.992em; } .coupon { float: none !important; } html .woocommerce a.remove { display: inline-block; } .shop_table .button { margin-bottom: 10px !important; width: 100%; } .woocommerce-cart .qty { margin: 0 auto !important; } .col-1, .col-2 { float: none !important; width: 100% !important; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none !important; margin: 0 0 10px !important; width: 100% !important; } html .woocommerce #payment .terms, .woocommerce-page #payment .terms { padding: 0 1em; text-align: center; } html .yamm .nav .hot a { border: none !important; } html .wrap-services-tabs .wrap-tabs .nav.nav-tabs li { margin: 10px !important; width: 100% !important; } html .portfolio-list-section .col-sm-3.sticky-bar { max-width: 100%; } html .footer-meta:nth-child(2n) { text-align: right; position: relative; right: 0; } html .blog-post .post-body { padding: 0 20px 20px 20px; } html .post-footer, .post-footer a, .post-footer .blog-footer-title, .reply a:hover { margin-bottom: 5px !important; } .tmpl-half-menu-middle { width: 100% !important; } .tmpl-half-menu-right, .tmpl-half-menu-left { display: none !important; } html .tmpl-half-menu-middle .menu-mobile-button { top: 26px; right: -14px !important; } html #btc_calc input[type=text] { display: block !important; width: auto !important; margin: 20px auto !important; } } /*320 x 480 (iPhone)*/ @media (max-width:480px) { html .kswr-slickslider-container[data-arrows-position=middle] .slick-arrow, .kswr-slickslider-container[data-arrows-position=middletwo] .slick-arrow { display: none !important; } html .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,html .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 1px solid rgba(0, 0, 0, .1); } input[type=submit]{ -webkit-appearance: none; -webkit-border-radius: 0; } .gallery-item { float: none !important; margin-top: 10px !important; text-align: center !important; width: 100% !important; overflow: hidden; } .gallery-caption { width: 100% !important; } html .woocommerce-variation-add-to-cart { margin: 0; } html #review_form { padding: 0 20px; display: inline-block; width: 100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { float: none; font-weight: normal; display: inline-block; width: 100%; text-align: center; margin-bottom: 10px; } html .gallery-icon a { text-align: center; display: inline-block; width: 100%; } html body .vc_custom_1504904221464 { padding-top: 80px !important; } html .vc_custom_1504906252592 { padding-bottom: 50px !important; } html .post-inner-wrap { padding: 20px 20px 10px 20px; } html .blog-post { margin-bottom: 50px; } html body blockquote:not([class]), html body blockquote.wp-block-quote { padding: 50px 50px 60px 95px; margin: 20px 0px !important; } html .b-video { padding-left: 20px; padding-right: 20px; } html .vc_custom_1504903439817 { padding-top: 0px !important; } html .vc_custom_1504884949802 { margin-bottom: 0px !important; } html .b-video { min-height: auto; } html .b-video h5 { font-size: 22px; } html .vc_custom_1504900462567 { padding-top: 50px !important; } html .wp-caption.alignleft, html .wp-caption.alignright, html .wp-caption.aligncenter { margin-bottom: 1em; } html blockquote.alignleft, html .wp-caption.alignleft, html img.alignleft { margin: 1em 1em 1em 0; } html .type-post.sticky .post-body > h4:before { top: -8px !important } html .list-services__item .icon { float: none; margin-bottom: 10px; } html .header-section { padding-top: 150px !important; } html .page-title-box { line-height: 23px; } html .wrap-blog-post .wrap-image { overflow: inherit; } html .wrap-blog-post .wrap-image.wrap-image-grid .post-date { bottom: 0; } html .post-body > h4 a { padding-bottom: 0 !important; font-size: 20px; } .post-footer .blog-footer-categories, .post-footer .blog-footer-tags, .post-footer .btn-social { margin-bottom: 0; } html .blog-content-section { padding-bottom: 0; } html .post-body .post_footer { padding-top: 0; } html .post-body > h4 { padding-right: 0 !important; } html .wrap-blog-post .post-body p { word-wrap: break-word; } html .rtd iframe { max-width: 100%; max-height: 200px; } html .post-password-form input[type=password], html .post-password-form label { width: 100%; } html .post-password-form input[type=submit] { top: 0; width: 100%; } html blockquote:not([class]) { padding: 20px 20px 20px 20px !important; } html body blockquote:before { top: -17px; left: -15px; font-size: 25px; } .rtd blockquote:not([class]) p{ margin-bottom: 0; } .rtd table:not([class]) td:not([class]), .rtd table:not([class]) th:not([class]), .rtd table:not([class]) thead:not([class]), .rtd table:not([class]) tbody:not([class]), .rtd table:not([class]) tr:not([class]) { display: inline-block; width: 100%; } .rtd table:not([class]) td:not([class]), .rtd table:not([class]) th:not([class]) { border-top: 0; min-height: 35px; text-align: center; } .rtd table:not([class]) { border-top: 1px solid #d0d2d7; } html .tmpl-content-container, html .tmpl-cc-container { width: 100% !important; height: auto !important; } html .blog-layout-grid .sidebar-type-left .wrap-image.wrap-image-grid, html .blog-layout-grid .sidebar-type-right .wrap-image.wrap-image-grid { width: 100% !important; margin-right: 0 !important; } html .blog-layout-grid .wrap-blog-post .wrap-info-grid { float: none; width: 100%; } body:not(.blog) .breadcrumbs { padding: 10px 15px; } .woocommerce-breadcrumb { line-height: 1.7; } html .services .nav-tabs > a.btn { padding: 15px 20px 15px 20px; width: 100%; } html .portfolio-item .portfolio-image .portfolio-item-body { left: 0; } html .stats > div > div { margin: 0 auto; } html .comment-list .comment, .comment-list > li { margin-left: 0; } html #gallery-1 .gallery-item { float: none; margin-top: 10px; text-align: center; width: 100%; } html body .folio-isotop-filter ul > li a { padding-bottom: 10px; padding-top: 10px; margin: 0 30px; } html .b-home-features .b-features-columns-holder { margin-top: 0; } html .footer-meta:nth-child(2n) { text-align: right; position: relative; right: 0; } html .blog-post .post-body { padding: 0 20px 20px 20px; } html .comment-list .comment-info-content { margin-left: 0; padding-bottom: 0; font-size: 14px; padding-top: 20px; } html .post-footer, .post-footer a, .post-footer .blog-footer-title, .reply a:hover { margin-bottom: 5px !important; } html .reply { position: relative; right: 0; top: 0; } html .comment-list { margin-top: 0; padding: 0px 0 0 0px; background-color: #fff; margin-bottom: 0; } html .comment-list .comment-author { float: none !important; } .summary-list .pull-left, .summary-list .pull-right { float: none !important; width: 100% !important; text-align: center; padding: 10px; } .work-body .pix-social-share { display: inline-block; width: 100%; text-align: center !important; } html .section-heading .section-title { font-size: 28px; margin-bottom: 0; } html .our-services div > a > span { text-align: center; padding-top: 0; width: 80px; height: 80px; position: relative; left: 0; top: 0; display: block; margin: 0 auto 30px; } html body .services .service-item { margin-left: 0; padding: 20px; } html .og-expander-inner { height: 100%; width: auto; } html .og-details { float: none; width: 100%; } .og-details { padding: 20px; overflow: auto; } html .our-services div > a { padding: 20px; text-align: center !important; } html .wpcf7 .order-form label { display: inline-block !important; width: 100% !important; margin: 10px; font-size: 39px; } html #accordion-one { margin-left: 25px; margin-right: 25px; } html .our-services div > a { text-align: left; } #fleet-gallery .owl-carousel.owl-drag .owl-item { margin-left: -20px; } .carlos-scroll .section-heading { text-align: center; padding: 85px 20px 50px; } html .disable-owl-carousel > div { display: inline-block; max-width: 100%; } .jarallax-content .container { padding-right: 0; padding-left: 0; } html .stats > div > div { padding: 10px 30px 28px 25px; } html .b-team-list .team-list-item { float: none; position: relative; overflow: hidden; width: 100%; display: inline-block; margin-left: 0; } html .stats .counter-item { margin-right: 0; } html .jarallax.jarallax-full-width { margin-left: 0 !important; } .hero-module, .tp-bullets, .tparrows { display: none !important; } .wrap-services-tabs .wrap-tabs .nav.nav-tabs li, html .folio-isotop-filter ul > li { width: 100%; } html .feature-item { display: inline-block; width: 100%; vertical-align: top; text-align: center !important; padding: 0 20px; } .section-skills .feature-item { height: auto !important; } html .feature-item h5 { padding-bottom: 10px; } html .section-intro .under-intro-text, html .intro-text * { text-align: center; } html .section-intro .intro-text { height: auto; min-height: 165px; } html .section-heading { text-align: center; padding: 50px 20px 50px; } html .section-brands .brand-item { display: block; vertical-align: middle; padding: 10px 30px; width: 100%; max-width: 100%; margin-bottom: 20px; } .wrap-services-tabs .wrap-tabs .nav.nav-tabs li a { border: 0 !important; } .service-features-section { padding-bottom: 80px; position: relative; padding-left: 20px; padding-top: 20px; padding-right: 20px; } html .blog-post-item { display: inline-block; margin: 10px auto !important; vertical-align: top; width: 100%; } html .panel-price .panel-heading h2 { font-size: 38px; line-height: 40px; margin: 0; } .cd-pricing-switcher .btn { float: none !important; } html .full-title-name { margin-left: -10px; } html .section-header .heading { font-size: 18px; } html .full-width-box::after { width: 40% !important; } html .icon-line h3 { font-size: 15px !important; padding: 14px 20px; } html .product-info .nav-tabs > li { margin-right: 0; width: 100%; } html .person-text { padding-left: 10px; padding-top: 20px; position: relative; } .carousel1 .bx-viewport { height: auto !important; max-width: 380px; margin: 0 auto; } html .isotope-filter .product-grid li { margin: 0 !important; width: 100% !important; } html .wrap-services .service-item { margin-bottom: 0; padding-bottom: 30px; } html .wrap-services .service-icon { float: none !important; padding-top: 20px; text-align: center !important; width: 100%; } html .wrap-services .service-text { text-align: center !important; float: none !important; padding-top: 20px; width: 100%; } html .nav-tabs-vertical { display: inline-block; width: 100%; } html .img-circle { margin: 0 auto; max-width: 240px; } html .wrap-blog-post .wrap-post-description .list-inline { margin-left: 0; } .wrap-blog-post .wrap-post-description { padding: 15px !important; } .wrap-blog-post .list-inline { display: none !important; } html .page-header { height: auto; padding-bottom: 235px; } .post-header .pull-right { display: inline-block; float: none !important; margin: -20px 0 10px 0; width: 100%; } .post-header .post-info h5 { padding-top: 5px !important; float: none !important; font-size: 21px !important; padding-bottom: 10px !important; } html body .post-header .post-info { margin-left: 0; font-size: 14px; text-align: left; } .wrap-downloads .download-item .ico { text-align: center; } .wrap-downloads .download-item .ico .down-ico { margin: 0 auto; } #nav .floated { margin: 77px -15px 0 !important; position: absolute; width: 100vw; } html .dropdown-menu .dropdown-menu { left: 0 !important; position: relative !important; top: 0 !important; } html .portfolio-col-3 .isotope-item, html .portfolio-col-2 .isotope-item, html .portfolio-col-4 .isotope-item { margin: 1%; width: 100% !important; } footer .widget_nav_menu li { display: inline-block; width: 100%; float: none; text-align: center; margin: 0 !important; padding: 0 0 10px 0 !important; } } /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* RESPONSIVE Custom */ /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* 768 x 1024 (iPad - Portrait) */ @media (min-width:768px) and (max-width:990px) { html .b-video { box-shadow: none; } html .vc_custom_1504904221464 { padding-top: 100px !important; padding-bottom: 50px !important; } html .vc_custom_1512485934215 { margin-left: 0px !important; } .wrap-cards .box-heading { height: auto !important; padding-top: 0 !important; } } /*480 x 640 (small tablet and iPhone)*/ @media (max-width:767px) { html .b-video { box-shadow: none; } .vc_custom_1507903670863 { margin-left: 10px !important; } html .vc_custom_1505411071620 { padding-top: 80px !important; } html .kswr-heading-container div { line-height: 1.7; } html .vc_custom_1504904221464 { padding-top: 100px !important; padding-bottom: 50px !important; } html .vc_custom_1504904114698 { padding-top: 0px !important; } html .vc_custom_1504904462403 blockquote:not([class]) { padding: 65px 0px 36px 0px !important; } html .vc_custom_1505126245099 { padding-bottom: 50px !important; } html .vc_custom_1504904462403 blockquote:before { left: 0; } html .vc_custom_1504904462403 blockquote:after { right: 0; } html .vc_custom_1530544704147 { padding-bottom: 25px !important; } html .vc_custom_1522684567939 { padding-left: 0 !important; } html .slick-slider:hover .slick-next, .slick-slider:hover .slick-prev { display: none !important; } html .vc_custom_1524572198675 { margin-top: -80px; } .wpaddons-parallax-left { display: none; } html .service-application { display: block; } html .application .app-features { position: relative; width: 100%; margin-bottom: 40px; margin-top: 40px; } html .km-modal-video-tgr img { max-width: 100%; height: auto; } html .vc_custom_1512485934215 { margin-left: 0px !important; } html .vc_custom_1487787229091 { padding-left: 0px !important; } html .vc_custom_1485525386322 { text-align: center !important; } html .vc_custom_1511134593738 { padding-left: 15px !important; } html .tmp-post-box { width: 100% !important; } html .vc_custom_1503911945229 { margin-top: 0 !important; } html .vc_custom_1497992349164 { padding-top: 0px !important; } html .b-progress-list__item { padding: 35px 30px 20px; height: auto; } .section-decor-wrap svg:not(:root) { overflow: inherit !important; } html .service-item { text-align: center !important; } html .vc_custom_1496997276176 { padding: 0 !important; } .wrap-features { text-align: center; } .wrap-downloads .download-item { margin-bottom: 25px; text-align: center; } .wrap-tabs .col-middle { margin-bottom: 50px; } .wrap-tabs .tab-pane-vertical p, .wrap-tabs .tab-pane-vertical h4 { margin-left: 0px !important; } html .wrap-tabs { padding: 0; } html .wrap-timeline .left-row, html .wrap-timeline .right-row { text-align: left !important; margin-bottom: 20px; padding-left: 110px !important; } html .wrap-timeline .left-row .time-item { padding-right: 20px; padding-left: 0; } html .wrap-timeline .right-row .time-item { padding-left: 0 !important; } html .wrap-timeline .row > .round-ico.little:after { left: 100%; top: 6px; } html .wrap-timeline .row > .round-ico.little:before { right: -37px; } html .wrap-timeline .top-row .time-title .round-ico { left: 20px; } html .wrap-timeline:after { left: 17px; } html .wrap-timeline .row > .round-ico.little { left: 33px; } html .wrap-timeline .row > .round-ico.big { left: 32px; } html .wrap-timeline .plus .plus-ico { margin: 0 0 0 -9px; } .wrap-service-nav { padding: 0; } .cd-single-point .cd-more-info { display: none !important; } html .wrap-service-nav { padding: 0; } html .vc_custom_1496933493562 { padding-top: 100px !important; padding-bottom: 0 !important; } html .spl-title h2 { font-size: 26px; margin-bottom: 24px !important; } html .post-header .wrap-post-info { margin-left: 0; padding: 0; text-align: center; } html .post-header .avatar { margin: 0 auto; text-align: center; } html .post-header .post-info h5 { padding-top: 5px; float: none !important; text-align: left; font-size: 20px; } html .wrap-blog-post .post-description .post-avatar img { top: -31px; right: 14px; max-width: 50px; } html .b-upper-title { min-height: auto !important; } html .blog-post-item { width: 100%; } .latest-carousel-item .blog-item-content .blog-item-img { height: auto !important; overflow: hidden; } html .vc_icon_element-outer .vc_icon_content { text-align: left; } html .our-services .department-1-item { width: 100%; } html .nav-tabs-vertical { display: inline-block; width: 100%; } .creative-brand .vc_figure { border: 0 !important; } }