/* Responsive Design */ @media(min-width:1180px) and (max-width: 1400px) { .main-navigation ul ul li a { font-size: 13px !important; padding: 0 7px !important; } } /* Large desktop */ @media(max-width: 1180px) { #main{ width: 100%; } .ak-container { width: 99%; padding: 0 0.5%; } body.boxed-layout #outer-wrap{ overflow: hidden; } .boxed-layout #page, body.boxed-layout { width: 100%; } .both-sidebar .left-sidbar-right { float: left; width: 73%; } .both-sidebar #secondary-right { float: right; width: 25%; } .right-sidebar .business-hours a { font-size: 12px; } .left-sidebar .business-hours a { font-size: 13px; } a[href^=tel] { /* css */ color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /***** header css ****/ #site-navigation ul.nav-menu > li a { padding: 0 5px; } /******* slider css ******/ #main-slider .small-caption { font-size: 16px; } #main-slider .caption-title { font-size: 55.78px; } #main-slider .caption-description { font-size: 18px; margin-top: 10px; } .about, .blogs { padding: 60px 0; } .service-block { margin-left: 1%; width: 24%; } .service-block-wrapper { margin-left: -1%; } .our-services .service-title { font-size: 18px; } .our-services .service-content { font-size: 13px; } .pricing-table .title-price { font-size: 32px; } .pricing-table .table2 .price { font-size: 40px; } .price-table { float: left; margin-left: 2%; padding: 40px 0; text-align: center; width: 23% !important; } .pricing-table .title-price:after { display: none; } .price-table-wrapper { margin-left: -2%; } .pricing-table .title-price { background-size: 100% auto !important; min-height: 170px !important; } .pricing-table .table-content li { font-size: 18px; } .pricing-table .table-content ul { padding: 25px 18px; } .pricing-table .table2 .table-content ul { padding: 50px 18px; } .pricing-table .table2 .product-link { padding-bottom: 30px; } .awesome-feature .aw-left .awesome-icons, .awesome-feature .aw-right .awesome-icons { width: 16%; } .awesome-feature .aw-left .aw-content, .awesome-feature .aw-right .aw-content { width: 82%; } .team-block { margin-left: 1%; width: 23%; } .portfolio-content .port-content { display: none; } .portfolio-listing.list .port-content { display: block; } .statcounters { margin-left: 1%; margin-top: 65px; width: 23%; vertical-align: top; } .blog-in-wrap { float: left; margin-left: 1%; width: 32.33%; } .blog-wrap { margin-bottom: 45px; margin-left: -1%; } .call-to-action { padding: 30px 0; } .call-to-action:after { display: none; } .our-team-member { padding: 30px 0; } .our-team-member .home-title { margin-bottom: 0; } .our-services .service-icons { background: #E6E6E6; } .team-member-grid .team-block { width: 100%; } .cta-video-section-wrap .cta-video .cta-wrap-left { width: 60%; } .cta-video-section-wrap .cta-video .cta-wrap-left:after { display: none; } .woocommerce ul.products li.product .price-cart .button:before { display: none; } .woocommerce ul.products li.product .price-cart .button { text-align: center; width: 55%; padding: 0; } .price > del { display: none !important; } } @media (min-width: 981px) and (max-width: 1023px) { #site-navigation ul.nav-menu > li a{ font-size:13px; } } @media (max-width: 980px) { .portfolio-content .read-more { height: 44px; line-height: 44px; width: 44px; } .portfolio-listing.list .portfolio-content .read-more { height: auto; line-height: 16px; width: auto; } .portfolio-content .port-title { color: #ffffff; font-size: 18px; font-weight: 700; } .portfolio-listing.list .portfolio-content .port-title{ color: #333333; } .team-image:hover .team-hover-icon { top: 26%; } .inner-circle { height: 160px; width: 160px; } .inner-circle > h2 { height: 140px; width: 140px; } .coutner-title > h2 { font-size: 18px; } .statcounters { margin-top: 35px; } .testimonial .tm-slider { font-size: 28px; } .title-test { margin-top: 30px; } .testimonial .bx-controls.bx-has-pager { padding-bottom: 20px; } .testimonial { padding: 80px 0 40px; } .blog-single-title { font-size: 13px; line-height: 28px; } .blog-title-comment { width: 180px; } .blog-date { margin-right: 5px; } .copyright { font-size: 12px; } .copyright, .ak_footer_social { line-height: 40px; padding-top: 20px; text-align: center; width: 100%; } .ak_footer_social { padding-bottom: 20px; padding-top: 0; } .awesome-feature .aw-left .awesome-icons, .awesome-feature .aw-right .awesome-icons { width: 20%; } .awesome-feature .aw-left .aw-content, .awesome-feature .aw-right .aw-content { width: 80%; } .awesome-feature .aw-left, .awesome-feature .aw-right { padding-right: 10px; } .awesome-feature .aw-right { padding-left: 10px; padding-right: 0; text-align: left; } .both-sidebar .left-sidbar-right, .both-sidebar #secondary-right, .both-sidebar #secondary-left, .both-sidebar #primary { float: none; width: 100%; } .portfolio-grid .portfolio-archive { width: 49%; } .price-table { width: 48% !important; margin-bottom: 2%; margin-top: 0 !important; } .pricing-table .table2 .title-price { padding-top: 40px; } .pricing-table .table2 .table-content ul { padding: 30px 18px; } } @media(max-width: 980px) { .search-icon { display: none; } .home #masthead { position: static; background: #ffffff; } /*#site-navigation.main-navigation { display: none; }*/ #nav, .responsive-header { display: block; } #nav-open-btn.nav-btn { background: none repeat scroll 0 0 #0fc8ed; display: block; float: right; font: 0px/0 a; height: 40px; margin: 12px 0 10px; width: 36px; } #nav .close-btn { background: none repeat scroll 0 0 #0fc8ed; border: 1px solid #ffffff; border-radius: 100%; color: #ffffff; font-size: 14px; height: 24px; left: 10px; line-height: 22px; opacity: 1 !important; text-align: center; text-indent: 0; top: -40px; width: 25px; } .js-ready #nav { background: none repeat scroll 0 0 #0fc8ed; padding-top: 50px; overflow: scroll; } #nav ul { margin-left: 0; } #nav ul.sub-menu { text-indent: 20px; } #nav li a { position: relative; font-weight: 300; font-size: 14px; } #nav ul.sub-menu > li a:after { background: none; } #nav li a:focus, #nav li a:hover, #nav li.current-menu-item > a, #nav li.current-menu-ancestor > a { background: #0A87A1; } .widget_shopping_cart_content .button { padding: 2px 10px !important; } .csstransforms3d.csstransitions.js-nav .left_menu #inner-wrap { -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); } .csstransforms3d.csstransitions.js-ready .left_menu #nav{ width: 80%; } .menu-center .search-icon { display: none; } .horizontal .ap_tab_group .tab-title{ margin: 0 10px; } .vertical .ap_tab_group{ width: 24%; } .vertical .ap_tab_content { padding: 10px; width: 76%; } .ticker-wrapper.has-js{ width: calc(100% - 100px); } .ticker{ width: 100%; } } @media (max-width: 767px) { #main-slider .caption-title { display: block; font-size: 38.78px; margin: 0 auto; width: 90%; } #main-slider .caption-description, #main-slider .small-caption { display: none; } .slider-wrapper .mid-content { text-align: center; } .service-block { margin-bottom: 5%; margin-left: 2%; min-height: 450px; width: 48%; } .service-block-wrapper { margin-left: -2%; } .price-table { float: none; margin: 0 auto 30px; padding: 40px 0; text-align: center; width: 80% !important; } .awesome-feature .aw-left, .awesome-feature .aw-right { float: none; margin: 0; padding: 0; width: 100%; } .awesome-feature .aw-left .awesome-icons span, .awesome-feature .aw-right .awesome-icons span { float: none; margin: 0 auto; } .awesome-feature .aw-left .aw-content, .awesome-feature .aw-right .aw-content { float: none; text-align: center; width: 100%; } .awesome-feature .aw-left, .awesome-feature .aw-right { float: none; margin: 0; padding: 0; width: 100%; } .awesome-feature .aw-left .awesome-icons, .awesome-feature .aw-right .awesome-icons { text-align: center; width: 100%; } .awesome-feature .aw-left:after, .awesome-feature .aw-right .awesome-icons span:after, .awesome-feature .aw-left .awesome-icons span:after { display: none; } #portfolio-grid .port-wrap { width: 50%; } .portfolio-listing.list #portfolio-grid .port-wrap { width: 100%; } .call-to-action { background-size: cover; } .team-block { display: inline-block; margin-left: 1%; width: 48%; } .our-team-member .team-name { text-align: center; } .team-image:hover .team-hover-icon { top: 40%; } .statcounters { width: 49%; margin-left: 0%; } .blog-in-wrap { float: none; margin: 0 auto 30px; width: 100%; } .blog-wrap { margin: 0; } .blog-title-comment { width: auto; } .blog-comment { margin-left: 15px; } .testimonial .tm-slider { font-size: 65%; line-height: 30px; } .copyright { font-size: 14px; line-height: 24px; text-align: center; width: 100%; } .ak_footer_social { line-height: 43px; text-align: center; float: none; } .copyright, .ak_footer_social { margin-bottom: 10px; padding: 0; } #bottom-footer { padding: 20px 0; } .ap-span1, .ap-span2, .ap-span3, .ap-span4, .ap-span5, .ap-span6, .span1, .span2, .span3, .span4, .span5, .span6 { width: 100%; margin: 0 0 15px; } .col { margin-left: 0; } .right-sidebar #primary, .right-sidebar #secondary-right, .left-sidebar #primary, .left-sidebar #secondary-right { width: 100%; float: none; } .footer-column-4 .footer-block { min-height: 210px; width: 48%; } .team-member-grid .team-image > img { width: 100%; } .team-member-grid .cat-event-list { border: medium none; float: left; margin-left: 1%; width: 49%; } .ak_header_social .social-icons { text-align: center; } .footer-cta .banner-btn { float: none; margin: 0 auto; width: 200px; } .footer-cta .banner-text { display: block; float: none; text-align: center; width: 100%; } .footer-cta .cta-banner .main-title, .footer-cta .cta-desc_simple, .cta-video-section-wrap .cta-video .cta-wrap-right .main-title, .cta-video-section-wrap .cta-video .cta-desc { text-align: center; } .cta-video-section-wrap .cta-video .cta-wrap-left { width: 100%; margin: 0; float: none; } .cta-video-section-wrap .cta-video .cta-wrap-left iframe { width: 100%; } .cta-video-section-wrap .cta-video .cta-wrap-right { float: none; text-align: center; width: 100%; margin-top: 15px; } .team-block-wrapper .team-designation { text-align: center; } .team-block-wrapper.type-list .team-designation { text-align: left; } .portfolio .portfolios { width: 50%; } .call-to-action-form .cta-content-wrap, .call-to-action-form .cta-form-wrap .cta-form { float: none; margin: 0 0 20px; width: 100%; } .call-to-action-form .cta-form-wrap { margin: 0; } .portfolio-listing .button-group li { padding: 5px 7px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { clear: none; float: left !important; } .ap-icon-text.style2 .ap-icon-text-icon{ float: none; } .ap-icon-text.style2 .ap-icon-text-content-wrap{ padding-left: 0; } .feature-prod-wrap{ width: 48%; } .seal-logo-wrap, .site-info{ width: 100%; text-align: center; } .site-info{ margin-top: 10px; } #primary, #secondary{ width: 100%; } #secondary{ margin-top: 20px; } } @media (max-width: 620px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%; } .blog-circular_image .blog-thumbnail, .blog-circular_alternative_image .blog-thumbnail, .alternate_wrap .blog-circular_alternative_image .blog-thumbnail, .alternate_wrap .blog-square_alternative_image .blog-thumbnail, .blog-square_image .blog-thumbnail, .blog-square_alternative_image .blog-thumbnail { float: none; margin: 15px auto; width: 270px; } .blog-exrecpt { text-align: center; } .meta-btn-wrap .bttn { float: none; margin: 15px auto; position: static; } .blog-title { text-align: center; } .blog-full .blog-title { text-align: left; } .portfolio-listing.grid #portfolio-grid .portfolios { width: 50%; } .portfolio-listing .button-group li { margin-bottom: 10px; padding: 5px 7px; } .portfolio-listing .button-group { text-align: center; } .team-block-wrapper.type-list .team-block .team-image, .team-block-wrapper.type-list .team-text-wrap{ float: none; text-align: center; display: block; width: 100%; } .team-block-wrapper.type-list .team-block .team-image { float: none; margin: 0 auto 20px; width: 80%; } .team-block-wrapper.type-list .team-designation { text-align: center; } .ak-header-text { display: block; text-align: center; } .header-social { text-align: center; } .ak_header_social{ float: none; } .staple-section::after { bottom: -20px; height: 40px; margin-left: -20px; width: 40px; } .staple-section { padding: 50px 0 !important; position: relative; } } @media (max-width: 480px) { #main-slider .caption-wrapper { margin-top: -60px; } #main-slider .caption-title, #main-slider .slider-content > p > span { display: block; font-size: 20.78px; line-height: 40px; margin: 0 auto; padding: 0; width: 90%; } #main-slider .bx-pager.bx-default-pager { bottom: 15px; } #main-slider .slider-btn { font-size: 18px; height: 40px; line-height: 40px; margin-top: 15px; width: 110px; } .home-title { font-size: 27px; margin-bottom: 10px; } .home-description { color: #3d3d3d; font-size: 15px; line-height: 26px; margin-bottom: 42px; text-align: center; } .about:before { display: none; } .service-block-wrapper { margin: 0; } .service-block { margin: 0 0 30px; width: 100%; min-height: inherit; } .our-services .service-icons { margin: 0 auto; width: 280px; } .price-table { width: 98% !important; } .price-table-wrapper { margin: 0; } #portfolio-grid .port-wrap { width: 100%; } .team-block { margin: 0 0 20px; width: 239px; } .home-title { font-size: 22px; margin-bottom: 10px; } .statcounters { width: 100%; } .testimonial .tm-slider { font-size: 55%; line-height: 30px; } .portfolio-grid .portfolio-archive { float: none; margin: 0 auto 10px; text-align: center; width: 98%; } .nav-links .nav-previous, .nav-links .nav-next { display: block; float: none; margin: 0 0 10px; padding: 0; text-align: left; width: auto; } .portfolio-list .cat-portfolio-image { float: none; margin-bottom: 20px; width: 50%; } .portfolio-list .cat-portfolio-image { float: none; height: auto; margin-bottom: 20px; width: 100%; } .portfolio-list .cat-portfolio-content { float: none; width: 100%; } .footer-column-4 .footer-block { float: none; margin: 0 auto; min-height: inherit; text-align: center; width: 98%; } .team-member-grid .cat-event-list { border: medium none; float: none; margin: 0 auto; text-align: center; width: 70%; } #nav li a { padding: 10px; font-size: 13px; } #nav .menu .left-toggle{ height: 36px; width: 36px; line-height: 36px; } .tagline { display: none; } .site-branding h1 { font-size: 20px; padding-left: 10px; padding-top: 10px; } .portfolio .portfolios { width: 100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; margin: 0 0 2%; } .woocommerce ul.products, .woocommerce-page ul.products { margin: 0; } .portfolio-listing.grid #portfolio-grid .portfolios { width: 100%; } .portfolio-listing.list .portfolio-image, .portfolio-listing.list .portfolio-content { float: none; margin-left: 0; width: 100%; } .portfolio-listing.list .portfolio-image{ margin-bottom: 10px; } .responsive-form{ width: 82%; } .responsive-form .search-field, .responsive-form .search-field:focus, .responsive-form .search-field:active{ width: 69%; } .testimonial-inner-image { left: 50%; top: 0; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30%; } .tm-inner-wrapper { margin-left: 0; margin-top: 80px; padding-left: 20px; padding-top: 80px; text-align: center; width: 100%; } .team-img-right { float: none; margin: 0 auto 20px; overflow: hidden; width: 250px; } .team-content-right { text-align: center; } .top-info { display: block; margin: 0; } .left_menu #nav li a { font-size: 13px; padding: 0.85714em 10px; } .stat-counter-title{ font-size: 26px; } .promo-product1 aside, .promo-product2 aside, .feature-prod-wrap, .columns-4 .top-footer-block{ width: 100%; float: none; margin-bottom: 10px; padding-right: 0; } .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{ width: 100%; float: none; } }