/* Theme Name: CAIA Theme URI: http://caia.vn Description: This is a private theme that is base on Genesis themeframework. Genesis Theme v2.1 and Wordpress v4.1 vi. Author: HoangLT, TuanNM Author URI: http://caia.vn Version: 2.3 Template: genesis */ /* Table of Contents * Import Fonts * Defaults * Hyperlinks * Body * Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Header / Primary / Secondary Navigation * Primary Navigation Extras * Inner * Breadcrumb * Taxonomy Description * Content-Sidebar Wrap * Content * Column Classes * Featured Post Grid * Headlines * Ordered / Unordered Lists * Post Info * Post Meta * Author Box * Sticky Posts * Archive Page * Post Icons * Images * Post Navigation * Primary / Secondary Sidebars * Dropdowns * Featured Page / Post * User Profile * Buttons * Search Form * eNews & Updates Widget * Calendar Widget * Footer Widgets * Footer * Comments * Gravity Forms * Responsive Design */ @font-face { font-family: 'utmbang-b'; src: url('fonts/utmbang-b.ttf'); /* EOT file for IE */ } @font-face { font-family: 'utmbang-r'; src: url('fonts/utmbang-r.ttf'); /* EOT file for IE */ } /* Defaults ------------------------------------------------------------ */ body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea { color: #333; font-family: "Roboto",Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5625; margin: 0; padding: 0; text-decoration: none; } blockquote, input, select, textarea, .author-box, .breadcrumb, .sticky, .taxonomy-description, .wp-caption { background-color: #f5f5f5; border: 1px solid #ddd; } input, label, select, textarea { color: #333; font-family: "Roboto",Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; } li, ol, ul { margin: 0; padding: 0; } ol li { list-style-type: decimal; } strong, b { font-weight: 700; } /* Hyperlinks ------------------------------------------------------------ */ a, a:visited { color: #0d72c7; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } /* Body ------------------------------------------------------------ */ body { background-color: #fff; } ::-moz-selection { background-color: #0d72c7; color: #fff; } ::selection { background-color: #0d72c7; color: #fff; } /* Wrap ------------------------------------------------------------ */ #wrap { background-color: #fff; margin: 0 auto; width: 100%; padding: 0; } .wrap { margin: 0 auto; width: 1170px; padding: 0; } /* Header ------------------------------------------------------------ */ #header { margin: 0 auto; min-height: 120px; width: 100%; } #title-area { float: left; overflow: hidden; width:15%; margin-left: 15px; } #title { font-family: "Roboto",Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 36px; line-height: 1.25; margin: 0; text-transform: uppercase; } #title a, #title a:hover { color: #333; padding: 0 0 0 20px; text-decoration: none; } #description { font-size: 13px; padding: 0 0 0 20px; display: none; } #header .widget-area { float: right; padding: 25px 15px 0 0; width: 80%; } .header-widget-area .widget{ float: left; } .name_company h3{ font-family: 'utmbang-b'; font-size: 24px; color: #016bb7; margin-bottom: 0 !important; } .name_company p{ font-family: 'utmbang-b'; font-size: 17px; color: #666; } /*Slick -------------------------------------------------------------------*/ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Dots */ .slick-dots{ text-align: right; margin: 10px 0; z-index: 900; } .slick-dots li { display: inline-block; width: 12px; height: 12px; margin-right: 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; border-radius: 100%; cursor: pointer; color: #fff; background: #727272; border: 0; outline: none; } .slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button { background: #ee292d; } #content-comments .slick-prev, #content-comments .slick-next{ display: none !important; } /* Image Header - Partial Width ------------------------------------------------------------ */ .header-image #title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 100px; overflow: hidden; padding: 0; text-indent: -9999px; width: 400px; } .header-image #description { display: block; overflow: hidden; } /* Image Header - Full Width ------------------------------------------------------------ */ .header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 100%; } /* Header / Primary / Secondary Navigation ------------------------------------------------------------ */ .menu-primary, .menu-secondary, #header .menu { clear: both; font-size: 15px; margin: 0 auto; overflow: hidden; width: 100%; height: 55px; } #header .menu { border: 1px solid #ddd; box-sizing: border-box; } .menu-primary { } .menu-secondary { border-bottom: 1px solid #ddd; border-top: none; } .menu-primary ul, .menu-secondary ul, #header .menu ul { float: left; width: 100%; } .menu-primary li, .menu-secondary li, #header .menu li { padding: 6px 0; float: left; list-style-type: none; margin-right: 5px; } .menu-primary a, .menu-secondary a, #header .menu a { color: #fff ; font-size: 15px; display: block; padding: 10px ; position: relative; text-decoration: none; font-weight: 500; text-transform: uppercase; } .menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { background-color: #fff; border-radius: 5px; color: #ec1b2d; } .menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link, .menu-secondary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { background: none; background-color: #fff; border: 1px solid #ddd; border-top: none; color: #333; font-size: 12px; padding: 9px 10px 8px; position: relative; text-transform: none; width: 138px; } .menu-primary li li a:active, .menu-primary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:hover, #header .menu li li a:active, #header .menu li li a:hover { background-color: #f5f5f5; color: #333; } .menu-primary li ul, .menu-secondary li ul, #header .menu li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 160px; z-index: 9999; } .menu-primary li ul a, .menu-secondary li ul a, #header .menu li ul a { width: 140px; } .menu-primary li ul ul, .menu-secondary li ul ul, #header .menu li ul ul { margin: -36px 0 0 159px; } .menu li:hover ul ul, .menu li.sfHover ul ul { left: -9999px; } .menu li:hover, .menu li.sfHover { position: static; } ul.menu li:hover>ul, ul.menu li.sfHover ul, #header .menu li:hover>ul, #header .menu li.sfHover ul { left: auto; } .menu-primary li a.sf-with-ul, .menu-secondary li a.sf-with-ul, #header .menu li a.sf-with-ul { padding-right: 25px; } .menu li a .sf-sub-indicator, .menu li li a .sf-sub-indicator, .menu li li li a .sf-sub-indicator { background: url(images/icon-plus.png) no-repeat; height: 16px; position: absolute; right: 8px; text-indent: -9999px; top: 10px; width: 16px; } #wpadminbar li:hover ul ul { left: 0; } .menu-item-home a{ margin-left: 15px; } /* Primary Navigation Extras ------------------------------------------------------------ */ .menu li.right { float: right; padding: 7px 15px 6px; } .menu li.right a { background: none; border: none; color: #333; display: inline; text-decoration: none; } .menu li.right a:hover { color: #0d72c7; text-decoration: none; } .menu li.search { padding: 0 10px; } .menu li.rss a { background: url(images/rss.png) no-repeat center left; margin: 0 0 0 10px; padding: 0 0 0 16px; } .menu li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding: 0 0 0 20px; } /* Inner ------------------------------------------------------------ */ #inner { margin: 0 auto; overflow: hidden; width: 1170px; margin-top: 30px; } /* Breadcrumb ------------------------------------------------------------ */ .breadcrumb { font-size: 13px; margin: -10px 0 30px; padding: 5px 10px; } /* Taxonomy Description ------------------------------------------------------------ */ .taxonomy-description { background-color: #fff; margin: -10px 0 30px; padding: 0 0 15px; } .taxonomy-description p { font-size: 13px; padding: 15px 15px 0; } /* Content-Sidebar Wrap ------------------------------------------------------------ */ #content-sidebar-wrap { float: left; width: 750px; } .content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 100%; } .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { float: right; } /* Content ------------------------------------------------------------ */ #content { float: left; padding: 0; width: 450px; } .content-sidebar #content, .sidebar-content #content { width: 862px; } .sidebar-content #content, .sidebar-sidebar-content #content { float: right; margin-top: 20px; } .full-width-content #content { width: 100%; } .post { margin: 0 0 20px; } .entry-content { overflow: hidden; } .entry-content p { margin: 0 0 5px; } blockquote { background: url(images/blockquote.png) no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px; } blockquote p { color: #999; font-style: italic; } p.subscribe-to-comments { padding: 20px 0 10px; } .clear { clear: both; } .clear-line { border-bottom: 1px solid #ddd; clear: both; margin: 0 0 25px; } /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin: 0 0 20px; padding-left: 3%; } .one-half, .three-sixths, .two-fourths { width: 48%; } .one-third, .two-sixths { width: 31%; } .four-sixths, .two-thirds { width: 65%; } .one-fourth { width: 22.5%; } .three-fourths { width: 73.5%; } .one-fifth { width: 17.4%; } .two-fifths { width: 37.8%; } .three-fifths { width: 58.2%; } .four-fifths { width: 78.6%; } .one-sixth { width: 14%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } /* Featured Post Grid ------------------------------------------------------------ */ .genesis-grid-even, .genesis-grid-odd { margin: 0 0 20px; padding: 0 0 15px; width: 48%; } .genesis-grid-even { float: right; } .genesis-grid-odd { clear: both; float: left; } /* Headlines ------------------------------------------------------------ */ h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 { font-family: "Roboto",Helvetica Neue, Arial, Helvetica, sans-serif; line-height: 1.25; margin: 0 0 10px; } h1 { font-size: 18px; } .taxonomy-description h1 { margin: 0; } h2, h2 a, h2 a:visited { font-size: 16px; } h2 a, h2 a:visited { color: #333; font-family: "Roboto",Helvetica Neue, Arial, Helvetica, sans-serif; } h2 a:hover { color: #0d72c7; text-decoration: none; } .widget-area h2, .widget-area h2 a { font-size: 14px; margin: 0 0 5px; } h3 { font-size: 14px; } h4 { font-size: 13px; } .taxonomy-description h1, .widget-area h4 { background-color: #f5f5f5; border-bottom: 1px solid #ddd; font-size: 13px; padding: 9px 10px 8px; } .widget-area h4 a { color: #333; text-decoration: none; } #footer-widgets h4 { background: none; border: none; padding: 0; } h5 { font-size: 13px; } /* Ordered / Unordered Lists ------------------------------------------------------------ */ .entry-content ol, .entry-content ul { margin: 0; padding: 0 0 25px; } .archive-page ul li, .entry-content ul li { list-style-type: square; margin: 0 0 0 30px; padding: 0; } .entry-content ol li { margin: 0 0 0 35px; } .archive-page ul ul, .entry-content ol ol, .entry-content ul ul { padding: 0; } /* Post Info ------------------------------------------------------------ */ .post-info { font-size: 13px; margin: -5px 0 15px; } /* Post Meta ------------------------------------------------------------ */ .post-meta { border-top: 1px solid #ddd; clear: both; font-size: 13px; padding: 5px 0 0; } /* Author Box ------------------------------------------------------------ */ .author-box { background-color: #f5f5f5; margin: 0 0 40px; overflow: hidden; padding: 10px; } .author-box p { font-size: 13px; } /* Sticky Posts ------------------------------------------------------------ */ .sticky { background-color: #f5f5f5; margin: -10px 0 40px; padding: 20px; } /* Archive Page ------------------------------------------------------------ */ .archive-page { float: left; padding: 20px 0 0; width: 45%; } /* Post Icons ------------------------------------------------------------ */ .post-comments, .tags { background: url(images/icon-dot.png) no-repeat left; margin: 0 0 0 3px; padding: 0 0 0 10px; } /* Images ------------------------------------------------------------ */ img { height: auto; max-width: 100%; } .avatar, .featuredpage img, .featuredpost img, .post-image { background-color: #f5f5f5; border: 1px solid #ddd; padding: 4px; } .author-box .avatar { background-color: #fff; float: left; margin: 0 10px 0 0; } .post-image { margin: 0 10px 10px 0; } .comment-list li .avatar { background-color: #fff; float: right; margin: 5px 0 0 10px; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 10px; } img.alignleft { display: inline; margin: 0 15px 10px 0; } img.alignright { display: inline; margin: 0 0 10px 15px; } .alignleft { float: left; margin: 0 15px 10px 0; } .alignright { float: right; margin: 0 0 10px 15px; } .wp-caption { padding: 5px; text-align: center; } p.wp-caption-text { font-size: 13px; margin: 5px 0; } .wp-smiley, .wp-wink { border: none; float: none; } .gallery-caption { } /* Post Navigation ------------------------------------------------------------ */ .navigation { font-size: 13px; overflow: hidden; padding: 20px 0; width: 100%; padding-top: 50px; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { border: 1px solid #ddd; padding: 8px 12px 7px 13px; font-size: 15px; font-weight: 400; color: #696969; } .navigation li a:hover, .navigation li.active a { background-color: #016bb7; color: #fff; font-size: 15px; font-weight: 500; } /* Primary / Secondary Sidebars ------------------------------------------------------------ */ .sidebar { display: inline; float: right; width: 278px; } #sidebar-alt { float: left; width: 150px; } .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } .content-sidebar-sidebar #sidebar-alt { float: right; } .sidebar p { font-size: inherit; } .sidebar .widget { background-color: #fff; border: 1px solid #ddd; margin: 0 0 15px; padding: 0 0 15px; } .sidebar.widget-area ol, .sidebar.widget-area ul, .widget-area .textwidget, .widget_tag_cloud div div { padding: 0 15px; } #nav_menu-3 ul{ padding: 0; } .sidebar.widget-area ul li, #footer-widgets .widget-area ul li { list-style-type: none; margin: 0 0 7px; padding: 0 0 5px; word-wrap: break-word; } .sidebar.widget-area ul ul li { border: none; margin: 0; } /* Dropdowns ------------------------------------------------------------ */ .widget_archive select, #cat { display: inline; margin: 5px 15px 0; padding: 3px; width: 85%; } /* Featured Page / Post ------------------------------------------------------------ */ .featuredpage, .featuredpost { clear: both; margin: 0 0 15px; overflow: hidden; } .featuredpage .page, .featuredpost .post { border-bottom: 1px solid #ddd; margin: 0 0 5px; overflow: hidden; padding: 0 15px 10px; } #footer-widgets .featuredpage .page, #footer-widgets .featuredpost .post { margin: 0 0 10px; padding: 0; } .more-from-category { padding: 5px 15px 0; } /* User Profile ------------------------------------------------------------ */ .user-profile { overflow: hidden; } .user-profile p { padding: 5px 15px 0; } .user-profile .posts_link { padding: 0 15px; } /* Buttons ------------------------------------------------------------ */ input[type="button"], input[type="submit"] { background: url(images/gradient.png) 0 0; border: 1px solid #ccc; cursor: pointer; line-height: 19px; padding: 5px 7px; text-decoration: none; } input:hover[type="button"], input:hover[type="submit"] { background: url(images/gradient.png) 0 -33px; text-decoration: none; } /* Search Form ------------------------------------------------------------ */ #header .searchform { float: right; padding: 12px 0 0; } .sidebar .searchform { padding: 5px 0 0 15px; } .s { margin: 10px -7px 0 0; padding: 6px 5px; width: 180px; } #nav .s { background-color: #fff; margin: 2px -7px 0 0; } #nav { height: 55px; } /* eNews and Update Widget ------------------------------------------------------------ */ .enews p { padding: 0 15px 5px; } .enews #subscribe { padding: 0 0 0 15px; } .enews #subbox { margin: 5px -7px 0 0; padding: 6px 5px; width: 75%; } /* Calendar Widget ------------------------------------------------------------ */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 12px; font-style: italic; padding: 2px 5px 0 0; text-align: right; } #wp-calendar thead { background-color: #f5f5f5; font-weight: bold; margin: 10px 0 0; } #wp-calendar td { background-color: #f5f5f5; padding: 2px; text-align: center; } /* Footer Widgets ------------------------------------------------------------ */ #footer-widgets { background-color: #f5f5f5; border-top: 1px solid #ddd; clear: both; font-size: 13px; margin: 0 auto; overflow: hidden; width: 100%; } #footer-widgets .wrap { overflow: hidden; padding: 20px 30px 10px; } #footer-widgets .widget { background: none; border: none; margin: 0 0 15px; padding: 0; } #footer-widgets .textwidget { padding: 0; } #footer-widgets .widget_tag_cloud div div { padding: 0; } #footer-widgets p { font-size: inherit; margin: 0 0 10px; } #footer-widgets ul { margin: 0; } #footer-widgets ul li { margin: 0 0 0 20px; } #footer-widgets #wp-calendar thead, #footer-widgets #wp-calendar td { background: none; } .footer-widgets-1 { float: left; margin: 0 30px 0 0; width: 280px; } .footer-widgets-2 { float: left; width: 280px; } .footer-widgets-3 { float: right; width: 280px; } /* Footer ------------------------------------------------------------ */ #footer { background-color: #f5f5f5; border-top: 1px solid #ddd; clear: both; font-size: 13px; margin: 0 auto; overflow: hidden; width: 100%; } #footer .wrap { overflow: hidden; padding: 10px 15px; } #footer p { font-size: inherit; } #footer a, #footer a:visited { color: #333; } #footer a:hover { color: #0d72c7; text-decoration: none; } #footer .gototop { float: left; width: 200px; } #footer .creds { float: right; text-align: right; width: 650px; } /* Comments ------------------------------------------------------------ */ #comments, #respond { margin: 0 0 15px; overflow: hidden; } #author, #comment, #email, #url { margin: 10px 5px 0 0; padding: 5px; width: 250px; } #comment { height: 150px; margin: 10px 0; width: 98%; } .ping-list { margin: 0 0 40px; } .comment-list ol, .ping-list ol { padding: 10px; } .comment-list li, .ping-list li { font-weight: bold; list-style-type: none; margin: 15px 0 5px; padding: 10px 15px; } .comment-list li ul li { list-style-type: none; margin-right: -16px; } .comment-content p { font-size: 15px; margin: 0 0 20px; font-weight: 400; } .comment-list cite, .ping-list cite { font-style: normal; } .commentmetadata { font-size: 12px; margin: 0 0 5px; } .reply { font-size: 13px; font-weight: 300; } .nocomments { text-align: center; } #comments .navigation { display: block; } .bypostauthor { } .thread-alt, .thread-even { background-color: #f5f5f5; } .alt, .depth-1, .even { border: 1px solid #ddd; } /* Gravity Forms ------------------------------------------------------------ */ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { box-sizing: border-box; font-size: 14px !important; padding: 4px 5px !important; } div.gform_footer input.button { color: #333; } div.gform_wrapper .ginput_complex label { font-size: 13px; } div.gform_wrapper li, div.gform_wrapper form li { margin: 0 0 10px; } div.gform_wrapper .gform_footer { border: none; margin: 0; padding: 0; } /* Block ------------------------------------------------------------ */ .block { clear: both; margin: 0 0 20px 0; } .block .older-posts ul { padding-left: 15px; } .block-title { font-size: 16px; background-color: #f5f5f5; margin: 0; padding: 9px 10px 8px; } .block-wrap { padding: 10px; } /*Caia widget advertise --------------------------------------------------------------*/ .caia_ads_widget, .sidebar .caia_ads_widget, .caia_ads_widget .widget-wrap{ text-align:center; background:none; border:none; padding:0px; } .caia_ads_widget .widgettitle{ background:none; color:inherit; border:none; padding:0px; width:100%; margin:0px; } #header #title a, #header #title a:hover { text-indent: -9999px; display: block; background: url(images/logo.png) no-repeat left center; padding: 35px 0; } #header .gsc-shop-cart .left-cart a { background-image: url(images/ico-cart.png) !important; background-position: left center; background-repeat: no-repeat; display: block; height: 55px; width: 55px; display: block; text-indent: -99999px; } .gsc-shop-cart .cart-left { display: none; } .gsc-shop-cart .right-cart { float: right; line-height: 15px; margin-top: 8px; } .gsc-shop-cart .left-cart { float: left; margin-right: 0px; } #header .total-price-text { display: none; } #header .gsc-shop-cart { width: 175px; float: right; } #total-incart-price p, #total-incart-price span { font-size: 15px; color: #444; font-weight: 500; } .gsc-shop-cart .right-cart .num-products, .gsc-shop-cart .right-cart #total-incart-price .gsc-total-price, .gsc-shop-cart .right-cart #total-incart-price .currency{ color: #df151a; } /*#menu-main_menu::before { top: 0; content: ""; border-bottom: 55px solid #016bb7; border-left: 75px solid #ec1b2d; position: absolute; left: 145px; bottom: 0; z-index: 1; }*/ /*#nav::after{ z-index: 1; content: ""; width: 145px; height: 55px; background-color: #ec1b2d; left: 0; position: relative; display: block; top: -55px; }*/ #nav{ position: relative; background: url(images/bk-nav.png) no-repeat center center; } .dm-sp{ height: 53px; margin-top: 15px; } .dm-sp #text-3{ float: left; width: 278px; } .dm-sp #code_widget-2{ float: left; width: 52%; padding: 5px 0; } .dm-sp #text-2{ float: right; width: 17%; padding: 11px 0; } #add-banner1, .dm-sp{ float: left; width: 100%; } #add-banner1 .widget_nav_menu{ width: 278px; float: left; } #add-banner1 .widget_simpleresponsiveslider_widget{ width: 892px; float: right; } p.danh-muc{ padding: 15px 0; background: url(images/ico-dm.png) no-repeat left 10px center ; text-transform: uppercase; color: #fff; font-weight: 500; padding-left: 45px; } .dm-sp #text-3{ background: linear-gradient(to right, #007ad8 , #009fd8); } #add-banner1 .widget_nav_menu ul li , #nav_menu-3 ul li{ list-style-type: none; background: url(images/ico-li.png) no-repeat left 15px center; padding: 14px 35px; float: left; width: 75%; } #nav_menu-3 ul#menu-danh-muc-san-pham-1 li:hover{ background: url(images/ico-hover.png) no-repeat left 15px center #ec1b2d; } /*#nav_menu-3 ul li:hover a { color: #fff; }*/ #add-banner1 .widget_nav_menu ul li a, #nav_menu-3 ul li a{ text-decoration: none; font-size: 15px; color: #444; font-weight: 400; float: left; width: 100%; } #nav_menu-3 ul li:hover a{ color: #fff; } #nav_menu-3 ul li .sub-menu li a, #nav_menu-3 ul li .sub-menu li .sub-menu li a{ color: #333; } #nav_menu-3 ul li .sub-menu li:hover a, #nav_menu-3 ul li .sub-menu li .sub-menu li:hover a{ color: #fff; } #nav_menu-3 ul li .sub-menu{ width: 220px; } #add-banner1 .widget_nav_menu ul li a{ text-transform: uppercase; } #add-banner1 .widget_nav_menu ul li:nth-child(even), #nav_menu-3 ul li:nth-child(even){ background: url(images/ico-li.png) no-repeat left 15px center #ececec; } #add-banner1 .widget_nav_menu ul li:nth-child(odd), #nav_menu-3 ul li:nth-child(odd){ background: url(images/ico-li.png) no-repeat left 15px center #f4f4f4; } .dm-sp #code_widget-2 .form-no-clear { background: #fff; padding: 5px; height: 40px; border: none; margin-left: 2px; color: #444; font-weight: 400; width: 220px; } form#searchform{ border: 1px solid #ddd; border-radius: 5px; margin-left: 10px; background: #fff; } form#searchform #s{ width: 290px; height: 30px; border: none; background: #fff; border-left: 1px solid #ddd; padding-left: 10px; border-right: 1px solid #ddd; } .dm-sp #code_widget-2 input[type="submit"] { padding: 8px 7px; text-decoration: none; text-align: center; float: right; width: 9%; text-indent: -9999px; cursor: pointer; border: none; background: url(images/ico-s.png) no-repeat center; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #939393; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #939393; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #939393; } .dm-sp .danhmuc{ float: left; width: 100%; background: #f0f0f0; } span.sdt{ text-align: right; margin-right: 15px; font-size: 23px; font-weight: 800; color: #ec1b2d; padding: 11px 0; } #text-2 p{ background: url(images/ico-listen.png) no-repeat left center; text-align: right; } .rslides_nav.next{ background: url(images/ico-next.png) no-repeat !important; right: 10px; width: 50px; height: 50px; } .rslides_nav.prev{ background: url(images/ico-prev.png) no-repeat!important; left: 10px; width: 50px; height: 50px; } #add-banner2{ float: left; width: 100%; margin-top: 30px; margin-bottom: 40px; } .rslides_container{ margin-bottom: 0 !important; } #add-banner2 .image-upload.slick-slide.slick-cloned img, #add-banner2 .image-upload.slick-slide.slick-active img{ float: right; text-align: right !important; } #add-banner2 .image-upload.slick-active.slick-current img{ float: left; text-align: left !important; } #text-4 ul li{ cursor: pointer; } #caia-post-product-3, #caia-post-product-4{ } ## Tabbed Widget --------------------------------------------------------------*/ /*---Featured Product - tab switch---*/ ul.tabs { margin:0 0 25px 0; padding: 0px; list-style: none; text-align:center; } ul.tabs li { color: #106199; display: inline-block; padding: 10px 25px; cursor: pointer; font-size: 16px; position: relative; font-weight: bold; margin-right: 65px; background: #d8d8d8; } ul.tabs li.current { background: #016bb7; color: #fff; } .tab-content { display: block; height: 0; overflow: hidden; } .tab-content.current { height: auto; } .tab-sp{ position: relative; } .tab-sp .caia-post-product-widget .slick-prev{ right: 45px; position: absolute; z-index: 999; margin: 8px 0; } .tab-sp .caia-post-product-widget .slick-next{ right: 5px; position: absolute; z-index: 999; top: 0; margin: 8px 0; } ul.tabs{ position: absolute; z-index: 999; } .tab-sp .caia-post-product-widget .slick-list{ top: 45px; } ul.tabs li.current::after{ content: ""; border-bottom: 45px solid transparent; border-left: 65px solid #016bb7; right: -65px; z-index: 1; top: 0; position: absolute; } ul.tabs li.current::before{ border-right: 65px solid #016bb7; } ul.tabs li.tab-1::before{ content: none; } ul.tabs li::before { top: 0; content: ""; border-top: 45px solid transparent; border-right: 65px solid #d8d8d8; position: absolute; left: -65px; bottom: 0; z-index: 1; } ul.tabs li::after{ content: ""; border-bottom: 45px solid transparent; border-left: 65px solid #d8d8d8; right: -65px; z-index: 1; top: 0; position: absolute; } ul.tabs { float: left; width: 100%; background: #f3f3f3; } .home .caia-post-product-widget{ margin-bottom: 60px; } .infoproduct h3 a{ font-size: 15px; font-weight: bold; color: #444; text-decoration: none; } .infoproduct h3 a:hover{ color: #016bb7; } .gia_sp{ color:#ec1b2d ; font-size: 17px; font-weight: bold; padding: 0 15px; } .tab-sp .caia-post-product-widget .slick-next{ text-indent: -9999px; display: block; background: url(images/icon-next.png) no-repeat center center #e8e7e7; padding: 7px 15px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; } .tab-sp .caia-post-product-widget .slick-prev{ text-indent: -9999px; display: block; background: url(images/icon-prev.png) no-repeat center center #e8e7e7; padding: 7px 15px; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; } .tab-sp .caia-post-product-widget .slick-prev:hover{ background: url(images/ico-prev-h.png) no-repeat center center #ec1b2d; } .tab-sp .caia-post-product-widget .slick-next:hover{ background: url(images/ico-next-h.png) no-repeat center center #ec1b2d; } .banner-block{ margin: 25px 0; } .flexible-block .extra-menu{ position: absolute; top: 0; left: 15%; } .flexible-block{ position: relative; float: left; width: 100%; } .flexible-block .extra-menu ul li{ display: inline-block; list-style-type: none; padding: 10px; } .flexible-block .extra-menu ul li a{ color: #777777; text-decoration: none; } .flexible-block h2, .news-block h2{ background: url(images/bk-cm.png) no-repeat left bottom; padding: 10px 0; } .flexible-block h2 a, .news-block h2 a{ font-size: 18px; font-weight: bold; text-transform: uppercase; color: #444; } .flexible-block .block-wrap, .news-block .block-wrap{ float: left; width: 100%; padding: 0; margin: 15px 0; } .flexible-block .banner-cm{ float: left; width: 293px; } .flexible-block .main-posts{ float: right; width: 877px; border: 1px solid #e5e5e5; } .flexible-block .caia-block-item{ border-right: 1px solid #e5e5e5; /* border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;*/ height: 360px; position: relative; } .flexible-block .slick-prev{ position: absolute; top: -53px; right: 35px; text-indent: -9999px; display: block; background: url(images/icon-prev.png) no-repeat center center #e8e7e7; padding: 7px 15px; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; } .flexible-block .slick-next{ position: absolute; top: -53px; right: 0; background: url(images/icon-next.png) no-repeat center center #e8e7e7; padding: 7px 15px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; text-indent: -9999px; display: block; } .flexible-block .slick-next:hover { background: url(images/ico-next-h.png) no-repeat center center #ec1b2d; } .flexible-block .slick-prev:hover { background: url(images/ico-prev-h.png) no-repeat center center #ec1b2d; } .flexible-block .caia-block-item .image-sp{ position: relative; width: 100%; height: 240px; line-height: 240px; } .flexible-block .caia-block-item .image-sp img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .flexible-block .caia-block-item h3, .flexible-block .caia-block-item .show-gia{ margin: 10px 20px; } .flexible-block .caia-block-item h3 a{ color: #444; text-decoration: none; font-weight: bold; font-size: 15px; } .flexible-block .caia-block-item .show-gia .price{ color: #ec1b2d; font-weight: bold; } #flexible-block-3 .extra-menu{ left: 22%; } .news-block .caia-block-item{ float: left; width: 23%; margin: 0 10px 20px; padding-bottom: 15px; /*border-bottom: 3px solid #e0e0e0;*/ } .news-block .caia-block-item h3{ height: 43px; overflow: hidden; } .news-block .caia-block-item img{ height: 240px } .news-block .caia-block-item h3 a{ font-size: 16px; color: #444; font-weight: bold; text-decoration: none; } .news-block .caia-block-item p{ color: #444; font-weight: 400; } .before_footer{ background: url(images/bk_b_footer.png) center center; position: relative; color: #fff; margin-top: 100px; float: left; width: 100%; } .before_footer p, .before_footer li, .before_footer a, .before_footer h3, .before_footer span{ color: #fff; } #footer{ background: #303030; border-top: none; } #footer p{ color: #fff; font-size: 15px; font-weight: 500; } #footer p span{ color: #ec1b2d; } .before_footer .widget_caldera_forms_widget{ background: url(images/ck-email.png) no-repeat left center; padding: 22px 0; } .before_footer .wrap{ position: relative; } .before_footer .widget_caldera_forms_widget{ position: absolute; margin-top: -50px; float: left; width: 100%; } #CF5b0b5a4893f96_1 .first_col{ padding: 4px 0; font-size: 20px; text-transform: uppercase; color: #fff; font-weight: bold; } .caldera-grid .form-control{ height: auto; padding: 10px; } #CF5b0b5a4893f96_1 .col-sm-8, #CF5b0b5a4893f96_1 .col-sm-1{ padding: 0; } .before_footer .widget_caldera_forms_widget .widget-wrap { width: 810px; margin: 0 auto; } .before_footer .widget_caldera_forms_widget .widget-wrap .widgettitle span{ font-size: 20px; color: #fff; font-weight:bold; text-transform: uppercase; } .before_footer .widget_caldera_forms_widget .widgettitle{ float: left; width: 210px; margin: 15px 0; } .before_footer .widget_caldera_forms_widget .caldera-grid{ float: right; width: 595px; } #CF5b0b5a4893f96_1 input{ font-weight: normal; border: none; background: unset; box-shadow: none; padding: 7px 10px; font-size: 15px; } #CF5b0b5a4893f96_1{ background: #fff; border-radius: 3px } #CF5b0b5a4893f96_1 .row{ margin: 0; } #CF5b0b5a4893f96_1 .form-group{ margin-bottom: 0; } #CF5b0b5a4893f96_1 input[type='submit']{ padding: 11px 10px; background: url(images/ico-send.png) no-repeat center center; text-indent: -9999px; display: block; width: 100%; border-left: 1px solid #ddd; } .before_footer .widget_text{ padding-top: 45px; } .before_footer .widget_text{ float: left; width: 31%; margin: 0 15px; } .before_footer .widget_text .widgettitle{ display: none; } .before_footer .widget_text .textwidget{ margin: 40px 0; } .before_footer #text-4{ margin-left: 0; } .before_footer #text-6{ margin-right: 0; } .before_footer .widget_text .title{ font-size: 18px; text-transform: uppercase; font-weight: bold; background: url(images/bk-cm2.png) no-repeat left bottom; padding: 10px 0; } .before_footer .widget_text ul, .before_footer .widget_text p{ padding-left: 25px; } p.address{ background: url(images/ico-address.png) no-repeat left center; padding: 10px 0; margin-left: 25px; padding-left: 40px !important; } p.call{ background: url(images/ico-call.png) no-repeat left center; padding: 10px 0; margin-left: 25px; padding-left: 40px !important; } p.call a:hover{ color: #0d72c7; } p.email{ background: url(images/ico-mail.png) no-repeat left center; padding: 10px 0; margin-left: 25px; padding-left: 40px !important; } p.clock{ background: url(images/ico-clock.png) no-repeat left center; padding: 10px 0; margin-left: 25px; padding-left: 40px !important; } .before_footer .widget_text p span{ margin-left: 20px; } .before_footer .widget_text ul li{ list-style-type: none; list-style-image: url(images/ico-li.png); } .before_footer .widget_text .ico-f{ margin-top: 30px; } .before_footer #text-6 img.cnhan{ float: left; } .before_footer #text-6 .ico-f ul{ float: left; padding-top: 12px; } .before_footer .widget_text .ico-f ul li{ list-style-type: none; display: inline-block; } #text-6 p{ padding-left: 0; } #add-banner1 .widget_nav_menu ul li .sub-menu, #nav_menu-3 ul li .sub-menu{ height: auto; position: absolute; z-index: 9999; margin-left: 242px; color: #444; margin-top: -15px; display: none; } #add-banner1 .widget_nav_menu ul li .sub-menu{ width: 350px; } #add-banner1 .widget_nav_menu ul li .sub-menu li a, #add-banner1 .widget_nav_menu ul li .sub-menu li .sub-menu li a{ color: #444; text-transform: none; } #add-banner1 .widget_nav_menu ul li .sub-menu li:hover a, #add-banner1 .widget_nav_menu ul li .sub-menu li .sub-menu li:hover a{ color: #fff; text-transform: none; } #menu-danh-muc-san-pham li.menu-item-has-children.current .sub-menu, #nav_menu-3 ul li.menu-item-has-children.current .sub-menu { display: block; } #add-banner1 .widget_nav_menu ul li .sub-menu li .sub-menu, #nav_menu-3 ul li .sub-menu li .sub-menu{ margin-left: 170px; margin-top: -7px; width: 200px; } /*#nav_menu-3{ display: none; } */ .danhmuc .danh-muc{ cursor: pointer; } #nav_menu-3.current{ display: block; } #nav_menu-3 h4{ display: none; } #sidebar #menu-danh-muc-san-pham li:nth-child(odd) { background: url(images/ico-li.png) no-repeat left 15px center #f4f4f4; } #sidebar #menu-danh-muc-san-pham li a { text-decoration: none; font-size: 15px; color: #444; font-weight: 400; float: left; width: 100%; } #sidebar #menu-danh-muc-san-pham li { list-style-type: none; background: url(images/ico-li.png) no-repeat left 15px center; padding: 14px 35px; float: left; width: 75%; margin-bottom: 0; border-bottom: none; } #sidebar #menu-danh-muc-san-pham li:nth-child(even) { background: url(images/ico-li.png) no-repeat left 15px center #ececec; } #sidebar #menu-danh-muc-san-pham li .sub-menu{ height: auto; position: absolute; z-index: 9999; margin-left: 242px; color: #444; margin-top: -15px; display: none; padding: 0; } #sidebar #menu-danh-muc-san-pham li.menu-item-has-children.current .sub-menu{ display: block; } #sidebar #menu-danh-muc-san-pham li .sub-menu li .sub-menu{ margin-left: 170px; margin-top: -7px; width: 200px; padding: 0; } #sidebar #menu-danh-muc-san-pham{ padding: 0; } #nav_menu-4{ margin-top: 20px; float: left; width: 100%; } .widget-area h4{ background-color: #545151; font-size: 15px; padding: 16px 10px 17px; } #sidebar .caia_ads_widget h4{ background-color: #545151; font-size: 15px; padding: 16px 0px 17px; text-align: left; } #sidebar .caia_ads_widget h4 span{ margin-left: 15px; } #sidebar .ads_content_widget{ padding: 0 15px; text-align: left; } #sidebar .ads_content_widget .container{ margin-top: 15px; } .widget-area h4 span{ color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 0; } .sidebar .widget{ border: none; background: #f4f4f4; } .sidebar.widget-area .widget_nav_menu ul#menu-danh-muc-tin li a{ color: #444; text-decoration: none; font-size: 15px; font-weight: 400; } .sidebar.widget-area .widget_nav_menu ul#menu-danh-muc-tin li a:hover, #sidebar #menu-danh-muc-san-pham li a:hover{ color: #016bb7; } .sidebar.widget-area .widget_nav_menu ul#menu-danh-muc-tin li{ list-style-image: url(images/icon-next.png); } #menu-danh-muc-tin{ margin-left: 15px; } .archive-heading{ padding: 9px 0; background: #f3f3f3; margin-bottom: 30px; } .archive-heading a{ text-decoration: none; position: relative; padding: 9px 0; font-size: 18px; text-transform: uppercase; color: #444; font-weight: bold; background: url(images/bk-cm.png) no-repeat left bottom #fff; } .archive-heading a::after { content: ""; border-bottom: 40px solid transparent; border-left: 50px solid #ffffff; right: -50px; z-index: 1; top: 0; position: absolute; } .category #content .post, .seacrh #content .post{ float: left; width: 100%; border-bottom: 1px solid #ddd; margin: 0; padding: 15px 0; } .category #content .post img, .search #content .post img{ width: 277px; margin-right: 15px; margin-bottom: 0; background: unset; border: none; } .category #content .post h2 a, .seacrh #content .post h2 a{ font-size: 18px; font-weight: 500; color: #107fc9; text-decoration: none; } .seacrh #content .post .entry-content p, .category #content .post .entry-content p{ font-weight: 400; } p.docthem .read-more{ padding: 6px 7px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 3px; font-size: 14px; color: #444; text-decoration: none; } .navigation ul::before{ content: 'Trang'; margin-right: 10px; font-size: 15px; font-weight: 400; } .single .entry-title{ color: #016bb7; font-size: 24px; font-weight: 700; } .top_post .share{ float: left; width: 60%; } .top_post .view_cmt{ float: right; width: 30%; } .view_cmt ul li{ list-style-type: none; display: inline-block; margin: 0 15px; float: right; font-size: 13px; font-weight: 400; } .view_cmt ul li span{ color: #0099ff; } .top_post{ float: left; width: 100%; padding: 5px; background: #e9e9e9; margin: 15px 0; } .single .related-post .post{ float: left; width: 31%; margin: 0 15px; } .single .related-post .post:nth-child(2){ margin-left: 0 !important; } .single .related-post .post:nth-child(4){ margin-right: 0 !important; } .single .related-post{ float: left; width: 100%; margin: 20px 0 40px 0; } .related-post h2{ font-weight: 500; font-size: 22px; color: #444; text-transform: uppercase; background: url(images/bk-cm.png) no-repeat left bottom; padding: 7px 0; margin-bottom: 30px !important; } .single .related-post .post h3 a{ font-size: 16px; color: #444; text-decoration: none; font-weight: 500; } .single .related-post .post h3{ height: 42px; overflow: hidden; } #comments h3 span, #reply-title span{ font-size: 20px; color: #444; font-weight: 500; } .comment-list li .avatar { background-color: #fff; float: left; margin: 5px 10px 0 10px; } .comment-list cite { color: #016bb7; } .comment-meta.commentmetadata a { color: #b1b1b1; font-size: 12px; font-weight: normal; } li.thread-even { background: #fff; } .comment-content { padding-left: 75px; } .single a.comment-reply-link, .page a.comment-reply-link { background: #016bb7; padding: 8px 15px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 400; margin-left: 75px; text-decoration: none; } ul.children { margin-left: 75px; background: #f7f7f7; margin-top: 20px; } li.comment-author-admin .comment-header { background: url(images/logo-cmt.png) no-repeat left center; background-size: 65px auto; padding: 10px 0 10px 70px; } .comment-list li, .ping-list li { font-weight: bold; list-style-type: none; margin: 15px 0 5px; padding: 10px 15px; } li.comment-author-admin .comment-author.vcard .avatar { display: none; } .comment-list li ul li { margin: 0; } #respond{ margin-top: 40px; } #commentform input[type="submit"] { font-size: 15px; color: #fff; text-transform: uppercase; background: #016bb7; border: none; padding: 10px; font-weight: 400; } .comment-form-author, .comment-form-phone { float: left; width: 48%; } .comment-form-email, .comment-form-address { float: right; width: 48%; } #author, #email, #url, #phone, #address { margin: 10px 5px 0 0; padding: 8px 0 8px 5px; width: 96%; background: #fff; } #comment { height: 150px; margin: 10px 0; width: 98%; background: #fff; } #sidebar #menu-danh-muc-san-pham li:hover{ background: url(images/ico-hover.png) no-repeat left 15px center #ec1b2d; } #sidebar #menu-danh-muc-san-pham li:hover a, #sidebar #menu-danh-muc-san-pham li:hover ul li:hover a{ color: #fff; } #sidebar #menu-danh-muc-san-pham li:hover ul li a{ color: #444; } .tax-cm #content .sanpham, .tax-sp #content .sanpham, .tax-nhomsp #content .sanpham{ float: left; width: 33%; height: 362px; } .tax-cm #content .sanpham, .tax-sp #content .sanpham, .tax-nhomsp #content .sanpham{ border-bottom: 1px dashed #ddd; border-right: 1px dashed #d6d6d6; } .tax-cm #content .sanpham:nth-child(3n+2), .tax-sp #content .sanpham:nth-child(3n+2), .tax-nhomsp #content .sanpham:nth-child(3n+2){ border-right: none; } .tax-cm #content .sanpham .image-sp, .tax-sp #content .sanpham .image-sp, .tax-nhomsp #content .sanpham .image-sp{ position: relative; width: 100%; height: 240px; line-height: 240px; margin-bottom: 25px; } .tax-cm #content .sanpham .image-sp img, .tax-sp #content .sanpham .image-sp img, .tax-nhomsp #content .sanpham .image-sp img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 190px; object-fit: cover; } .tax-cm #content .sanpham h3, .tax-cm #content .sanpham .show-gia, .tax-sp #content .sanpham h3, .tax-sp #content .sanpham .show-gia, .tax-nhomsp #content .sanpham h3, .tax-nhomsp #content .sanpham .show-gia{ padding: 0 15px; margin: 15px 0; } .tax-cm #content .sanpham h3 a, .tax-sp #content .sanpham h3 a, .tax-nhomsp #content .sanpham h3 a{ text-decoration: none; color:#444 ; font-weight: 500; } .tax-cm #content .sanpham h3, .tax-sp #content .sanpham h3, .tax-nhomsp #content .sanpham h3{ height: 36px; overflow: hidden; } .show-gia .price span{ color: #ec1b2d; font-weight: 500; font-size: 17px; } .page-template #content .sanpham:hover, .category #content .sanpham:hover, .search #content .sanpham:hover, .archive #content .sanpham:hover { } .archive .sort{ float: right; margin: 4px 15px; } #sortprice{ padding: 5px; background: #fff; } .container { padding: 5px 34px; display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; color: #333; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .single-sanpham span.promotions-product { color: #fff; font-weight: 400; font-style: Italic; background-color: #e12b30; text-align: center; height: 90px; width: 90px; border-radius: 100%; margin: 15px; z-index: 1; font-size: 27px; line-height: 90px; position: absolute; top: 0; right: 1%; } .checkmark { position: absolute; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ddd; } .container { padding: 5px 34px; display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; color: #333; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container input { position: absolute; opacity: 0; cursor: pointer; } .container:hover input ~ .checkmark { background-color: #fff; border: 1px solid #ddd; } .container input:checked ~ .checkmark { background-color: #fff; } .checkmark:after { content: ""; position: absolute; display: none; } .container input:checked ~ .checkmark:after { display: block; } .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #016bb7; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .single-sanpham.sidebar-content #sidebar, .single-sanpham.sidebar-sidebar-content #sidebar{ float: right; } .single-sanpham.sidebar-content #content, .single-sanpham.sidebar-sidebar-content #content{ float: left; } .single-sanpham #content-sidebar-wrap{ margin-top: 25px; } .single-sanpham .sidebar { width: 262px; } .sidebar .widget.image-upload{ background: none; } .img_sp{ height: 456px; width: 456px; border:1px solid #ddd; display: table-cell; text-align: center; vertical-align: middle; } .chitiet_sp .anh_sp{ float: left; width: 458px; } .chitiet_sp .info_sp{ float: right; width: 360px; } .chitiet_sp .info_sp .addthis_native_toolbox { border-bottom: 1px solid #ddd; padding: 5px 0; margin-bottom: 20px; } .info-sp .gia{ font-size: 33px; font-weight: 500; color: #ec1b2d; } .info-sp .dvd{ position: absolute; font-weight: 500; color: #ec1b2d; font-size: 20px; margin: 0 5px; } p.mota{ margin: 15px 0 30px 0; } .info-sp .info_p{ font-size: 15px; font-weight: 500; } .xuatxu .info_p{ background: url(images/ico-xuatxu.png) no-repeat left center; padding-left: 30px; } .kichthuoc .info_p{ background: url(images/ico-kthuoc.png) no-repeat left center; padding-left: 30px; } .baohanh .info_p{ background: url(images/ico-bhanh.png) no-repeat left center; padding-left: 30px; } .vanchuyen .info_p{ background: url(images/ico-vchuyen.png) no-repeat left center; padding-left: 30px; } .lapdat .info_p{ background: url(images/ico-lapdat.png) no-repeat left center; padding-left: 30px; } .info-sp .info_p{ float: left; width: 100px; } .info-sp .tt{ margin: 5px 0; } #buy-product .addtocart { font-size: 18px; text-transform: uppercase; text-decoration: none; color: #fff; } #buy-product .dat{ background: url(images/ico-cart2.png) no-repeat left 25px center #016bb7; text-align: center; padding: 11px 0; border-radius: 5px; margin: 15px 0; } #buy-product .them{ background: url(images/ico-call2.png) no-repeat left 25px center #ec1b2d; text-align: center; padding: 11px 0; border-radius: 5px; margin: 15px 0; font-size: 18px; text-transform: uppercase; color: #fff; } #buy-product .them a{ color: #fff; text-decoration: none; } #buy-product .them span{ font-size: 25px; font-weight: 500; } .price .tieude{ font-size: 20px; margin-right: 15px; } .single .entry-content h3{ color: #333; font-size: 18px; font-weight: 700; margin: 15px 0; } .single .entry-content h2{ color: #016bb7; font-size: 22px; font-weight: 700; margin: 15px 0; } .info-detail th{ background: #dcdcdc; border-bottom: 1px solid #fff; } .info-detail { margin: 0 auto; padding: 15px 0; } .info-detail td{ background: #eeeeee; border-bottom: 1px solid #fff; } .single-sanpham .related-post .post{ width: 23%; margin: 0; padding: 5px; position: relative; } #respond{ float: left; width: 100%; } .single-sanpham .related-post .post:nth-child(5){ border-right: 1px solid #ddd; margin-right: 0; } .single-sanpham .related-post .post{ /* border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-left: 1px solid #ddd;*/ } .infoproduct .price{ color: #ec1b2d; font-weight: 500; } .sidebar .widget{ float: left; width: 100%; margin-top: 20px; } #nav_menu-3{ margin-top: 0; } .slider-for.up .san-pham { height: 456px; width: 456px; border: 1px solid #ddd; display: table-cell; text-align: center; vertical-align: middle; line-height: 456px; } .slider-for.up .san-pham .item{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .slider-nav.down .itemnav img { width: 67px; height: 67px; } .slider-nav.down .itemnav { border: 1px solid #d5d5d5; width: 67px !important; height: 67px; margin: 0 6px; } .slider-nav.down .slick-prev { position: absolute; left: 0px; top: 0px; z-index: 400; background: url(images/icon-prev.png) no-repeat center center #d5d5d5; text-indent: -99999px; border: none; padding: 27px 13px; width: auto; height: auto; } .slider-nav.down .slick-next { position: absolute; right: 0px; top: 0px; z-index: 400; background: url(images/icon-next.png) no-repeat center center #d5d5d5; text-indent: -99999px; border: none; padding: 27px 13px; width: auto; height: auto; } .images-product-single .slider-for.up{ margin-bottom: 20px; } .chitiet_sp{ margin-bottom: 30px; } .gia_cu{ font-size: 25px; color: #444; } .gia .price_old{ float: right; color: #ec1b2d; font-size: 17px; font-weight: bold; } .gia .price{ color: #444; } .tab-sp .caia-post-product-widget .sanpham{ border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; /* padding: 7px; width: 278px !important; position: relative;*/ } .tab-sp .caia-post-product-widget .sanpham img{ height: 194px; } .gia{ padding: 0 15px; } .tab-sp .caia-post-product-widget .sanpham .infoproduct h3{ height: 36px; overflow: hidden; padding: 0 15px; margin: 10px 0; } .show-gia2 .price-old{ float: left; color: #444; font-size: 15px; font-weight: bold; } .show-gia2 .price{ float: right; } .show-gia2 .price span{ color: #ec1b2d; font-weight: 500; font-size: 17px; } span.promotions-product { color: #fff; font-weight: bold; font-style: Italic; background-color: #e12b30; text-align: center; height: 65px; width: 65px; border-radius: 100%; margin: 15px; z-index: 1; font-size: 18px; line-height: 65px; position: absolute; top: 0; right: 1%; } .flexible-block .caia-block-item .show-gia2 { margin: 10px 20px; } .tax-cm #content .sanpham .show-gia2, .tax-sp #content .sanpham .show-gia2, .tax-nhomsp #content .sanpham .show-gia2 { padding: 0 15px; margin: 15px 0; } .search #content .sanpham { float: left; width: 33%; height: 362px; } .search #content .sanpham { border-bottom: 1px dashed #ddd; border-right: 1px dashed #d6d6d6; } .search #content .sanpham .image-sp { position: relative; width: 100%; height: 240px; line-height: 240px; margin-bottom: 25px; } .single-sanpham .images-product-single{ position: relative; } .single-sanpham span.promotions-product{ bottom: 90px; top: unset; } .search #content .sanpham .image-sp img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .search #content .sanpham h3 a { text-decoration: none; color: #444; font-weight: 500; } .search #content .sanpham h3 { height: 36px; overflow: hidden; } .search #content .sanpham h3, .search #content .sanpham .show-gia2, .search #content .sanpham .show-gia { padding: 0 15px; margin: 15px 0; } .search #content .sanpham:hover { height: 361px; } .yarpp-post .post img{ width: 82px; float: left; margin-right: 10px; margin-left: 15px; border: 1px solid #ddd; } .yarpp-post .post{ float: left; width: 100%; } .yarpp-post .post h3 a{ color: #444; text-decoration: none; font-weight: 400; } .yarpp-post .post h3 a:hover{ color: #016bb7; } .single-sanpham #simpleresponsiveslider_widget-2 { display: none; } .single-sanpham #nav_menu-2 { display: none; position: absolute; z-index: 999; } #add-banner1 .widget_nav_menu ul li:hover { background: url(images/ico-hover.png) no-repeat left 15px center #ec1b2d; } #add-banner1 .widget_nav_menu ul li:hover a { color: #fff; } .form-no-clear option:hover{ background: #016bb7; color: #fff; } .single-sanpham #sidebar .related-post .post{ width: 96%; float: left; border: none; } .single-sanpham #sidebar .related-post .post .anhsp img{ float: left; width: 82px; margin-right: 15px; } .single-sanpham #sidebar .related-post{ margin: 0; } .single-sanpham #sidebar .related-post .post h3 a{ font-weight: 400; } .page-id-76 #gsc-shopcart-table ul.title-shopcart li{ width: 15%; } .page-id-76 #gsc-shopcart-table ul.li-products li{ width: 15%; } .description a{ background: #016bb7 !important; color: #fff !important; text-decoration: none; padding: 9px 10px; font-size: 15px; border-radius: 5px; } .description{ margin: 10px 0; } .tong{ float: left; width: 100%; text-align: right; margin: 15px 0; } .tong .total-price-all{ font-weight: 500; margin-right: 5px; } .tong .gsc-total-price-all , .tong .currency{ font-size: 16px; font-weight: 500; color: #ec1b2d; } .tax-cm #add-banner1 #nav_menu-2, .tax-cm #add-banner1 #simpleresponsiveslider_widget-2, .tax-sp #add-banner1 #nav_menu-2, .tax-sp #add-banner1 #simpleresponsiveslider_widget-2, .tax-nhomsp #add-banner1 #nav_menu-2, .tax-nhomsp #add-banner1 #simpleresponsiveslider_widget-2 { display: none; } .archive #add-banner1 #nav_menu-2{ position: absolute; z-index: 999; } .danhmuc a{ text-decoration: none; } .hide-form-phone { position: fixed; bottom: 0; width: 300px; color: #fff; background: url(images/show-com.png) no-repeat #0077b8 right 15px center; right: 1%; z-index: 900; display: none; } .hide-form-phone p { float: left; width: 90%; cursor: pointer; text-align: left; padding: 3px 5%; color: white; font-weight: bold; text-transform: uppercase; } .hide-form-phone{ cursor: pointer; display: block; } .show-form-phone { position: fixed; bottom: 0; width: 300px; background: #f5f5f5; right: 2%; z-index: 900; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 1px 1px 5px 2px #d6d6d6; display: none; } .show-form-phone h4 { background: url(images/hide-com.png) no-repeat #0077b8 right 15px center; color: white; font-size: 14px; font-weight: bold; padding: 15px; text-align: left; cursor: pointer; } .show-form-phone .caldera-grid{ padding:0 15px; } .show-form-phone input[type="submit"], .show-form-phone input[type="submit"]:hover { width: 100%; background: #0077b8; color: white; text-transform: uppercase; } .goidienmobile { background: #0077b8; bottom: 0; color: white; left: 1%; line-height: 35px; position: fixed; text-align: center; width: 48%; z-index: 9999999; display: none; font-size: 15px; } .goidienmobile b { font-size: 19px; font-weight: bold; text-transform: uppercase; } .goidienmobile p { margin-bottom: 0 !important; } .related-post.after-post .post .anhsp{ height: 240px; } .single-sanpham #sidebar .related-post .post h3 a:hover, .single .related-post .post h3 a:hover{ color: #009bd8; font-weight: bold; } .gia_lienhe span{ font-size: 33px; font-weight: 500; color: #ec1b2d; } .gia_lienhe{ font-size: 20px; margin-right: 15px; } .category #content .show-gia .price, .archive #content .show-gia .price{ color: #ec1b2d; font-weight: 500; font-size: 17px; } #menu-main_menu .menu-item-has-children ul.sub-menu li a{ background-color: #016bb7; color: #ffffff; text-align: left; width: 200px; padding: 10px 10px 10px 10px; height: auto; border-radius: unset; font-size: 15px; } #menu-main_menu .menu-item-has-children>ul.sub-menu{ margin-top: 6px; } #menu-main_menu .menu-item-has-children ul.sub-menu li a:hover { background-color: #fff; color: #ec1b2d; text-align: left; width: 200px; padding: 10px 10px 10px 10px; height: auto; border-radius: unset; font-size: 15px; } #menu-main_menu .menu-item-has-children ul.sub-menu li{ padding: 0; } #menu-main_menu .menu-item-has-children ul.sub-menu li ul.sub-menu{ margin: -27% 0 0 222px; } .sidebar .widget.caia_code_widget{ background: unset; } /* ------------------------mobi------------------ */ @media only screen and (max-width: 1170px){ #wrap { margin: 0 auto; width: 100%; padding: 0; } .wrap, #inner { width: 96%; } #sidebar-alt { float: left; width: 18%; } #content-sidebar-wrap{ width: 80%; } .home #content{ width: 100% !important; } #content { width: 67% !important; } #sidebar{ width: 30%; } .dm-sp #text-3 , #add-banner1 .widget_nav_menu{ float: left; width: 30%; } .dm-sp #code_widget-2 .form-no-clear{ width: 23%; } form#searchform #s { width: 60%; } span.sdt { font-size: 17px; } #add-banner1 .widget_simpleresponsiveslider_widget { width: 70%; } .flexible-block .extra-menu { left: 20%; } #flexible-block-3 .extra-menu { left: 30%; } .flexible-block .main-posts { float: right; width: 67%; } .flexible-block .banner-cm { float: left; width: 33%; } .news-block .caia-block-item { width: 22%; } .menu-primary a, .menu-secondary a, #header .menu a { padding: 10px 2px; } .menu-item-home a{ margin-left: 0; } #add-banner2 .image-upload{ margin-right: 10px; } .tax-cm #content .sanpham, .tax-sp #content .sanpham, .tax-nhomsp #content .sanpham { height: 390px; } .show-gia2 .price { float: left; } .chitiet_sp .anh_sp { float: left; width:100%; } .chitiet_sp .info_sp { float: right; width: 100%; } .info-sp .info_p { float: left; width: auto; } #buy-product .dat { background: url(images/ico-cart2.png) no-repeat left 10px center #016bb7; } .top_post .view_cmt { float: right; width: 100%; } .single .related-post .post { float: left; width: 30%; } .search #content .sanpham{ height: 390px; } .single-sanpham .related-post .post { float: left; width: 23%; } .tab-sp .caia-post-product-widget .sanpham img { height: 240px; } .tax-nhomsp #add-banner1{ display: none; } } @media only screen and (max-width: 960px) { .sidebar .widget.caia_code_widget .post { float: left; width: 49%; margin: 0; border-right: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .caia_code_widget .infoproduct h3{ height: 36px; overflow: hidden; text-align: center; } form#searchform #s { width: 55%; } .dm-sp #code_widget-2 .form-no-clear { width: 30%; } .dm-sp #code_widget-2{ width: 70%; } .menu-primary { display: none; } #click-menu { right: 0px !important; margin-top: 120px !important; } .home #nav_menu-2{ display: none; position: absolute; z-index: 999; } #add-banner1 .widget_simpleresponsiveslider_widget { width: 100%; } #content { width: 100% !important; } .before_footer .widget_text{ width: 100%; padding-top: 0; } .before_footer .widget_text .textwidget{ margin-bottom: 0; } #text-4{ padding-top: 40px; } .dm-sp #text-2{ width: 18%; display: none; } .tab-sp .caia-post-product-widget .slick-next, .tab-sp .caia-post-product-widget .slick-prev{ top: 42px; } .tab-sp .caia-post-product-widget .slick-list { top: 85px; padding-bottom: 40px; } #shop-cart-2{ display: none; } #title-area { width: 15%; } #header .widget-area { width: 80%; } #sidebar { width: 100%; margin-bottom: 60px; } .slider-nav.down .itemnav{ margin: 0 13px; } #comment{ width: 96%; } .before_footer{ margin-top: 0; } .tax-cm #content .sanpham .image-sp img, .tax-sp #content .sanpham .image-sp img, .tax-nhomsp #content .sanpham .image-sp img { height: auto; object-fit: initial; } } @media screen and (max-width: 860px) { .flexible-block .banner-cm{ display: none; } .flexible-block .main-posts { float: right; width: 100%; } .news-block .caia-block-item { width: 46%; } .before_footer .widget_caldera_forms_widget .widget-wrap { width: 100%; margin: 0 auto; } .before_footer .widget_caldera_forms_widget .widgettitle { float: left; width: 96%; padding-left: 35px; margin-bottom: 10px; } .before_footer .widget_caldera_forms_widget .caldera-grid { float: right; width: 100%; } #CF5b0b5a4893f96_1 { width: 90%; margin: 0 auto; } .before_footer .widget_caldera_forms_widget { background: none; } .before_footer .widget_caldera_forms_widget { position: relative; margin-top: 0; float: left; width: 100%; } #text-4{ padding-top: 0; } .before_footer .widget_text .textwidget{ margin-top: 0; } #code_widget-2{ width: 100%; } .dm-sp #code_widget-2 { width: 85%; position: absolute; top: 122px; } .dm-sp { height: auto; margin-top: 15px; } .dm-sp #text-3{ float: left; width: 100%; } #add-banner1 .widget_nav_menu{ width: 96%; } ul.tabs li::after, ul.tabs li::before, ul.tabs li.current::after{ content: none; } ul.tabs li{ margin-right: 0; } .dm-sp #code_widget-2 .form-no-clear { width: 35%; } form#searchform #s { width: 50%; } #header #title a, #header #title a:hover { background-size: 100% auto; } #nav_menu-2{ margin-top: 0; } } @media screen and (max-width: 800px) { .before_footer .widget_caldera_forms_widget .widgettitle{ padding-left: 0; } .before_footer .widget_text{ margin: 0; } span.promotions-product{ width: 50px; height: 50px; line-height: 50px; } .extra-menu{ display: none; } .tab-sp .caia-post-product-widget .slick-next, .tab-sp .caia-post-product-widget .slick-prev{ top: 0; } } @media screen and (max-width: 768px) { .sidebar .widget.caia_code_widget .post .infoproduct, .sidebar .widget.caia_code_widget .post .anhsp{ padding: 0 15px; } .flexible-block .caia-block-item .image-sp { height: 210px; } .flexible-block .caia-block-item { border-right: 1px solid #e5e5e5; height: 320px; } .goidienmobile { display: block; } .hide-form-phone{ display: block; } .show-form-phone{ display: none; } .hide-form-phone p { text-align: center; } .hide-form-phone p span { clear: both; display: block; } .hide-form-phone { width: 48%; background: #0077b8; text-align: center; } #CF5b0b5a4893f96_1 .first_col{ width: 75%; float: left; } #CF5b0b5a4893f96_1 .last_col{ width: 15%; float: right; } } @media screen and (max-width: 667px) { #add-banner2{ display: none; } #add-banner1{ margin-bottom: 10px; } #inner{ margin-top: 0; } .sidebar-content #content, .sidebar-sidebar-content #content { margin-top: 0; } .dm-sp { height: auto; margin-top: 0; } .dm-sp #text-3{ display: none; } #add-banner1 .wrap{ width: 100%; } .tab-sp .caia-post-product-widget .sanpham img { height: 210px; } .tab-sp .caia-post-product-widget .slick-list { top: 150px; padding-bottom: 100px; } ul.tabs li{ display: block; } .single-sanpham .related-post .post { float: left; width: 46%; } .single-sanpham .related-post .post:nth-child(3), .single-sanpham .related-post .post:nth-child(5){ border-right: none; } .single .related-post .post { float: left; width: 47%; } .single .related-post{ margin-bottom: 0; } #respond{ margin-top: 15px; } #gsc-shopcart-table ul.title-shopcart{ display: none; } .page-id-76 #gsc-shopcart-table ul.li-products li.price-products{ display: none; } .page-id-76 #gsc-shopcart-table ul.li-products li.count-products{ width: 8%; } .page-id-76 #gsc-shopcart-table ul.li-products li.images-products{ width: 30%; } .page-id-76 #gsc-shopcart-table ul.li-products li.name-products{ width: 30%; } .page-id-76 #gsc-shopcart-table ul.li-products li.number-products{ width: 10%; } .page-id-76 #gsc-shopcart-table ul.li-products li.number-products input[type="number"]{ width: 30px !important; } .page-id-76 #gsc-shopcart-table ul.li-products li.total-products{ color: #ec1b2d; font-weight: 500; } #gsc-shopcart-table ul.li-products li.images-products img { width: 130px !important; } } @media screen and (max-width: 625px){ #header #title a, #header #title a:hover { background: url(images/logo.png) no-repeat center center; padding: 12px 0 !important; background-size: 100px !important; } #title-area { width: 96%; margin: 0 2%; } #header .widget-area { width: 96%; margin: 0 2%; text-align: center; padding: 0; } .header-widget-area .widget { float: left; width: 100%; } .name_company h3 { font-size: 17px; } .name_company p { font-size: 13px; } .widget-area .textwidget{ padding: 0; } } @media screen and (max-width: 600px) { .gia .price_old{ float: left; width: 100%; } .tab-sp .caia-post-product-widget .sanpham{ height: 345px; } } @media screen and (max-width: 568px) { .tab-sp .caia-post-product-widget .slick-next, .tab-sp .caia-post-product-widget .slick-prev{ display: none !important; } .tax-cm #content .sanpham, .tax-sp #content .sanpham, .tax-nhomsp #content .sanpham { width: 49%; } .tax-cm #content .sanpham:nth-child(2n), .tax-sp #content .sanpham:nth-child(2n), .tax-nhomsp #content .sanpham:nth-child(2n) { border-right: none; } .tax-cm #content .sanpham:nth-child(4n+1), .tax-sp #content .sanpham:nth-child(4n+1), .tax-nhomsp #content .sanpham:nth-child(4n+1) { border-right: 1px dashed #ddd; } .search #content .sanpham { float: left; width: 49%; } .page-id-76 #gsc-shopcart-table ul.title-shopcart li { width: 100%; background: #ddd; } .page-id-76 #gsc-shopcart-table ul.li-products li { width: 100%; text-align: center; border-bottom: 1px solid #fff; } #gsc-shopcart-table ul.li-products li.name-products { text-align: center !important; } .tab-sp .caia-post-product-widget .sanpham{ height: 345px; } .page-id-76 #gsc-shopcart-table ul.li-products li.name-products { width: 40%; } .tax-cm #content .sanpham:nth-child(3n+2), .tax-sp #content .sanpham:nth-child(3n+2), .tax-nhomsp #content .sanpham:nth-child(3n+2){ border-right: 1px dashed #d6d6d6; } } @media screen and (max-width: 528px) { .news-block .caia-block-item { width: 44%; } } @media screen and (max-width: 500px) { .single #content iframe{ width: 100%; height: 300px; } form#searchform{ margin: 0; } .dm-sp #code_widget-2 .form-no-clear { width: 24%; border-bottom: 1px solid #ddd; } form#searchform #s { width: 56%; padding: 3px 10px; } .archive-heading{ float: left; width: 100%; } .archive .sort { margin-bottom: 10px; } .tab-sp .caia-post-product-widget .sanpham { height: 250px; } .tab-sp .caia-post-product-widget .sanpham img { height: 135px; } .flexible-block .caia-block-item .image-sp { height: 190px; } .flexible-block .caia-block-item { border-right: 1px solid #e5e5e5; height: 300px; } .news-block .caia-block-item img { height: auto; } } @media screen and (max-width: 414px) { .flexible-block .caia-block-item .image-sp { height: 130px; } .flexible-block .caia-block-item { height: 250px; } .tax-cm #content .sanpham .image-sp, .tax-sp #content .sanpham .image-sp, .tax-nhomsp #content .sanpham .image-sp { height: 130px; } .tax-cm #content .sanpham, .tax-sp #content .sanpham, .tax-nhomsp #content .sanpham { height: 250px; } .category #content .post img, .search #content .post img { width: 100%; margin: 0; margin-bottom: 15px; border: 0; background: none; padding: 0; } .news-block .caia-block-item { width: 100%; margin: 0; padding: 15px 0; border-bottom: 1px solid #e0e0e0; } .news-block .caia-block-item img{ width: 100px; float: left; margin-right: 15px; margin-bottom: 0; } .flexible-block h2 a, .news-block h2 a, .before_footer .widget_caldera_forms_widget .widget-wrap .widgettitle span, .before_footer .widget_text .title{ font-size: 16px; } .single .related-post .post { float: left; width: 46%; border-bottom: 1px solid #ddd; padding: 0; margin: 2%; } .related-post.after-post .post .anhsp{ height: 150px; } .related-post.after-post .post .anhsp, .sidebar .widget.image-upload, .single .related-post .post h3{ text-align: center; } .caia_code_widget .infoproduct h3{ text-align: left; } } @media screen and (max-width: 405px) { .name_company h3 { font-size: 13px; } .name_company p{ font-size: 11px; } } @media screen and (max-width: 400px) { .comment-form-author, .comment-form-phone { float: left; width: 100%; } .comment-form-email, .comment-form-address { float: right; width: 100%; } #checkout-form p.info:nth-child(2n+1) { float: left; width: 100% !important; } #checkout-form p.info:nth-child(2n) { float: right; width: 100% !important; } .cart-summary .button, #info-customer input[type="reset"]{ float: left; width: 96%; margin-left: 0; margin-bottom: 10px; } form#searchform #s { width: 50%; } .dm-sp #code_widget-2 input[type="submit"]{ width: 15%; } } @media screen and (max-width: 360px) { .tab-sp .caia-post-product-widget .sanpham img { height: 114px; } .dm-sp #code_widget-2 .form-no-clear { width: 36%; } .tax-cm #content .sanpham .image-sp, .tax-sp #content .sanpham .image-sp, .tax-nhomsp #content .sanpham .image-sp { height: 114px; } form#searchform #s { width: 38%; font-size: 12px; } /* .flexible-block .caia-block-item .image-sp { height: 170px; } */ .flexible-block .caia-block-item .image-sp { height: 114px; } .flexible-block .caia-block-item { border-right: 1px solid #e5e5e5; height: 250px; } .gia .price_old{ font-size: 16px; } .tab-sp .caia-post-product-widget .sanpham { height: 250px; } .show-gia2 .price span, .gia_sp, .show-gia .price span{ font-size: 15px } .news-block .caia-block-item p{ display: none; } } @media screen and (max-width: 320px) { .tab-sp .caia-post-product-widget .sanpham img { height: 100px; } .tab-sp .caia-post-product-widget .sanpham { height: 215px; } .flexible-block .caia-block-item .image-sp { height: 100px; } .tax-cm #content .sanpham .image-sp, .tax-sp #content .sanpham .image-sp, .tax-nhomsp #content .sanpham .image-sp { height: 100px; } .tax-cm #content .sanpham, .tax-sp #content .sanpham, .tax-nhomsp #content .sanpham { height: 215px; } }