@media (max-width: 1200px) { #main-column { width: 590px; float: left } .woocommerce ul.products li.product { width: 31%; margin-right: 3% } .woocommerce ul.products li.product:nth-child(4n+4) { margin-right: 3% } .woocommerce ul.products li.product:nth-child(3n+3) { margin-right: 0!important } .woocommerce #content div.product div.images, .woocommerce div.product div.images { width: 43% } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary { width: 55% } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button { width: 100%; margin: 20px 0 0 } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { margin-top: 0 } .woocommerce-cart table.cart .product-thumbnail { display: none } .woocommerce-cart table.cart { border: none } } @media (max-width: 992px) { .header-style-2 .main-navigation-content .searchbox-icon, .header-style-3 .menu-icon, .header-style-7 .menu-icon, .header-style-7 .searchbox-icon, .header-style-8 .menu-icon, .header-style-8 .searchbox-icon{ display: block; } .header-style-2 .logo-wrapper .searchbox-icon, .header-style-2 .logo-wrapper .top-cart{ display: none; } .header-style-2 .main-navigation-content .searchbox-icon{ left: 18px; right: auto; } .header-style-4 .main-navigation-content{ height: 1px; border-bottom: none; } .header-style-4 .main-navigation-content *{ display: none; } .mobil-wrapper{ position: absolute; width: 140px; float: left; position: relative; height: 50px; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #main-column { width: 100% } .list-meta .likes-counter, .list-meta .views-counter { padding-right: 10px!important } .navigation { display: none } .pxs-main-navigation { height: 60px } .responsive-navigation { display: block } .sidebar-column { width: 100%; margin-top: 40px!important } .pixelshow_facebook_widget { text-align: left } .grid-wm-two{ margin-bottom: 10px!important; } .index_subscribe { margin-top: 30px } .footer-parts.footer-part-1 .widget:first-child, .footer-parts.footer-part-2 .widget:first-child, .footer-parts.footer-part-3 .widget:first-child{ margin: 0px 0 30px!important; } .footer-parts.footer-part-1 .widget:first-child{ margin-top: 50px!important; } .footer-part-1, .footer-part-2, .footer-part-3 { width: 100%; margin-left: 0; } .index_relet .small-popular-block { width: 100%; float: left; margin: 0 0 20px } .index_relet .small-popular-block .post { float: left!important; display: block!important; width: 48%; margin-left: 2% } .index_relet .small-popular-block:first-child { margin-left: 0 } .index_relet .big-popular-block { width: 100%; padding: 0; margin: 0 0 20px } .fl-grid .post:last-child { margin-bottom: -30px!important } .post-list-style .list-content-wrapper { margin-bottom: 40px } .fl-grid .post-mix-style { margin-bottom: 60px } .all-width-list .post.grid-list-post { width: 48.6%; margin-right: 2%!important } .all-width-list .grid-list-post:nth-of-type(2n+2) { margin-right: 0!important } .all-width-list .full-and-grid .post.grid-list-post, .all-width-list .full-and-grid .post.grid-list-post:nth-of-type(2n+2) { margin-right: 2%!important } .all-width-list .full-and-grid .post.grid-list-post:nth-of-type(2n+3) { margin-right: 0!important } .grid-static-posts .static-grid { width: 50%; height: 300px } .grid-static-posts .static-three-grid:first-child { width: 100% } .pixelshow_social_widget { text-align: center } .pixelshow_social_widget .widget-title { display: inline-block } .woocommerce #content div.product div.images, .woocommerce div.product div.images { width: 41%!important; float: left } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary { width: 54%!important; float: right } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs { padding-top: 0 } .woocommerce .related, .woocommerce .upsells { width: 100%!important } .woocommerce .related.products li, .woocommerce .upsells.products li { width: 48.3%!important } .woocommerce .related.products li:nth-child(3), .woocommerce .upsells.products li:nth-child(3) { margin-left: 0!important } .woocommerce-cart table.cart .product-thumbnail { display: block } .prom-widget .product_list_widget li:nth-child(5), .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead { display: none } .woocommerce-cart table.cart { border: 1px solid #eee } .prom-widget .product_list_widget li { border-bottom: none!important; width: 23%; text-align: left; margin-left: 2%!important } .pagination-links { margin-top: 80px } .prom-widget .side-newsfeed li { width: 21.2%!important; margin-left: 5%!important } .prom-widget .side-newsfeed li img, .prom-widget .side-newsfeed li .side-image { width: 100%!important } .prom-widget .side-newsfeed li .side-item-text { width: 100%; margin: 20px 0 } .prom-widget .side-newsfeed li .side-item-text h6 { margin-top: 10px!important; } .prom-widget .side-newsfeed li .side-item-text .post-entry, .prom-widget .side-newsfeed li .side-item-text .date { display: none } .block-with-padding .fl-grid{ padding: 40px 30px 30px; } .prom-widget.widget_simpleimage{ width: 100%; margin-left: 0; } } @media (max-width: 790px) { header .navigation-wrapper .container { width: auto; max-width: 750px!important } .header-style-9 .logo-wrapper li, .header-style-9 .logo-wrapper li:first-child{ width: 100%; } .header-style-9 .logo-wrapper li:last-child{ display: none; } .header-style-9 .header-logo{ display: inline-block; float: none; } } @media (max-width: 762px) { .woocommerce ul.products li.product { width: 48%; margin-right: 3% } .woocommerce ul.products li.product:nth-child(3n+3) { margin-right: 3%!important; } .woocommerce ul.products li.product:nth-child(2n+2) { margin-right: 0!important } } @media (max-width: 700px) { .header-logo { height: auto!important; } .main-panel { padding-top: 25px } .page-title-wrapper .page-title { padding: 22px 0 } .post { margin-bottom: 50px!important } .sidebar-column { border-top: 1px solid #eee!important; float: left; padding-top: 30px; margin-top: 0 } .sidebar-column .widget { margin-bottom: 40px } .grid-wm-two, .post-list-style .post-entry { position: relative } .grid-list-post, .default-post-style { margin-bottom: 25px!important } .post-list-style { margin-bottom: 15px!important } .post-list-style .post-img, .post-list-style .post-img a, .post-list-style .post-img img{ width: 100%!important; display: block; min-width: 100%!important; } .post.post-mix-style { margin-bottom: 50px!important } .grid-list-post .post-header { margin-top: -15px } .responsive-seachbox { display: block; right: 5px } .logo-left { text-align: center } .instagram-footer{ display: none } .index_subscribe input { width: 100%!important; margin-left: 0!important; margin-bottom: 10px } .glide-navigation, .item-related img { width: 100%; visibility: visible; z-index: 99999; background: #fff; } .glide-nav-open{ margin-left: 0px; } .post-related { border-bottom: 1px solid #eee } .item-related { width: 100%; margin: 0 0 30px!important } .item-related:first-child { margin-left: 0!important } .post-switch li a { font-size: 13px; font-weight: 400!important } .grid-list-post { width: 100%; margin-right: 0!important } .post-list-style .list-content-wrapper { width: 100%; float: left; margin-top: 10px!important; margin-bottom: 10px!important; position: relative } .post-list-style .socials-box .socials { border: none!important } .grid-wm-two { width: 100%; float: left; margin: 0 0 1%!important } .grid-wm-two .post-img{ width: 100%; display: block; } .grid-wm-two .views-counter a.post-img{ width: auto!important; } .all-width-list .grid-wm-two { width: 100%!important } .full-and-grid .grid-list-post:nth-of-type(2n+2) { margin-right: 0!important } .fl-grid .post-mix-style, .fl-grid .post-mix-style .post-img { width: 100%!important; min-width: 100%!important; margin-left: 0!important; margin-right: 0!important } .fl-grid .post-mix-style .post-img { margin-bottom: 30px } .grid-static-posts .static-grid { width: 100%; height: 300px; } footer .footer-parts { margin-top: 0!important } .prom-widget .product_list_widget li { width: 31% } .prom-widget .product_list_widget li:nth-child(4) { display: none } .hero .carousel .owl-dots { text-align: left; margin-left: 20px } .category-post-title a { margin-bottom: 10px } .post-img { margin-bottom: 15px!important } .post-header h3, .post-header h4 { margin-bottom: -5px!important } .woocommerce .page-title{ margin-top: 0!important; padding: 50px 0 40px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images { width: 100%!important; float: left!important; margin-bottom: 40px } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary { width: 100%!important; float: right } .woocommerce .related.products li, .woocommerce .upsells.products li { width: 100%!important; margin-left: 0!important; margin-right: 0!important } .woocommerce ul.products li.product { margin-bottom: 25px } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-bottom: 20px } .woocommerce div.product div.summary p.price, .woocommerce div.product div.summary span.price, .woocommerce #content div.product div.summary p.price, .woocommerce #content div.product div.summary span.price { margin-top: 20px; margin-bottom: 10px } .woocommerce div.product form.cart, .woocommerce #content div.product form.cart { margin-top: 25px } .woocommerce .related.products, .woocommerce .upsells.products { margin-top: 10px } .woocommerce .related.products h2, .woocommerce .upsells.products h2 { margin-bottom: 15px } .single-post .share-single-post { margin: -10px 0 10px 5px!important } .single-post .catery-date-block { margin-top: -20px!important } .single-post .post-meta { margin-top: 0!important } .single-post .post-switch li a { padding: 14px 20px!important } .post-related-title { margin-top: 15px } .item-related { margin-bottom: 10px!important } .item-related h6 { margin: 15px 0 0!important } #comments { margin-top: 20px } .thecomment { padding-bottom: 0; margin-bottom: 25px } #respond h3 { margin-bottom: 5px } #respond { margin-bottom: 0 } #respond input { margin-bottom: 0 } .comment-form-comment, .form-submit { margin-bottom: 0!important } .comment-form-author, .comment-form-url, .comment-form-email { margin-bottom: 10px!important } .comment-form-author input, .comment-form-url input, .comment-form-email input { width: 100%!important } .copy-wrapper .copyright, .right-socials { float: none; width: 100%; margin-bottom: 10px; text-align: center!important } .index_relet .small-popular-block .post, .index_relet .big-popular-block .post { margin-bottom: 10px!important } .prom-widget .mc4wp-form-fields{ width: 100%; } .footer-parts.footer-part-1 .widget:first-child{ margin-top: 10px!important; } .menu-icon i{ padding: 10px 20px; margin: 0 -20px; } } @media (max-width: 600px) { .admin-bar .fixed-header { top: 0!important } .admin-bar .sidebar-scroll { top: 0!important } .close-glide-button a i img { width: 20px; margin: 20px } .index_relet .small-popular-block .post, .most-liked-posts .most-post { width: 100%; margin-left: 0% } .index_relet .small-popular-block .post, .index_relet .big-popular-block .post { margin-bottom: 10px!important } .index_relet .small-popular-block, .index_relet .big-popular-block { margin-bottom: 0 } .index_relet .small-popular-block .post:first-child { margin-left: 0 } .index_relet { margin-bottom: 10px!important } .index_relet .post .post-header, .most-liked-posts .most-post .post-header { text-align: center!important } .index_relet .small-popular-block .post .post-entry, .most-liked-posts .most-post .post-entry { display: none } .slide-info { width: 350px!important; text-align: center!important } #main-column .slide-info { width: 88%!important; } .post-comments .comment .comment { margin-left: 0!important } .all-width-list .post.grid-list-post { width: 100%; margin-right: 0!important } .carousel-fourit .slide-info { width: 100%!important } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left } .woocommerce-result-count { width: 100% } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { text-align: center } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { width: 100%; margin-bottom: 10px } .prom-widget .side-newsfeed li { width: 30%!important; float: left!important; border-bottom: none; margin-left: 5%!important; display: none; margin-bottom: -10px!important } .prom-widget .side-newsfeed li:nth-child(1), .prom-widget .side-newsfeed li:nth-child(2), .prom-widget .side-newsfeed li:nth-child(3) { display: block } } @media (max-width: 500px) { .header-style-1 .header-soc-icon, .header-style-1 .searchbox-icon{ display: none; } .header-style-6 .header-soc-icon, .header-style-6 .searchbox-icon{ display: none; } .glide-navigation .navbar { margin: 40px 20px 30px } #main-column .slide-info { width: 82%!important; } .post-header { text-align: left } .top-header-slider .slide-info { padding: 15px 15px 30px!important; width: 80%!important } .slide-info .post-header { text-align: center!important } .carousel-fourit .slide-info { width: 100%!important } .woocommerce ul.products li.product { width: 100%; margin-right: 0; margin-bottom: 40px; } .woocommerce ul.products li.product:nth-child(2n+2), .woocommerce ul.products li.product:nth-child(3n+3) { margin-right: 0 } .author-content { width: 100%; float: left; margin-top: 20px } .index_relet { padding: 80px 0 0px!important } .owl-nav, .back-to-top{ display: none!important; } .search-wrapper .search-form { left: 50%; padding: 0 0px 0 0; } .search-form .searchbox-input{ font-size: 30px; } .single .social-light-version .share-single-post li.single-views-counter { float: none!important; display: table; } .wrapper-active input::-webkit-input-placeholder{font-size:30px}.wrapper-active input:-moz-placeholder{font-size:30px}.wrapper-active input::-moz-placeholder{font-size:30px}.wrapper-active input:-ms-input-placeholder{font-size:30px} } @media (max-width: 400px) { .prom-widget .product_list_widget li { width: 100%; margin-left: 0!important; margin-bottom: 5px!important } .prom-widget .product_list_widget li:nth-child(4) { display: block } .single .share-single-post li { width: 16%!important; margin: 0px!important } .single .share-single-post li:first-child { margin-left: -5px!important } .single li.single-views-counter { float: left!important; width: auto!important; margin-top: 10px!important; margin-left: -5px!important } .prom-widget .side-newsfeed li { width: 47%!important; float: left!important; border-bottom: none; margin-left: 5%!important; display: block; margin-bottom: -40px!important } .prom-widget .side-newsfeed li:nth-child(3) { margin-left: 0!important } .prom-widget .side-newsfeed { float: left; margin-bottom: 40px } .pagination-links { margin-top: 100px } .widget.pixelshow_facebook_widget { display: none } .widget.slider_news_widget { display: none } .prom-widget .side-newsfeed li { width: 46.7%!important; margin-left: 5%!important; display: inline-block!important; vertical-align: top!important; float: none!important } #main-column .slide-info { width: 100%!important; left: 0!important; } .block-with-padding .fl-grid{ padding: 40px 10px 30px; } }