html{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-font-smoothing: none; font-smoothing: antialiased; } #left-column { padding-left: 0; } *{ margin: 0; padding: 0; } a:hover{ text-decoration: none; transition: all 0.3s ease-in 0s; } a, a:active ,a:focus{ text-decoration: none; outline: none; } .ybc-blog-categories { float: right; margin-right: 15px; } .fb_iframe_widget { margin-right: 20px; } .fb_iframe_widget span { float: left; } .bc-capcha-wrapper { display: box; display: -webkit-box; display: -o-box; display: -ms-box; display: -moz-box; display: flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: -moz-flex; float: left; } #module-ybc_blog_free-blog #left_column .block, #module-ybc_blog_free-gallery #left_column .block, #module-ybc_blog_free-blog #right_column .block, #module-ybc_blog_free-gallery #right_column .block, #left_column .ybc_block_categories, #left_column .ybc_block_search, #left_column .page_blog, #left_column .ybc_block_gallery, #left_column .ybc_block_tag, #right_column .ybc_block_categories, #right_column .ybc_block_search, #right_column .page_blog, #right_column .ybc_block_gallery, #right_column .ybc_block_tag { display: none; } #module-ybc_blog_free-blog #left_column .ybc_block_categories, #module-ybc_blog_free-blog #left_column .ybc_block_search, #module-ybc_blog_free-blog #left_column .page_blog, #module-ybc_blog_free-blog #left_column .ybc_block_gallery, #module-ybc_blog_free-blog #left_column .ybc_block_tag, #module-ybc_blog_free-gallery #left_column .ybc_block_categories, #module-ybc_blog_free-gallery #left_column .ybc_block_search, #module-ybc_blog_free-gallery #left_column .page_blog, #module-ybc_blog_free-gallery #left_column .ybc_block_gallery, #module-ybc_blog_free-gallery #left_column .ybc_block_tag, #module-ybc_blog_free-blog #right_column .ybc_block_categories, #module-ybc_blog_free-blog #right_column .ybc_block_search, #module-ybc_blog_free-blog #right_column .page_blog, #module-ybc_blog_free-blog #right_column .ybc_block_gallery, #module-ybc_blog_free-blog #right_column .ybc_block_tag, #module-ybc_blog_free-gallery #right_column .ybc_block_categories, #module-ybc_blog_free-gallery #right_column .ybc_block_search, #module-ybc_blog_free-gallery #right_column .page_blog, #module-ybc_blog_free-gallery #right_column .ybc_block_gallery, #module-ybc_blog_free-gallery #right_column .ybc_block_tag{ display: block } .blog-capcha { clear: left; float: left; } #ybc-blog-capcha-img { margin-right: 10px; } .ybc-blog-list .post-wrapper { float: left; min-height: 0 !important; width: 100%; } .ybc-blog-like-span::before { content: "\f087"; float: left; font-family: FontAwesome; font-size: 13px; margin-right: 3px; } .blog-post-like-btn:before{ color: #3a5795; } .ybc_blog_free_button_share { float: left; } .blog-post-like-btn { cursor: pointer; } #ybc_popular_posts li > p { float: left; margin-top: 6px; width: 100%; } .ybc-blog-posts-popular .bx-wrapper .bx-controls-direction a.bx-prev:before{ content: "\f137"; font-family: "FontAwesome"; } /*color: #ff4c65;*/ .ybc_title_block { color: #414141; float: left; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 0; margin-top: 9px; padding: 5px 0 9px; text-transform: uppercase; width: 100%; } .page_home_gallery .ybc_title_block{ display: none; } .ybc_blog_free_layout_large_grid .ybc-blog-list > li:first-child .ybc_title_block { font-size: 16px; margin-bottom: 5px; } .ybc-blog-wrapper .ybc_title_block{ margin-top: 13px; } .ybc-blog-latest-toolbar-comments > span { display: none; } .ybc_alert-danger, .ybc_alert-success { float: left; margin: 20px 0 0; width: 100%; } .ybc-blog-posts-popular-list > li { width: 100%; float: left; } .blog-comment-row { clear: left; float: left; width: 100%; } .ybc-blog-form-comment .blog-submit { float: right; margin-top: 20px; position: relative; } .blog-rate-capcha { float: left; } #ybc-blog-capcha-refesh::before { color: #949494; content: "\f021"; font-family: FontAwesome; font-size: 17px; height: 32px; line-height: 32px; margin-left: 10px; } .blog-comment-row label { float: left; font-size: 14px; font-weight: bold; margin-bottom: 8px; } .blog-comment-row .blog-capcha label { line-height: 26px; margin-right: 10px; } .blog_rating_box .star { color: #f9b002; float: left; line-height: 16px; margin: 0 3px; } .blog_rating_box { margin: 0 5px; } .blog-submit .button { background-color: #2fb5d2; border: medium none; color: #fff; font-size: 14px; margin-top: 0; padding: 10px 20px; text-transform: uppercase; } #ybc-blog-related-products .content_price span.bp-percent-display { background-color: #ff0000; color: #fff; padding: 2px 8px; } .blog-rate-post { display: box; display: -webkit-box; display: -o-box; display: -ms-box; display: -moz-box; display: flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: -moz-flex; float: left; margin-bottom: 10px; margin-top: 20px; width: auto; } #bc-subject,#bc-name,#bc-email { background-color: #fff; border: 1px solid #ebebeb; clear: left; color: #494949; height: 36px; margin-bottom: 20px; width: 100%; } #bc-comment { background-color: #fff; border: 1px solid #ebebeb; clear: left; color: #494949; max-width: 100%; min-height: 150px; } #bc-capcha { float: left; width: 100px; height: 32px; } #ybc-blog-capcha-refesh { cursor: pointer; } .bp-price-old-label, .bp-price-label, .bp-percent-label, .bp-save { display: none; } .blog-product-list .right-block { float: left; margin-bottom: 20px; margin-top: 20px; text-align: center; width: 100%; } .blog-product-list .right-block > h5 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } .right-block h5 a { color: #414141; } .blog-product-list { margin-bottom: 0; } #ybc-blog-related-products .blog-product-list .content_price { display: inline; text-align: center; } #ybc-blog-related-products .blog-product-list .content_price .bp-price-label{ display:none; } #ybc-blog-related-products .blog-product-list .content_price .old-price .bp-price-old-label{ display:none; } #ybc-blog-related-products .blog-product-list .content_price .price-percent-reduction .bp-percent-label{ display:none; } #ybc-blog-related-products .blog-product-list .content_price .bp-save{ display:none; } #ybc-blog-related-products .content_price span { font-size: 14px; font-weight: bold; text-align: center; color: #414141; } #ybc-blog-related-products .blog-product-list .right-block .content_price .bp-price-display { padding: 0 10px; } #ybc-blog-related-products .blog-product-list .right-block .content_price .bp-price-old-display { color: #a7a7a7; } #ybc-blog-related-products .post-details .blog-product-list .right-block .bp-percent-display { background: #f13340 none repeat scroll 0 0; color: #fff; height: 20px; line-height: 20px; padding-left: 0; text-align: center; } .blog-paggination { float: none; font-size: 13px; margin-bottom: 15px; text-align: center; width: 100%; } .blog-paggination .results { display: none; } .blog-comments-list { float: left; font-size: 13px; margin-bottom: 0; margin-top: 0; padding: 0; width: 100%; } .blog-comments-list .blog-comment-line:not(:last-child) { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } .blog-comments-list .blog-comment-line { float: left; padding-bottom: 5px; width: 100%; } .comment-by { color: #9f9f9f; float: left; margin-bottom: 5px; margin-right: 15px; } .comment-by > b { font-weight: normal; } .comment-time { color: #9f9f9f; float: left; margin-bottom: 5px; margin-right: 15px; } .comment-content { clear: left; color: #494949; display: block; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 15px; } .ybc-blog-detail-comment { font-size: 14px; } .author-block a { color: #bfbfbf; font-weight: bold; } .post-date .be-label::before { content: "\f073"; font-family: FontAwesome; margin-right: 7px; text-indent: 0; text-align: center; float: left; width: 100%; } .post-date .be-label { display: block; float: left; overflow: hidden; text-indent: 999px; white-space: nowrap; width: 20px; } .ybc-block-comment-report i::before { font-family: FontAwesome; text-decoration: none; } .ybc-block-comment-report { color: #b6b6b6; cursor: pointer; text-decoration: none; } .blog_rating_wrapper { float: left; margin-right: 15px; } .comment-subject { float: left; font-size: 14px; font-weight: bold; margin: 0 0 10px; width: 100%; } .comment-rating { display: box; display: -moz-box; display: -webkit-box; display: -o-box; display: -ms-box; display: flex; display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; float: left; margin-bottom: 5px; margin-right: 10px; color: #9f9f9f; } .comment-rating > span { float: left; margin-right: 5px; } .ybc-blog-replied-by-name { display: inline-block; font-weight: bold; } .ybc-blog-replied-by:before { color: #AAAAAA; content: "\f14d"; font-family: FontAwesome; font-size: 12px; margin-right: 2px; } .ybc-block-comment-report.comment-report-2 { margin-bottom: 5px; } .ybc-block-comment-report.comment-report-2:hover { cursor: pointer; text-decoration: underline; } .comment-reply { float: left; padding-left: 10px; width: 100%; } .ybc-blog-reply-content { clear: left; float: left; font-style: italic; margin-left: 10px; } .ybc-blog-replied-by { float: left; margin-left: 10px; } .blog-paggination .links a { border: 1px solid #E4E4E4; display: inline-block; float: left; font-size: 14px; height: 36px; color: #414141; line-height: 34px; margin: 0 0 0 -1px; overflow: hidden; padding: 0; width: 40px; } .blog-paggination .links .next::before { content:"\f105"; font-family: FontAwesome; font-size: 15px; padding:1px; } .blog-paggination .links .prev::before { content:"\f104"; font-family: FontAwesome; font-size: 15px; padding:1px; } .blog-paggination .links .last::before { content:"\f101"; font-family: FontAwesome; font-size: 13px; padding:1px; } .blog-paggination .links .frist::before { content:"\f100"; font-family: FontAwesome; font-size: 13px; padding:1px; } .blog-paggination .links .last > span { display: none; } .blog-paggination .links .next > span { display: none; } .blog-paggination .links .prev > span { display: none; } .blog-paggination .links .frist > span { display: none; } .blog-paggination .links > b { background: #ebebeb none repeat scroll 0 0; border: 1px solid #ebebeb; color: #414141; display: inline-block; float: left; font-size: 14px; height: 36px; line-height: 36px; margin: 0; padding: 0; font-weight: normal; width: 40px; } .blog-category { background: #fff none repeat scroll 0 0; float: left; margin-bottom: 30px; width: 100%; } .blog-category > img { float: left; margin-bottom: 20px; width: 100%; } .ybc-blog-search .block_content .button { color: #ffffff; font-size: 12px; line-height: 100%; margin-top: 5px; padding: 10px 10px 7px; text-align: center; text-transform: uppercase; transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; width: 100%; } .sidebar-post-type-casual .owl-buttons { position: absolute; top: 20px; right: 0; } .gallery_item { backface-visibility: hidden; float: left; perspective: 500px; -webkit-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; position: relative; overflow: hidden; width: 100%; } .gallery_item > img { backface-visibility: hidden; float: left; perspective: 500px; -webkit-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; } .gallery_item:hover img { transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); } .ybc-page-home .ybc-blog-list { margin-bottom: 0; } .ybc-page-home #ybc_gallery_home #ybc_gallery_home_content { float: left; width: 100%; position: unset; } .blog-paggination .links { display: box; display: -webkit-box; display: -o-box; display: -ms-box; display: -moz-box; display: flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: -moz-flex; float: none; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; margin: 0 auto; text-align: center; width: 100%; } .ybc-blog-like-span { float: left; cursor: pointer; } .ybc-blog-slider .loading_img { background-color: #e5e5e5; display: none; height: 100%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 99999; } .ybc-blog-slider.loading .loading_img{ display: block } .ybc-blog-slider.loading #ybc_slider > img:not(:first-child){ display: none; } .loading_img > img { float: left; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); } #left-column .ybc_block_gallery ul > li, #right-column .ybc_block_gallery ul > li, #left_column .ybc_block_gallery ul > li, #right_column .ybc_block_gallery ul > li { padding: 6px; width: 33.33%; } #left-column .ybc_block_gallery ul, #right-column .ybc_block_gallery ul, #left_column .ybc_block_gallery ul, #right_column .ybc_block_gallery ul { margin: -6px -6px 0; } #module-ybc_blog_free-blog .alert.alert-warning { float: left; width: 100%; } .clear{ clear: both; } .star::after { content: "\f006"; display: inline-block; font-family: "FontAwesome"; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-top: 0; } .star.star_on::after { content: "\f005"; display: inline-block; font-family: "FontAwesome"; } .blog_rating_reviews { float: left; margin-right: 15px; } .blog__rating_reviews::before, .total_views:before { content: "\f0e5"; font-family: "FontAwesome"; font-size: 13px; line-height: 16px; padding-right: 1px; } .ybc-blog-list li { float: left; padding: 0 15px; } .post-details .blog_description { margin-bottom: 30px; } /*Related posts casual and list */ #module-ybc_blog_free-blog .ybc-blog-breadcrumb-a:after, #module-ybc_blog_free-gallery .ybc-blog-breadcrumb-a:after { content: "\f105"; font-family: FontAwesome; color: #000; display: inline-block; margin-left: 10px; vertical-align: -1px; width: 15px; } .sidebar-post-type-casual .ybc-blog-popular-content { float: left; padding:10px 0; width: 100%; } .ybc-blog-latest-toolbar-comments:before { content: "\f0e5"; font-family: "FontAwesome"; font-size: 13px; padding-left: 0; padding-right: 3px; } .read_more { display: none; font-size: 14px; } .ybc-blog-sidear-post-meta { color: #b1b1b1; display: none; float: left; font-size: 13px; width: 100%; } .page_home .title_blog, .page_home_gallery .title_blog{ margin-top: 12px; } .page_home_gallery .view_all { display: none; } .title_blog, .title_blog a { color: #414141; font-size: 16px; margin-bottom: 28px; margin-top: 0; text-transform: uppercase; } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { font-size: 16px; margin-top: 14px; } .owl-nav .disabled { cursor: not-allowed !important; } .blog_tag { display: block; width: 100%; } .ybc-blog-tag-a { background-color: #ebebeb; color: #414141; display: inline-block; font-size: 14px; margin-bottom: 10px; margin-right: 5px; padding: 5px 10px; } /*lastest post slide bar*/ .ybc-blog-list li { margin-bottom: 35px; padding: 0 15px; } .blog_description { clear: left; font-size: 14px; line-height: 24px; color: #414141; } .blog_description p { color: #414141; font-size: 14px; margin: 0; } .blog-extra { float: left; margin-bottom: 15px; width: 100%; } .blog-product-desc { display: none; } .ybc_item_img { backface-visibility: hidden; float: left; overflow: hidden; perspective: 500px; -webkit-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; position: relative; width: 100%; } .ybc_item_img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); } .ybc_item_img img { transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; max-width: 100%; width: 100%; } .page_home ul, .page_home_gallery ul { float: left; margin-bottom: 0; position: relative; width: 100%; } .owl-stage-outer { float: left; overflow: hidden; width: 100%; } .ybc_block_slider .owl-controls, .ybc_blog_free_related_posts_type_carousel .owl-controls, .ybc_related_products_type_carousel .owl-controls{ bottom: 100%; margin-bottom: 25px; min-height: 20px; min-width: 20px; position: absolute; right: -2px; } #left-column .ybc_block_slider .owl-controls, #left-column .ybc_blog_free_related_posts_type_carousel .owl-controls, #left-column .ybc_related_products_type_carousel .owl-controls, #left_column .ybc_related_products_type_carousel .owl-controls, #right-column .ybc_related_products_type_carousel .owl-controls, #right_column .ybc_related_products_type_carousel .owl-controls{ margin-bottom: 25px; } .ybc_block_slider .owl-nav > div, .ybc_blog_free_related_posts_type_carousel .owl-nav > div, .ybc_related_products_type_carousel .owl-nav > div{ border: 1px solid #ebebeb; color: #c6c6c6; float: left; height: 25px; margin: 0 2px; line-height: 21px; cursor: pointer; width: 25px; font-size: 20px; background: #fff; } .ybc_block_slider .owl-prev::before, .ybc_blog_free_related_posts_type_carousel .owl-prev::before, .ybc_related_products_type_carousel .owl-prev::before{ content: "\f104"; font-family: FontAwesome; } .ybc_block_slider .owl-next::before, .ybc_blog_free_related_posts_type_carousel .owl-next::before, .ybc_related_products_type_carousel .owl-next::before{ content: "\f105"; font-family: FontAwesome; } .page_home, .page_home_gallery { background-color: #fff; display: block; float: left; margin-bottom: 60px; padding: 15px; width: 100%; } .star { color: #f9b002; margin: 0 3px; } .ybc_title_block img { max-width: 100%; } .be-rating-block > span { float: left; } .ybc_blog_free_review { display: box; display: -moz-box; display: -webkit-box; display: -o-box; display: -ms-box; display: flex; display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; float: left; } .ybc-blog-latest-toolbar { color: #bfbfbf; float: left; font-size: 14px; margin-bottom: 7px; width: 100%; } .ybc-blog-wrapper .ybc-blog-latest-toolbar { font-size: 14px; } .ybc-blog-latest-toolbar > span:not(:last-child) { float: left; margin-right: 15px; } #left-column .ybc-blog-latest-toolbar > span:not(:last-child), #left_column .ybc-blog-latest-toolbar > span:not(:last-child), #right-column .ybc-blog-latest-toolbar > span:not(:last-child), #right_column .ybc-blog-latest-toolbar > span:not(:last-child) { margin-right: 15px; } #left-column .ybc-blog-latest-toolbar > span, #left_column .ybc-blog-latest-toolbar > span, #right-column .ybc-blog-latest-toolbar > span, #right_column .ybc-blog-latest-toolbar > span { white-space: nowrap; } .blog-extra-item.be-rating-block { float: left; } #left-column .ybc-blog-latest-toolbar, #left_column .ybc-blog-latest-toolbar, #right-column .ybc-blog-latest-toolbar, #right_column .ybc-blog-latest-toolbar { font-size: 14px; } .post-date { float: left; margin-bottom: 5px; margin-right: 15px; width: auto; } .ybc-blog-popular-content { display: block; position: relative; width: 100%; } .block img { max-width: 100%; } .ybc_block_gallery ul > li { float: left; padding: 0 15px 30px; width: 16.6667%; } .page_home_gallery.ybc_block_default ul { margin-left: -15px; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -o-calc(100% + 30px); width: -ms-calc(100% + 30px); } .post-details .ybc-blog-latest-toolbar { font-size: 14px; margin-bottom: 12px; } .page_home_gallery.ybc_block_default { padding-bottom: 0; } .ybc_block_gallery ul .owl-item li{ width: 100%; } .page_home.ybc_block_default ul li { float: left; padding: 0 15px 30px; width: 25%; } .page_home.ybc_block_default ul { float: none; margin: 0 -15px; width: auto; } .blog-extra .ybc-blog-sidear-post-meta { display: block; } .ybc-blog-tags { color: #bfbfbf; float: left; font-size: 14px; margin-bottom: 15px; width: auto; } .extra_tag_cat .ybc-blog-tags { margin-right: 15px; } .extra_tag_cat .ybc-blog-categories { margin-bottom: 15px; margin-right: 0; } a{ color: #414141; } #left-column .ybc_block_categories a, #left_column .ybc_block_categories a, #right-column .ybc_block_categories a, #right_column .ybc_block_categories a { display: block; font-size: 14px; padding: 10px 0; width: 100%; } #left-column .ybc_block_categories li:not(:last-child) a, #left_column .ybc_block_categories li:not(:last-child) a, #right-column .ybc_block_categories li:not(:last-child) a, #right_column .ybc_block_categories li:not(:last-child) a { border-bottom: 1px solid #ebebeb; } #left-column .ybc_block_categories a::before, #left_column .ybc_block_categories a::before, #right-column .ybc_block_categories a::before, #right_column .ybc_block_categories a::before { content: "\f105"; font-family: FontAwesome; margin-right: 5px; } #left-column .ybc_block_categories .title_blog, #left_column .ybc_block_categories .title_blog { margin-bottom: 10px; } .blog_description img { height: auto; max-width: 100%; } .be-categories > a, .ybc-blog-tags a, .be-categories { color: #bfbfbf; } .ybc-blog-latest-toolbar-views:before { content: "\f06e"; font-family: FontAwesome; padding-right: 3px; } .be-categories { color: #bfbfbf; font-size: 14px; } .ybc-blog-related-posts { border-top: 1px solid #ebebeb; float: left; padding-top: 25px; width: 100%; } #ybc-blog-related-products { border-top: 1px solid #ebebeb; float: left; margin-bottom: 30px; padding-top: 30px; width: 100%; } .page-heading .title_cat { float: left; line-height: 100%; margin-bottom: 15px; margin-top: 15px; text-transform: uppercase; width: 100%; } .ybc-blog-related-posts-list-li { padding-bottom: 30px; } .ybc_block_slider ul, .ybc-blog-related-posts-list, .blog-product-list.ybc_related_products_type_carousel { float: left; position: relative; width: 100%; } .page_blog_gallery .view_all { display: none; } #left-column .block, #right-column .block { background-color: #fff; box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); clear: left; float: left; margin-bottom: 30px; padding: 15px 25px 30px; width: 100%; } #left-column .block.ybc_block_categories, #right-column .block.ybc_block_categories { padding-bottom: 17px; } #left-column .block.ybc_block_tag, #right-column .block.ybc_block_tag { padding-bottom: 20px; } #left-column .block ul, #left_column .block ul, #right-column .block ul, #right_column .block ul { margin-bottom: 0; } .ybc-blog-wrapper-detail { background-color: #fff; margin: 0 -15px; padding: 30px; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); margin-bottom: 30px; float: left; } .ybc_related_products_type_carousel .owl-item > li { width: 100%; padding: 0 0 2px; } .ybc_related_products_type_carousel { margin: 0; padding: 0; } .ybc_related_products_type_carousel .product-container { border: 1px solid #eee; float: left; width: 100%; } .ybc-blog-wrapper-comment { float: left; margin-bottom: 5px; width: 100%; } .ybc_comment_form_blog { background-color: #fdfdfd; border: 1px solid #ebebeb; float: left; margin-bottom: 30px; width: 100%; } .ybc_blog_free-comments-list { border-top: 1px solid #ebebeb; float: left; width: 100%; } .ybc_comment_form_blog .title_blog { border-bottom: 1px solid #ebebeb; margin-bottom: 0; padding: 30px; float: left; width: 100%; } .ybc_blog_free-comments-list .title_blog { margin-bottom: 0; padding: 25px 0; } .ybc-blog-form-comment { display: block; float: left; padding: 30px; width: 100%; } .ybc_block_search .button { background-color: transparent; border: medium none; font-size: 0; height: 100%; position: absolute; background-image: none; right: 0; text-align: center; top: 0; width: 35px; } .ybc_block_search form { position: relative; } .icon_search { height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 40px; } .icon_search::before { color: #c7c7c7; content: "\f002"; float: left; font-family: FontAwesome; font-weight: normal; line-height: 40px; text-align: center; width: 100%; } .ybc_block_search input { background-color: #fff; border: 1px solid #ebebeb; font-size: 14px; height: 40px; padding-left: 15px; } .ybc-blog #content-wrapper .ybc-blog-wrapper { background-color: #fff; margin: 0 -15px; padding: 30px; margin-bottom: 30px; } .ybc-page-category .page-heading { text-transform: uppercase; } .blog-category-desc { line-height: 24px; } .ybc_related_products_type_default .product-container { border: 1px solid #ebebeb; float: left; margin-bottom: 30px; width: 100%; } #ybc_slider .nivo-directionNav a { background-color: rgba(255, 255, 255, 0.5); color: #414141; cursor: pointer; font-size: 45px; height: 60px; left: auto; line-height: 60px; margin: 0; opacity: 1; overflow: hidden; padding: 0; bottom: auto; position: relative; right: auto; text-indent: -999px; top: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 60px; z-index: 9; background-image: none; } #ybc_slider .nivo-directionNav a.nivo-prevNav { float: left; } #ybc_slider .nivo-directionNav a.nivo-nextNav { float: right; } #ybc_slider .nivo-directionNav a.nivo-nextNav::before { content: "\f105"; float: left; font-family: FontAwesome; text-align: center; text-indent: 0; width: 100%; } .bybc-blog-slider .theme-bar .nivo-controlNav a { background: transparent none repeat scroll 0 0; border: 1px solid #fff; border-radius: 50%; height: 15px; margin: 0 5px; width: 15px; } .theme-bar .nivo-controlNav a.active { border: 1px solid #414141; } #ybc_slider .nivo-directionNav a.nivo-prevNav::before { content: "\f104"; float: left; font-family: FontAwesome; text-align: center; text-indent: 0; width: 100%; } .nivo-directionNav { height: 0; left: 0; opacity: 0; position: absolute; top: 50%; transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; visibility: hidden; width: 100%; } #ybc_slider:hover .nivo-directionNav{ visibility: visible; opacity: 1; } .ybc-blog-slider.theme-bar .nivo-controlNav { background: transparent none repeat scroll 0 0; border: medium none; bottom: 0; text-align: center; opacity: 1; } .ybc-blog-slider.slider-wrapper.theme-bar { border: none; margin-bottom: 60px; } #ybc_slider .nivo-caption { background-color: rgba(255, 255, 255, 0.5); bottom: 45px; color: #414141; font-size: 14px; line-height: 24px; padding: 10px 15px; opacity: 1; } .ybc_block_slider .owl-item { float: left; } iframe{ max-width: 100%; } .ybc-blog-slider { margin-bottom: 40px; position: relative; } #ybc_slider .nivo-caption > span { display: block; color: #414141; font-size: 16px; font-weight: bold; text-transform: uppercase; } #content-wrapper .ybc_block_slider .owl-item > li { padding-bottom: 12px; } .ybc_block_slider .owl-item > li { float: left; width: 100%; } .page_blog_gallery .ybc_title_block { display: none; } .extra_tag_cat { float: left; margin-bottom: 15px; width: 100%; } .ybc-blog-like-span.active { cursor: auto; } .ybc-blog-wrapper-gallery .ybc-gallery { display: block; float: left; margin: 0 -15px 15px; width: calc(100% + 30px); width: -o-calc(100% + 30px); width: -ms-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px); } #left-column .page_blog_gallery .view_all, #left_column .page_blog_gallery .view_all, #right-column .page_blog_gallery .view_all, #right_column .page_blog_gallery .view_all { display: none; } .ybc-blog-wrapper .page-heading { font-size: 16px; text-transform: uppercase; } .ybc-blog-wrapper-gallery { float: left; width: 100%; } .ybc-gallery li { float: left; padding: 15px; width: 25%; } body div.ppt { text-align: center; } .ybc-blog-related-products-wrapper { float: left; width: 100%; } .fa-bolt:before{ content:"\f0e7" } .page_blog.ybc_block_default .block_content > li:not(:last-child) { margin-bottom: 30px; } #ybc_slider > a{ display: none; } .page_home.ybc_block_slider ul.block_content > li:nth-child(n + 5){ display: none; } /**-------------------------------Responsive----------------------------------------------- **/ @media (min-width: 1200px){ .page_home.ybc_block_default ul li:nth-child(4n+1) { clear: left; } } @media (min-width: 992px) and (max-width: 1199px){ .page_home.ybc_block_default ul li { width: 33.33%; } .page_home.ybc_block_default ul li:nth-child(3n+1) { clear: left; } } @media (min-width: 768px) and (max-width: 991px){ .page_home.ybc_block_default ul li { width: 33.33%; } .page_home.ybc_block_default ul li:nth-child(3n+1) { clear: left; } .ybc-blog-related-products-wrapper .blog-product-list > .ajax_block_product:nth-child(2n+1) { clear: left; } .ybc-blog-related-products-wrapper .blog-product-list > .ajax_block_product{ width: 50%; } } @media (min-width: 992px){ .flex_space_between { display: box; display: -o-box; display: -ms-box; display: -webkit-box; display: -moz-box; display: flex; display: -o-flex; display: -ms-flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -o-justify-content: space-between; -ms-justify-content: space-between; } .ybc-blog-related-products-wrapper .blog-product-list > .ajax_block_product:nth-child(3n+1) { clear: left; } } /*max-width: 991px*/ @media (max-width: 991px) { .ybc_blog_free_layout_list .ybc-blog-list .post-wrapper > a { width: 100%; } .ybc-blog-list .post-wrapper h2 a { font-size:22px; } .ybc_blog_free_layout_large_list .ybc-blog-list .post-wrapper h2 a { font-size: 18px; } .ybc-blog-form-comment .blog-submit .button { float:left; margin-top: 20px; } .ybc-blog-form-comment .blog-submit { float: left; width: 100%; } .sidebar-post-type-casual #ybc-blog-posts-latest-list .owl-prev, .sidebar-post-type-casual #ybc-blog-posts-latest-list .owl-next, .sidebar-post-type-casual .ybc-blog-posts-popular-list .owl-prev, .sidebar-post-type-casual .ybc-blog-posts-popular-list .owl-next { opacity: 1; } } /*end max-width: 991px*/ @media (min-width: 768px){ .ybc-blog-related-posts-list-li:nth-child(3n+1) { clear: left; } .owl-carousel .ybc-blog-related-posts-list-li { padding-bottom: 10px; } .ybc-blog-related-posts-list > li { float: left; padding: 0 15px; width: 33.33%; margin-bottom: 30px; } .page_home.ybc_block_slider ul.block_content > li{ width: 25%; padding: 0 10px; float: left; } .ybc_blog_free_related_posts_type_default .ybc-blog-related-posts-wrapper { margin: 0 -15px; } /*large box and list*/ .ybc_blog_free_layout_large_grid .ybc-blog-list.blog-main-page li:first-child { width: 100%; } .ybc_blog_free_layout_large_grid .ybc-blog-list.blog-main-page li:nth-child(n+2) { width: 50%; } .ybc_blog_free_layout_large_grid .ybc-blog-list:not(.blog-main-page) li { float: left; width: 50%; } .ybc_blog_free_layout_large_grid .ybc-blog-list:not(.blog-main-page) li:nth-child(2n+1) { clear: left; } .ybc_blog_free_layout_large_grid .ybc-blog-list.blog-main-page li:nth-child(2n+2) { clear: left; } .ybc_blog_free_layout_large_list .ybc-blog-list.blog-main-page li:first-child .ybc_item_img, .ybc_blog_free_layout_large_list .ybc-blog-list.blog-main-page li:first-child .ybc-blog-wrapper-content{ width: 100%; } .ybc_blog_free_layout_large_list .ybc-blog-list.blog-main-page li .ybc_item_img{ width: 38%; } .ybc_blog_free_layout_large_list .ybc-blog-list.blog-main-page li:not(:first-child) .ybc-blog-wrapper-content{ float: left; padding-left: 30px; width: 62%; } .ybc_blog_free_layout_large_list .ybc-blog-list.blog-main-page li:not(:first-child) .ybc_title_block{ margin-top: 0; padding-top: 0; } .ybc_blog_free_layout_large_list .ybc-blog-list:not(.blog-main-page) li .ybc_item_img, .ybc_blog_free_layout_list .ybc-blog-list li .ybc_item_img{ width: 38%; } .ybc_blog_free_layout_large_list .ybc-blog-list:not(.blog-main-page) li .ybc-blog-wrapper-content, .ybc_blog_free_layout_list .ybc-blog-list li .ybc-blog-wrapper-content{ float: left; padding-left: 30px; width: 62%; } .ybc_blog_free_layout_large_list .ybc-blog-list:not(.blog-main-page) li .ybc_title_block, .ybc_blog_free_layout_list .ybc-blog-list li .ybc_title_block{ margin-top: 0; padding-top: 0; } .ybc_blog_free_layout_grid .ybc-blog-list li { width: 50%; } } /*max 767px*/ @media (max-width: 767px){ .ybc-blog-posts { float: left; width: 100%; } .page_home.ybc_block_default ul li { width: 50%; } .page_home.ybc_block_default ul li:nth-child(2n+1) { clear: left; } .footer-container #footer .footer-block.ybc-blog-posts.ybc_latest_posts_block { float: left; padding: 0; width: 100%; } .ybc-blog-list .post-wrapper h2 a { font-size:22px; } .ybc_blog_free_layout_large_grid.ybc-page-home .ybc-blog-list li:first-child .ybc-blog-wrapper-content h2 > a { font-size: 22px; } #ybc_gallery_home .title_block:after { display: none; } .ybc_blog_free_layout_large_grid .ybc-blog-list li { width: 100%!important; } .ybc-blog-wrapper-content { min-height:unset; } .sidebar-post-type-default .ybc-blog-posts-popular-list-wrapper, .sidebar-post-type-default #ybc-blog-posts-latest-list .ybc-blog-latest-post-wrapper { padding-bottom: 20px; } .ybc_blog_free_layout_grid .ybc-blog-list li:nth-child(n) { clear: left; } .ybc_blog_free_layout_grid .ybc-blog-list li { width: 100%; } #ybc_slider .nivo-caption > span, #ybc_slider .nivo-caption { font-size: 10px; } } /*end max 767px*/ /*max 480px*/ @media (max-width: 479px){ .ybc-gallery { float: left; padding: 0 7px; width: 100%; } .ybc-gallery li { margin-bottom: 16px; padding: 0 8px; } .bybc-blog-slider .nivoSlider { min-height: 100px; } .ybc-blog-slider { min-height: 100px; } .ybc_blog_free_layout_large_grid.ybc-page-home .ybc-blog-list li:first-child .ybc-blog-wrapper-content h2 > a { font-size: 16px; } .ybc-blog-list .post-wrapper h2 a { font-size: 16px; } /*large box and list*/ .ybc_blog_free_layout_large_list.ybc-page-home .ybc-blog-list > li:first-child h2 > a { font-size: 16px; } .ybc_blog_free_layout_large_list .ybc-blog-list .post-wrapper > a { width: 100%; } .ybc_blog_free_layout_large_list .ybc-blog-wrapper-content { padding: 15px 0 0; width: 100%; } /*all grid*/ .ybc_blog_free_layout_grid .ybc-blog-list li { float: left; padding: 0 15px 40px; width: 100%; } .page_home.ybc_block_default ul li { width: 100%; } } @media (min-width: 544px) and (max-width: 1199px){ #left-column .ybc_block_slider .owl-controls, #left_column .ybc_block_slider .owl-controls, #right-column .ybc_block_slider .owl-controls, #right_column .ybc_block_slider .owl-controls, #left-column .ybc_blog_free_related_posts_type_carousel .owl-controls, #left_column .ybc_blog_free_related_posts_type_carousel .owl-controls, #right-column .ybc_blog_free_related_posts_type_carousel .owl-controls, #right_column .ybc_blog_free_related_posts_type_carousel .owl-controls, #left-column .ybc_related_products_type_carousel .owl-controls, #left_column .ybc_related_products_type_carousel .owl-controls, #right-column .ybc_related_products_type_carousel .owl-controls, #right_column .ybc_related_products_type_carousel .owl-controls { bottom: auto; float: left; left: 50%; margin-bottom: 0; margin-top: 20px; position: relative; top: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 70px; } #left-column .block.ybc_block_slider, #right-column .block.ybc_block_slider { padding: 15px 15px 50px; } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { margin-bottom: 20px; } } /*Security code*/ @media (max-width: 388px){ #bc-capcha { float: left; } } /*end max 480px*/ /*max 320px*/ @media (max-width:320px){ .theme-bar .nivo-directionNav { top: 67%!important; } .ybc-blog-wrapper-content { padding: 20px 20px 10px; } .sidebar-post-type-casual #ybc_popular_posts.ybc-blog-posts-popular-list .owl-buttons, .sidebar-post-type-casual #ybc-blog-posts-latest-list .owl-buttons{ top: 20%; } .post-details #ybc-blog-related-products .title_block { font-size: 16px!important; } .post-author-label { padding-left: 0; padding-right: 10px; } .blog-post-author { padding-left: 0; } .ybc-blog-latest-post-content .ybc_title_block, .ybc-blog-popular-content > a { font-size: 13px!important; } .sidebar-post-type-casual .ybc-blog-latest-post-content .ybc_title_block, .ybc-blog-popular-content > a { font-size: 13px!important; } .ybc-blog-popular-content > p, .ybc-blog-latest-post-content > p { font-size: 13px!important; } .ybc-blog-wrapper-content { padding: 20px 0 10px; } } /*end max 320px*/ /*------------------------between min-width and max-width------------------*/ /*(min-width: 992px) and (max-width: 1199px)*/ @media (min-width: 992px) and (max-width: 1199px){ .ybc-blog-slider { min-height: 220px; } } /*end (min-width: 992px) and (max-width: 1199px)*/ /*(min-width: 768px) and (max-width: 991px)*/ @media (min-width: 768px) and (max-width: 991px){ /*latest news and popular post model list */ .sidebar-post-type-default #ybc-blog-posts-latest-list .ybc_item_img { width: 100%; } .sidebar-post-type-default .ybc-blog-posts-popular-list .ybc-blog-posts-popular-list-wrapper > a { width: 100%; } .sidebar-post-type-default #ybc-blog-posts-latest-list .ybc-blog-latest-post-content, .sidebar-post-type-default .ybc-blog-posts-popular-list .ybc-blog-popular-content { padding: 14px 0 0; width: 100%; } .ybc_blog_free_layout_grid .ybc-blog-list .post-wrapper h2 a { font-size: 18px; } .ybc_blog_free_layout_large_grid .ybc-blog-list li { float: left; margin-bottom: 0; padding: 0 15px 30px; width: 100%; } .ybc_blog_free_layout_large_grid.ybc-page-home .ybc-blog-list li:first-child .ybc-blog-wrapper-content h2 > a { font-size: 20px; } .ybc-blog-list .post-wrapper h2 a { font-size: 20px; } .sidebar-post-type-casual #ybc-blog-posts-latest-list .ybc-blog-latest-toolbar-comments::before, .sidebar-post-type-casual #ybc_popular_posts .ybc-blog-latest-toolbar-comments::before { padding-left: 1px; } .sidebar-post-type-casual #ybc-blog-posts-latest-list .ybc-blog-like-span::before, .sidebar-post-type-casual #ybc_popular_posts .ybc-blog-like-span::before{ margin-left: 16px; } .sidebar-post-type-casual .ybc-blog-latest-toolbar { margin-top: 5px; } .smallwidth .ybc-blog-home-content-show { padding: 10px; } } /*end between (min-width: 768px) and (max-width: 991px)*/ @media (min-width: 768px){ } @media (max-width: 767px){ .blog-extra .ybc-blog-latest-toolbar-views, .blog-extra .ybc-blog-like-span, .blog-extra .post-date, .blog-extra .author-block { float: left; white-space: nowrap; margin-right: 15px; } .blog-extra .ybc-blog-latest-toolbar{ display: block; float: left; width: 100%; } .ybc_block_gallery ul > li { width: 25%; } } @media (min-width: 544px) and (max-width: 767px){ .blog-product-list .ajax_block_product:nth-child(2n+1) { clear: left; } .ybc-gallery li { width: 33.33%; } } @media (max-width: 543px){ .ybc-blog #content-wrapper .ybc-blog-wrapper { margin: 0 0 30px; } iframe{ max-width: 100%; height: auto; } } /*(min-width: 480px) and (max-width: 767px)*/ @media (min-width: 480px) and (max-width: 767px){ .blog-product-list .ajax_block_product { float: left; width: 50%; } .blog-product-list .left-block { text-align: center; } } /*end (min-width: 480px) and (max-width: 767px)*/ @media (max-width: 479px){ .ybc-blog-posts-home-list-item { width: 100%; } .ybc_blog_free_related_posts_type_default .ybc-blog-related-posts-wrapper .ybc-blog-related-posts-list-li { width: 100%; } .ybc_blog_free_layout_large_grid .ybc-blog-list li:last-child{ padding-bottom: 0; } .ybc-blog-form-comment { padding: 15px; } .ybc_comment_form_blog .title_blog { padding: 20px 15px; } .ybc_block_gallery ul > li { width: 33.333%; } } .ybc_count_comment { color: #8b8b8b; float: left; margin-top: 0; } .ybc_count_comment::before { content: "/"; margin-right: 2px; } .caption-disabled .nivo-caption, .nav-disabled .nivo-controlNav{ display: none!important; }