:root{--main-color:#E86F6B;--second-color:#61a394} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,body,p,a,li{font-family:Lato,san-serif!important;letter-spacing:0;color:#1d1919} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Lato',sans-serif!important} body,p,a,li{font-size:15px} a:active,a:focus,a:hover{color:var(--main-color)} .lines,.lines:after,.lines:before{background-color: #ffffff;} .content h1,.post-item-description h1,.heading h1,.heading h2{font-weight:700;font-size:29px;font-family:'Lato',sans-serif!important;color: var(--main-color);text-transform:uppercase;} .heading{margin-bottom:30px} p,ul,ol,pre,table{margin-bottom:10px} ol{list-style-type:decimal} blockquote{border-left:3px solid #1abc9c;font-size:16px;font-style:italic;padding:5px 15px} .form-group{margin-bottom: 10px;} .form-group label{text-transform:none} .blockquote-color{border-radius:4px} img{max-width:100%;height:auto} section{padding:40px 0;overflow: revert;} .gioithieu-section p{text-align:justify} .btn{ transition:.3s; text-shadow:none!important; border:none; font-size:14px; padding: 15px 25px; } .slideBox{position:relative} .slideInfo{position:absolute;bottom:-1px;width:100%;left:0;padding:30px 0;background:#b52f61;z-index:9} .slideInfo2Con{position:relative;margin:0 auto;display:block} .slideInfo2.dangki form input,.slideInfo2.dangki form select{padding: 9px 18px;box-shadow:none;border: 1px #C6C6C7 solid;margin-bottom: 0px;border-radius: 4px;text-align:center;/* background:transparent; */} .slideInfo2.dangki form input::placeholder{font-weight:500;color:#376C51} .slideInfo2.dangki .btn.btn-primary{background:#B52F61;border-radius:4px} .slideInfo2{position:absolute;bottom: 50px;right:0;width: 100%;z-index:2;background: rgb(255 255 255 / 75%);padding:25px;padding-bottom:6px;border-radius: 22px;} .slideInfo2 p{text-align:center;font-weight: 400;line-height:1.3;text-transform:uppercase;/* background:-webkit-linear-gradient(left,#007D6F,#199C8C,#007D70); *//* -webkit-background-clip:text; *//* -webkit-text-fill-color:transparent; */font-size: 29px;font-family: SVN-Uniform,sans-serif!important;color: var(--main-color);} .slideInfo .slideInfoItem h4{margin-bottom:8px;text-transform:uppercase;font-size:18px;font-weight:400} .slideInfo .slideInfoItem img{height:25px;margin-top:-9px} .slideInfo .slideInfoItem p{font-size:12px;line-height:22px;margin-left:4px;margin-bottom:0} #topbar .top-menu > li:last-child > a{margin:0} #topbar.topbar-transparent{background-color:rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.12)} #topbar.topbar-mini{height:30px;line-height:30px;background:var(--main-color)} #topbar.topbar-mini .container{height:30px;line-height:30px} #topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{line-height:30px;height:30px} #mainMenu nav > ul > li > a{ padding: 12px 0px 17px; font-size: 13px; transition: 0.2s; color: #fff; border-bottom: 2px transparent solid; } #mainMenu nav > ul:last-child > li > a{ padding: 12px 0px 17px; } #header .header-extras>ul>li .topbar-dropdown>.title, #header .header-extras>ul>li>a:not(.btn){ border: 1px #fff solid; color: #fff; padding: 4px 4px 2px; line-height: 1; margin-top: 30px; border-radius: 4px; text-align: center; transition:0.2s; } #header .header-extras>ul>li>a:not(.btn):hover{background:#fff;color:#111} #mainMenu nav>ul>li:hover>a{/* color:var(--main-color) */border-bottom: 2px #fff solid;color: #fff;/* text-decoration: underline; */} #mainMenu.menu-right nav > ul > li:last-child > a{padding-right:0} #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a{padding:4px 0;font-weight:400;line-height:18px;letter-spacing:-.5px!important} #mainMenu nav > ul > li.mega-menu-item .mega-menu-content li ~ .mega-menu-title{margin-top:0} #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li.mega-menu-title > a{font-weight:700;letter-spacing:-.5px!important} #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{font-weight:500;transition:none} #mainMenu nav > ul > li{padding: 0px 25px;margin-left:0;transition:none;} #mainMenu nav > ul:last-child > li{padding: 0px 27px;} #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding-bottom:0} #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:15px;line-height:14px;font-weight:700;text-transform:uppercase;padding-bottom:0} #mainMenu nav > ul > li > a:hover{cursor:pointer} #mainMenu nav>ul>li .dropdown-menu>li>a:hover,#mainMenu nav>ul>li .dropdown-menu>li:hover>a{background:var(--main-color);color:#fff!important} #header{background:rgba(0,0,0,0.2);height: 55px;} #header #header-wrap #logo a>img{padding: 15px 14px;transition:none;height: 75px;background: #fff;border-bottom-left-radius: 21px;border-bottom-right-radius: 21px;box-shadow: 0px 2px 5px rgb(0 0 0 / 34%);} #header.dark #top-search form input::placeholder{color:#fff} #header .header-extras>ul>li>a:not(.btn) i,#header .header-extras>ul>li>a:not(.btn) img{line-height:1;margin-top:27px;width:28px;text-align:center;height:28px;padding-top:7px;border-radius:20em;background:rgba(0,0,0,0.15);transition:.2s} #header .header-extras>ul>li>a:not(.btn) img{padding:0;border-radius:0;height:auto;width:43px;border:1px #ddd solid} #header .header-extras>ul>li{margin-left:10px} #header .header-extras>ul>li .btn{background:var(--main-color);text-shadow:none;padding:10px 15px;transition:none;font-size:15px;border-radius:20px} #top-search-trigger i{line-height:80px} #goToTop{bottom:135px!important;right:28px} .portfolio-image .quickview{color:#fff;display:none;font-size:13px;background-color:rgba(0,0,0,.4);text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:10px;z-index:1} .portfolio-image:hover .quickview{display:block} .portfolio-item.no-overlay .portfolio-description h3{text-transform:initial;letter-spacing:inherit;font-weight:400;font-size:15px;line-height:1.6} .team-members .team-member .team-image{margin-bottom:0} .team-members.team-members-shadow .team-member .team-image > img{width:220px;margin:auto;margin-top:20px} .btn+.btn{margin-left:7px} .btn-my{background: linear-gradient(#DD835A, #CE6490);text-shadow:none!important;border-bottom: 1px #7B173A solid;} .btn-my:hover{background: linear-gradient(#DD835A, #DD835A);} .lead{font-weight:400} .each-product .product-image img{padding:0;transition:.2s;border:1px #ccc solid} .each-product:hover .product-image img{box-shadow:0 2px 10px 0 rgba(0,0,0,0.15)} .carousel .each-product .product-image img{box-shadow:none} .carousel .each-product:hover .product-image img{box-shadow:none;transform:none} .product-title h1 a{font-weight:400} .icon-box.large > h3,.icon-box.large > h5{font-size:20px;font-weight:600} .col-md-2-5{/* padding-left:5px; *//* padding-right:5px; *//* position:relative; */} .product .product-title{margin-bottom:23px} .product .product-title h3{line-height:1.5} .product .product-title h3 a{font-size:16px!important;line-height:1.4;font-weight:600;font-family:'Lato',sans-serif!important} .product .product-price{width:100%;float:left;margin-bottom:0;margin-top:5px;text-align:left} .product .product-price ins{color:#E82933;font-size:15px;text-transform:none} .product-page .product .product-image a{margin-bottom:3px;cursor:zoom-in} .product-page .product .product-title{margin-bottom:10px;float:left;width:100%} .product-page .product .product-title h1{font-size:26px;font-weight:700;text-transform:none} .product-page .product .product-rate{font-size:26px;margin-bottom:12px;width:100%;float:left} .product-page .product .product-price{float:left;width:100%;text-transform:uppercase;margin-bottom:17px} .product-page .product .product-price ins{font-size:20px} .product-page .product .product-price + p{float:left;width:100%} .each-product .product-price del{margin:0;color:#777;text-transform:none;font-size:13px;font-weight:700;margin-bottom:1px;line-height:11px;margin-top:3px} .product-page .product .product-price del{margin:0;color:#777;text-transform:none;font-size:16px;font-weight:700;margin-bottom:5px;opacity:.8} .product-page .product .product-image .thumb{overflow:hidden} .product-page .product .product-image .thumb>a{width:24.7%;border:1px rgba(204,204,204,0.48) solid;overflow:hidden;height:auto;float:left;margin:.2%;padding:0;cursor:zoom-in} .widget-shop .product .product-title h3 a{font-size:12px!important} .widget-shop .product{min-height:auto} .widget-shop .product .product-category,.widget-shop .product .product-title{margin-top:0} .sidebar .widget{margin-bottom:0;padding-bottom:0;border:none} .widget-shop .product .product-price ins{font-size:14px} .product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:0} .product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:0} .product-page .product .product-image .thumb>a.active{border:2px #ccc solid} .product-page .product .product-image .main-product-img{margin-bottom:10px;padding:0} .product-page .product-description .btn{margin-bottom:0} .product-page .post-share{float:left;width:100%} .product-page .post-share .fb-like{margin-top:10px} .product-size li label span{width:auto;padding:0 5px} .breadcumb{padding:10px 0} .breadcumb p{margin:0;font-size:12px;color:#555;line-height:1.4} .lienhe .widget .widget-title{color:var(--main-color);font-weight:800;font-size:22px} .lienhe .widget p,.lienhe .widget a{font-size:18px;line-height:31px} .pagination{overflow:hidden;margin:auto;width:fit-content} .pagination li i{line-height:1.42857143} .copyright-text a,.breadcumb p a,.breadcumb p i{font-size:12px} .each-product .product-image,.each-product .product-image a{position:relative;overflow:inherit;margin-bottom:12px} .each-product .product-image img.smallLogo{position:absolute;bottom:0;right:0;padding:8px 10px;width:238px;height:auto!important;height:auto;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0;position:absolute;bottom:12px;right:0;padding:5px 10px;width:182px;height:auto!important;height:auto;border:1px #ccc solid;border-top-left-radius:.8em;background:rgba(255,255,255,0.88);margin:0} .each-product .product-image img.smallLogo2{position:absolute;top:50%;transform:translateY(-50%);right:0;padding:2px 58px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.46);margin:0;position:absolute;transform:translateY(-50%);right:0;padding:2px 40px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.53);margin:0} .each-product .product-description{overflow:hidden} .each-product .product-title{margin-bottom:0} .each-product .product-price{margin-top:0;text-align:center} .each-product .product-title h4{font-size:15px;line-height:1.4;text-align:center} .each-post h4{font-size:16px;line-height:1.4;margin-bottom:5px} .testimonial.testimonial-box .testimonial-item{padding:20px;height:inherit!important;line-height:1.4} .testimonial .testimonial-item > img{height:90px;width:90px} .testimonial.testimonial-box .testimonial-item p{font-size:14px;padding-bottom:10px} .testimonial.testimonial-box .testimonial-item>span{font-size:12px;margin-top:7px} .equalize.testimonial-box .testimonial-item > span ~ span{margin-bottom:0} .sidebar:before{display:none} .tieu-de-h3{border-bottom:2px #eee solid;margin-bottom:20px!important;margin-top:20px;font-size:22px} #widget-search-form-sidebar .input-group{width:100%} #widget-search-form-sidebar .input-group .input-group-btn .btn{width:100%} .imga{position:relative;display:block;width:fit-content;text-align:center;margin:auto} .imga .smallLogo{position:absolute;bottom:0;right:0;padding:5px 20px;width:300px;height:auto!important;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0} .background-overlay:before{z-index:-1;background:#000;opacity:.5} #header #header-wrap{border:none;background: linear-gradient(to right, #D38B2E,#ED9B32,#C8619B,#C8619B,#C8619B,#E76673,#E76673,#E76673,#C8619B,#C8619B,#C8619B,#ED9B32, #D38B2E);height: 55px;line-height: 55px;} .tabs-content img{max-width:100%!important;height:auto} .footer{background:var(--main-color);background-size:cover;background-position:center;padding:60px 0 0} .google-maps{padding-bottom:62%} .copyright-content{background:rgba(0,0,0,0.3);min-height:auto;padding:10px 0;border:none} .copyright-content .copyright-text{color:#fff!important;text-transform:NONE;padding-top:0;line-height:20px;text-align:center} .foot-icon{display:block;overflow:hidden;margin-top:20px} .foot-icon a{width:43px;/* background:rgba(255,255,255,0.37); */height:43px;padding:12px;text-align:center;float:left;margin-right: 0;transition:.2s;border-radius:4px;margin-bottom: 3px;} .foot-icon a i{color:#fff;font-size:19px} .foot-icon a:hover{/* background:var(--second-color) */} .foot-icon a:hover i{color: #dc815d!important;} .footer ul{padding:0 0 0 3px;list-style:none} .footer ul li{margin-bottom:2px} .footer ul li a{color:#C0E0DE;transition:.2s} .footer ul li a{position:relative;padding-left:15px;/* font-weight:700; */overflow:hidden;display:block;color:#e6f5f4;} .footer ul li a i{display:block;position:absolute;left:0;top:5px} .blockquote-color{background-color:var(--second-color)} .post-thumbnail-list{overflow:hidden} .post-thumbnail-list .post-thumbnail-entry img{float:left;display:block;height:60px;width:80px;margin-right:16px} .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:16px;line-height:1.4} .widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:14px;line-height:1.4} .post-thumbnail-list .post-thumbnail-entry a + .post-thumbnail-content{padding-top:6px} .post-item .post-item-description > h2,.post-item .post-item-description > h2 > a{margin-bottom:10px;line-height:1.4} .post-thumbnails .post-item:not(.quote) .post-item-description{padding-top:12px} .post-thumbnails .post-item{padding-bottom:30px} .widget a{font-size:14px;transition:.2s;line-height:1.3;border-radius:0;transition:none} .list-group a.active,.list-group a:hover{font-weight:700;background-color:var(--second-color);border-color:var(--second-color);color:#fff} .timkiem .heading{margin-bottom:23px} .timkiem .heading h2{text-transform:none;font-weight:700} .timkiem form{margin-bottom:10px} .timkiem form input{border:none;width:600px!important;padding:11px 16px;margin:0} .timkiem form .btn{background:#EB5556;border:none;padding:13px 20px;text-shadow:none!important;width:170px;text-transform:none;font-family:Lato,san-serif!important;font-size:14px} .timkiem form .btn i{font-size:12px;margin-left:3px;margin-right:0} .dangky .heading h2{margin-bottom:16px} .dangky .heading h2+p{font-size:20px} .dangky form input{width:100%!important} .dangky form .form-group{width:100%} .dangky form .btn{width:100%} .dangky form .btn:hover,.timkiem form .btn:hover{background:#0098DA} .form-group{position:relative} .form-group input+i{position:absolute;left:16px;top:14px;color:#BCBEC0!important;font-size:10px} .each-product{margin-bottom:0} .pageHeader{padding:60px 0} .pageHeader .heading{margin-bottom:0} .pageHeader a,.pageHeader i{color:#fff;font-size:12px} .pageHeader p{margin-bottom:0} .pageHeader h1,.pageHeader h2{color:#fff;margin-bottom:0} .chi-tiet-bai-viet h1{font-size:24px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h2{font-size:22px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h3{font-size:20px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h4{font-size:18px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h5{font-size:16px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet ul:not(.tabs-navigation){padding-left:20px} .chi-tiet-bai-viet img{margin-top:10px;margin-bottom:10px;height:auto!important} .chi-tiet-bai-viet p{text-align:justify;line-height:1.6} .chi-tiet-bai-viet p a:not(.btn),.chi-tiet-bai-viet h2 a,.chi-tiet-bai-viet h3 a,.chi-tiet-bai-viet h4 a,.chi-tiet-bai-viet h5 a,.chi-tiet-bai-viet h6 a,.chi-tiet-bai-viet li a{color:#5769bf;border-bottom:1px #5769bf dashed} .chi-tiet-bai-viet p a:not(.btn):hover,.chi-tiet-bai-viet h2 a:hover,.chi-tiet-bai-viet h3 a:hover,.chi-tiet-bai-viet h4 a:hover,.chi-tiet-bai-viet h5 a:hover,.chi-tiet-bai-viet h6 a:hover,.chi-tiet-bai-viet li a:hover{border-bottom:1px #5769bf solid;font-weight:700} .chi-tiet-bai-viet a:not(.btn){font-size:1em} .chi-tiet-bai-viet .mce-toc{border:1px #ddd solid;padding:0 20px;margin-bottom:30px;border-radius:8px;background:#efefef} .chi-tiet-bai-viet .mce-toc h2{font-size:17px} .chi-tiet-bai-viet .mce-toc li{line-height:1.4} .chi-tiet-bai-viet .mce-toc li a{font-size:14px;border:none;color:#111;font-weight:400;line-height:1} .line-ben-duoi{position:relative} .line-ben-duoi:before{content:" ";width:50px;border-bottom:3px var(--main-color) solid;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%)} .text-light .line-ben-duoi:before,.line-ben-duoi.text-light:before{border-bottom:3px #fff solid} .line-hai-ben{width:fit-content;float:none;margin:auto;position:relative} .line-hai-ben:before{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;left:-62px;top:50%} .line-hai-ben:after{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;right:-62px;top:50%} .text-light .line-hai-ben:before,.line-hai-ben.text-light:before,.text-light .line-hai-ben:after,.line-hai-ben.text-light:after{border-bottom:2px #fff solid} .btn-hotline-noi{margin:0;font-size:20px;padding:23px 15px 13px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);position:fixed;bottom:16px;left:96px;border:none;z-index:999;border-radius:2em;background-color:var(--main-color)!important;transition:.3s} .btn-hotline-noi:hover{transform:scale(1.05)} .btn-hotline-noi span:first-child{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:11px} .btn-hotline-noi span:last-child{font-size:21px} .btn-hotline-noi-2{left:271px;background-color:var(--second-color)!important} .btn-zalo-noi{z-index:2;bottom:16px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s} .btn-zalo-noi:hover{transform:scale(1.05)} .btn-zalo-noi img{width:52px} .close{font-size:40px} .fb-livechat{display:block} .fb-livechat .fb-button{position:fixed;right:21px;cursor:pointer;z-index:999;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:52px;height:52px;text-align:center;bottom:76px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out} .fb-livechat .fb-button:focus,.fb-livechat .fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)} .fb-livechat .bubble{width:20px;height:20px;background:#c00;color:#fff;position:absolute;z-index:999999999;text-align:center;vertical-align:middle;top:-2px;left:-5px;border-radius:50%} .fb-livechat .bubble-msg{width:120px;left:-140px;top:5px;position:relative;background:rgba(59,89,152,.8);color:#fff;padding:5px 8px;border-radius:8px;text-align:center;font-size:13px} .product-sidebar .tieu-de-danh-muc{background:var(--main-color);border-radius:4px;color:#fff;padding:8px 20px} .product-sidebar .list-group a i.fa{float:right;margin-top:4px} .product-sidebar .list-group a i.fa.fa-minus{display:none} .product-sidebar .list-group-item{padding:12px 10px;text-transform:none;letter-spacing:-.5px!important;line-height:1;font-size:14px!important;transition:none} .product-sidebar .sidebar{padding-right:15px} .product-sidebar .sidebar-both .content{padding-left:15px;padding-right:15px} .product-sidebar .sidebar-both .content + .sidebar{padding-left:15px} .product-sidebar .box-thong-tin-sidebar p,.box-thong-tin-sidebar p strong,.box-thong-tin-sidebar p a{font-size:13px!important;line-height:21px!important;margin-bottom:0} .product-sidebar .box-thong-tin-sidebar h4{font-size:16px;margin-bottom:4px} .comments{border:none!important;padding:0!important;float:left;width:100%} .comments .comment{padding:0} .comments .comment .text .text_holder{margin:0} .comments .comment .text .text_holder p{margin:0;line-height:17px} .comments .comment .text .name{line-height:20px;margin-bottom:0} .comments .comment .text{margin-bottom:10px} .comments .comment img.avatar{border-radius:unset} #google_translate_element{padding:0 10px;background:#fff;margin-top:0} #google_translate_element .goog-te-gadget{border:none;padding:0;height:35px} #google_translate_element .goog-te-gadget-simple{border:none;padding:0;height:35px} #google_translate_element a,#google_translate_element span{color:#000!important;font-size:12px} .left-bar{position:fixed;top:50%;transform:translateY(-50%);left:0;height:200px;width:50px;z-index:99} .left-bar a{width:50px;height:50px;background-size:contain!important;z-index:999;float:left} .left-bar a span{border:2px var(--main-color) solid;color:var(--main-color);position:absolute;width:max-content;padding:11px;background:#fff;font-size:20px;left:50px;height:50px;display:none;line-height:1} .left-bar a:hover span{border-left:0;display:block} #sticky-wrapper .sticky{z-index:200!important} .doitac-section .carousel a{padding:10px;overflow:hidden;display:block;background:#fff} .doitac-section .carousel a span{width:100%;height:130px;background-color:#fff;display:block} .doitac-section .carousel a p{text-align:center} .widget.widget-newsletter .btn{background:var(--main-color)} .form-control{border:1px solid #ddd} .i151 .form-control{ background: rgb(255 255 255 / 12%); border: none; color: #fff; padding: 12px 18px; } .i151 .form-control::placeholder{color:#fff} select.form-control{background-image:url(./polo/images/dropdown-arrow.png);background-repeat:no-repeat;background-position:right center} .icon-box .icon a,.icon-box .icon i{width:auto;height:auto;display:block} .icon-box .icon a img{height:75px;width:auto;border:2px var(--main-color) solid;padding:8px;border-radius:20em;transition:.5s} .icon-box .icon a:hover img{transform:rotate3d(0,1,1,360deg)} .icon-box.center p,.icon-box.text-center p{font-size:13px;line-height:1.5} .icon-box.center .icon,.icon-box.text-center .icon{margin-bottom:18px;height:auto;margin-top:19px;width:auto} .icon-box.center h3,.icon-box.center h5,.icon-box.text-center h3,.icon-box.text-center h5{line-height:1.4;margin-right:0} .each-post.post-item .post-item-wrap{border:1px #eee solid;background: #eee;border-radius: 10px;overflow: hidden;} .each-post.post-item{transition:0.2s} .each-post.post-item:hover{transform:scale(1.05)} #modalSale .modal-content{position:relative;padding:0;overflow:hidden} #modalSale .close{position:absolute;top:-7px;right:0;color:#fff;z-index:99;opacity:1;font-size:45px;font-weight:400;width:45px;background:#00000038} #modalSale .bannerLink{display:block;position:relative;overflow:hidden} #modalSale .bannerLink:hover{color:inherit} #modalSale .bannerLink img{max-width:100%} #modalSale .bannerLink .kmtext{text-align:center;padding:20px 10px} #modalSale .form-group{width:31.8%;margin-right:1%;padding:0} #modalSale .form-group input{border:1px #ccc solid;margin-bottom:0;width:100%} #modalSale .form-group .btn{width:100%;border-radius:0} .saleButton{box-shadow:0 3px 12px rgba(0,0,0,.15);position:fixed;z-index:999;border-radius:2em;bottom:23px;left:10px} .saleButton .btn:first-child{margin:0;font-size:20px;padding:33px 8px 14px 15px;border-radius:0;border-top-left-radius:2em;border-bottom-left-radius:2em} .saleButton .btn:first-child span:first-child{position:absolute;top:14px;left:52%;transform:translateX(-50%);font-size:13px} .saleButton .btn:last-child{margin:0;font-size:20px;padding:33px 15px 14px 8px;border-radius:0;border-top-right-radius:2em;border-bottom-right-radius:2em;margin-left:-4px} .saleButton .btn:last-child span:first-child{position:absolute;top:13px;left:47%;transform:translateX(-50%);font-size:13px;color:#fff} .shop-cart .cart-product-thumbnail>a img{max-height:68px;max-width:initial} .shop-cart .cart-product-thumbnail .cart-product-thumbnail-name{padding:0} #header-search{display:none} .fb_dialog{bottom:80px!important;right:17px!important} .hotline-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--second-color);z-index:1;padding:10px} .hotline-bar a{color:#fff;font-size:1.2em;font-style:normal} .hotline-bar p{color:#fff;margin:0;font-size:20px;font-weight:900;font-style:italic;text-transform:uppercase} .modal-open .modal,body{padding-right:0!important} .qr-code{text-align:center;border:3px #fbc909 solid;padding:1px;margin-bottom:30px} .qr-code img{width:180px;height:auto} .qr-code p{line-height:1.5;text-transform:uppercase;font-weight:600;letter-spacing:-.6px!important} #mainMenu nav>ul>li .dropdown-menu{margin-top:0;border-radius:0;padding:0;border:none} #histats_counter{position:relative} #histats_counter:before{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;z-index:99} .table tr th p,.table tr td p{margin-bottom:0} .container-left{margin-left:calc(50vw - 585px)} .container-right{margin-right:calc(50vw - 585px)} .inspiro-slider .slide-captions h2{color:#F5A101;font-weight:800;font-size:2.4em;line-height:1.2;margin-bottom:10px} .slide p{color:#fff;max-width:47%;font-size:18px} #header .header-extras .topbar-dropdown .dropdown-list{margin-top:8px;padding:0 7px;right:0} .topbar-dropdown .list-entry img{height:17px;width:26px;margin:0;display:block;max-width:initial;margin:4px 0} #header .header-extras>ul>li .topbar-dropdown>.title{border:1px #ccc solid;line-height:1!important;height:auto;padding:5px;margin-top:26px;border-radius:4px} .modal{text-align:center;padding:0!important} .modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px} .modal-dialog{display:inline-block;text-align:left;vertical-align:middle} .gallery-video{padding-top: 56%;position:relative;} .gallery-video i,.gallery-video img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:46px} .owl-carousel .owl-item .gallery-video img{width:auto;height:auto} .owl-carousel.equal .owl-stage { display: flex; } .owl-carousel.equal .owl-item { display: flex; flex: 1 0 auto; } .owl-carousel.equal .owl-item > div { display: flex; flex: 1 0 auto; flex-direction: column; width: 100%; } .tab-thuvien .tabs-navigation{width:fit-content;margin:auto;margin-bottom:30px} .tab-thuvien .tabs-navigation li{margin-bottom:10px} .tab-thuvien .tabs-navigation li a{text-align:center;text-transform:uppercase;color:#ffffff;background:no-repeat;border:none;line-height:1;font-size:13px;font-weight:400;padding:12px 20px 10px;margin-right:12px;border-radius:4px;transition:.2s} .tab-thuvien .tabs-navigation li.active a,.tab-thuvien .tabs-navigation li.active a:focus,.tab-thuvien .tabs-navigation li.active a:hover,.tab-thuvien .tabs-navigation li:hover a,.tab-thuvien .tabs-navigation li a:hover{background:none;color:#fff;border-color:var(--main-color);background: linear-gradient(to left,#B16F27,#EAA724);} .tab-thuvien .tabs-content{border:none;padding:0;margin:0;position: relative;} .tab-thuvien .tabs-content .tab-pane{opacity:0;display: block;} .tab-thuvien .tabs-content .tab-pane.active{opacity:1} .tab-thuvien .tabs-content .waitactive{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: block!important; } .tab-thuvien .tabs-content .waitactive.active{z-index:1;} .box-position { position: absolute; left: 0; top: 0; width: calc(100% + 150px); height: calc(100% + 150px); will-change: transform; -webkit-animation: bgPos 100s linear infinite; animation: bgPos 100s linear infinite; -webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg); transform: translate3d(-75px, -75px, 0) rotate(0.001deg); background-position: 50% 50%; background-size: cover; z-index: -1; opacity: .7; } @-webkit-keyframes bgPos { 25% { -webkit-transform:translate3d(-150px, -150px, 0) rotate(0.001deg); transform:translate3d(-150px, -150px, 0) rotate(0.001deg) } 75% { -webkit-transform:translate3d(0, 0, 0) rotate(0.001deg); transform:translate3d(0, 0, 0) rotate(0.001deg) } } @keyframes bgPos { 25% { -webkit-transform:translate3d(-150px, -150px, 0) rotate(0.001deg); transform:translate3d(-150px, -150px, 0) rotate(0.001deg) } 75% { -webkit-transform:translate3d(0, 0, 0) rotate(0.001deg); transform:translate3d(0, 0, 0) rotate(0.001deg) } } .nut-noi{ position: fixed; top: 20%; right: 0; z-index: 2; transition: 0.2s; } .nut-noi:hover{transform:scale(1.05)} .nut-noi-1{} .nut-noi-2{ top: calc(20% + 75px); } .nut-noi-3{ top: calc(20% + 152px); } .owl-carousel .owl-nav .owl-prev{} .i1{} .i2{} .i3{} .i4{} .i5{} .i6{} .i7{} .i8{} .i9{} .i10{} .i11{} .i12{} .i13{} .i14{} .i15{} .i16{} .i17{} .i18{} .i19{} .i20{} .i21{} .i22{} .i23{} .i24{} .i25{} .i26{} .i27{} .i28{} .i29{} .i30{ text-align: justify; } .i30 p,.i34 p{line-height: 1.4;} .i31{} .i32{} .i33{} .i34{ margin-bottom: 25px; } .i34 p{ position: relative; margin-bottom: 15px; } .i34 p:not(:last-child):after{content:' ';position: absolute;background: linear-gradient(to right,transparent,#E27C5E, transparent);width: 100%;height: 2px;bottom: -8px;left: 0;} .i36{} .i37{} .i38{} .i39{} .i40{} .i41{} .i42{} .i43{} .i44{} .i45{} .i46{} .i47{} .i48{} .i49{} .i50{} .i51{} .i52{} .i53{} .i54{} .i55{} .i56{} .i57{} .i58{} .i59{} .i60{} .i60 .myVideo{ width: 100%; height: auto; } .i61{} .i62{ padding-right: 80px; } .i63{ margin-bottom: 40px; margin-top: 30px; } .i64{} .i64 p{ /* line-height: 1.6; */ margin-bottom: 0; text-align: justify; } .i65{} .i66{} .i67{ margin-bottom: 20px!important; } .i68{} .i69{} .i70{} .i71{ margin-bottom: 20px !important; } .i72{} .i73{} .i74{} .i75{} .i76{} .i77{} .i78{} .i79{ width: 100%; } .i80{} .i81{} .i82{} .i83{} .i84{} .i85{ padding: 120px 0 40px; } .i86{} .i87{ margin-bottom: 44px; border-radius: 25px; overflow: hidden; border: 1px #fff solid; box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 59%); } .i88{} .i89{} .i90{} .i91{ padding-left: 80px; } .i92{ margin-bottom: 30px; } .i93{ margin-bottom: 30px; padding-left: 40px; } .i94{ padding-left: 40px; text-align: justify; } .i94 p{ line-height: 1.5; } .i95{} .i96{} .i97{} .i98{} .i99{} .i100{} .i101{} .i102{} .i103{} .i104{} .i105{} .i106{ padding: 80px 0; } .i107{} .i108{ padding-right: 50px; } .i109{ padding-left: 50px; margin-bottom: 25px; } .i110{ padding-left: 50px; margin-bottom: 20px; } .i111{} .i112{ padding-top: 30px; padding-right: 50px; } .i113x{ position: relative; margin-bottom: 40px; overflow: revert; min-height: 23vw; } .i113{ box-shadow: 0px 5px 13px 0px rgb(0 0 0 / 28%); border-radius: 22px; padding: 10px; margin-bottom: 30px; z-index: 99; background: #fff; } .i113{ position: absolute; top: 0; left: 0; width: 100%;} .i113:hover{ z-index: 100; } .i113:hover .i119{height: auto;opacity: 1;margin-bottom: 10px;} .i113:hover .i116{height: auto;opacity: 1;margin-bottom: 10px;} .i113:hover .i115 img{transform:none} .i114{} .i114 img{width:100%} .i115{ margin-top: -63px; } .i115 img{transition:0.2s;transform: rotate(180deg);} .i116{ text-align: center; color: #73381E; font-weight: bold; line-height: 1.5; opacity: 0; transition: 0.2s; height: 0; margin: 0; } .i117{ color: #E26B76; text-transform: uppercase; font-weight: 800; } .i118{} .i119{ text-align: center; font-weight: bold; color: #73381E; line-height: 1.5; opacity: 0; transition: 0.2s; height: 0; margin: 0; } .i120{} .i121{} .i122{} .i123{} .i124{} .i125{} .i126{} .i127{ padding-top: 30px; padding-right: 50px; } .i128{} .i129{} .i130{} .i131{} .i132{} .i133{} .i134{} .i135{} .i136{} .i137{} .i138{} .i139{} .i140{} .i141{} .i142{ padding: 120px 0 300px; } .i143{ position: relative; } .i144{ margin-bottom: 50px; } .i144 img{ max-width: 300px; } .i145{ color: #fff; text-transform: uppercase; font-weight: 600; } .i146{ color: #fff; } .i146 a{color:#fff} .i146 a i{margin-right:7px} .i147{} .i148{} .i149{} .i150{ margin: 30px 0; border-top: 1px solid rgb(255 255 255 / 27%); } .i151{} .i152{} .i153{} .i154{} .i155{} .i156{} .i157{} .i158{} .i159{} .i160{} .i161{} .i162{} .i163{} .i164{} .i165{ padding: 14px 20px !important; } .i166{ position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 30px; } .i167{} .i168{} .i169{} .i170{} .i171{} .i172{} .i173{ background: #232323; text-align: center; color: #fff; margin: 0; } #slider.owl-carousel .owl-nav [class*=owl-]{ opacity: 1; background: no-repeat; border: none; } #slider.owl-carousel .owl-nav [class*=owl-] i{ color: #fff; font-size: 82px; } #slider.owl-carousel .owl-nav .owl-prev{} #slider.owl-carousel .owl-prev{left:10px} #slider.owl-carousel .owl-next{right:10px} .i89 .owl-carousel .owl-nav [class*=owl-] i{ color: #E46B74; } .i89 .owl-carousel .owl-nav [class*=owl-] i::before{ content:"\f04b"} .i89 .owl-carousel .owl-nav [class*=owl-]{ /* padding: 3px 4px 1px 0px; */ } .i89 .owl-carousel .owl-prev{left:10px} .i89 .owl-carousel .owl-prev i{transform:rotate(180deg)} .i89 .owl-carousel .owl-next{right:10px} .yt-t{ max-width: 700px; margin: auto; margin-bottom: 50px; } .yt{} .yt-i{ width: 100%; float: left; text-align: center; background: linear-gradient(#FFF1C4, #A07B39); min-height: 164px; margin-left: 1%; padding: 73px 7px 20px 7px; border-radius: 14px; position: relative; overflow: hidden; /* background: url('../upload/Asset 3@4x.png'); */ /* background-size: cover; */ transition:0.3s; margin-bottom: 30px; } .yt-i:hover{transform:scale(1.05);cursor:pointer} .yt-i span:first-child{ text-align: center; position: absolute; top: 50%; left: 0; background: linear-gradient(#fff7ba, #d8b360,#eed278); width: 23%; height: 100%; font-size: 41px; transform: translateY(-50%); border-radius: 0; /* border: 10px #233039 solid; */ /* font-weight: 800; */ color: #5B5B5B; font-family: 'SVN-Uniform',sans-serif; line-height: 164px; } .yt-i span:last-child{ color: #fff; font-size: 17px; line-height: 1.4; position: absolute; z-index: 2; top: 50%; left: 32%; width: 63%; text-align: left; transform: translateY(-50%); font-family: 'SVN-Uniform',sans-serif; line-height: 1.2; } .yt-i::after{ content:' '; background: linear-gradient(45deg, #E36475, #C65F9B,#EA983E); position: absolute; top: 0; left: 23%; width: 77%; height: 100%; border-radius: 16px; } .yt-i:hover{} .yt-i:hover span:first-child{} .yt-i:hover span:last-child{} #header #mainMenu-trigger{height:55px} .yt-l{margin-left:10%} .h_iframe {position:relative;} .h_iframe .ratio {display:block;width:100%;height:auto;} .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;} @media only screen and (max-width:1380px) { .i115 { margin-top: -3.2vw; } .i113 .i115 img{ width: 5vw; } .grid-5-columns .grid-item,.portfolio-5-columns .portfolio-item,.post-5-columns .post-item{width:20%} } @media only screen and (min-width:1200px) { #mainMenu>.container{width:1140px} } @media only screen and (min-width:1024px) { :root { --color-first: #fff; --color-second: transparent; --color-third: transparent; --color-forth: #fff; } .rainbow { position: absolute; width: 100%; height: 100%; -webkit-animation: o-rotate-360 linear 4s infinite; animation: o-rotate-360 linear 1s infinite; z-index: 1; } .rainbow span { display: block; width: 100%; height: 100%; position: relative; transform: translate(-50%, -50%); } .rainbow span:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 100%; } .rainbow span:first-child { background: linear-gradient(141deg, white, transparent); } .rainbow span:first-child:after { background: var(--color-second); } .rainbow span:last-child { background: transparent; } .rainbow span:last-child:after { background: linear-gradient(322deg, white, transparent); } @-webkit-keyframes o-rotate-360 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes o-rotate-360 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .ti{ position: relative; } .tii{ position: absolute; width: 15%; z-index: 1; top: 0%; left: 0%; /* border: 2px red solid; */ height: 4%; } .ti1{top: 36%;left: 2%;} .ti2{top: 40%;left: 2%;} .ti3{top: 44%;left: 2%;} .ti4{top: 49%;left: 2%;} .ti5{top: 53%;left: 2%;} .ti6{top: 57%;left: 2%;} .ti7{top: 61%;left: 2%;} .ti8{top: 66%;left: 2%;} .ti9{top: 70%;left: 2%;} .ti10{top: 74%;left: 2%;} .ti11{top: 79%;left: 2%;} .ti12{top: 83%;left: 2%;} .ti13{top: 87%;left: 2%;} .tiix{ position: absolute; z-index: 2; /* border: 2px #fff solid; */ width: 10%; height: 6%; border-radius: 10px; overflow: hidden; opacity: 0; } .tiix.active{opacity:1} .tiix:after{content:' ';position: absolute;top: 2px;left: 2px;width: calc(100% - 4px);height: calc(100% - 4px);background: transparent;z-index: 2;border-radius: 10px;} .tix1{top: 24%;left: 57%;} .tix2{top: 41%;left: 40.4%;} .tix2x{top: 42.7%;left: 73.3%;} .tix2xx{top: 16.7%;left: 68%;} .tix3{top: 18.3%;left: 57%;} .tix3x{top: 34.3%;left: 71.6%;height: 9%;} .tix4{top: 43.8%;left: 55%;} .tix5{top: 50.4%;left: 58%;height: 7%;} .tix6{top: 33.7%;left: 56%;width: 14.2%;} .tix7{top: 59%;left: 57%;width: 19%;height: 14%;} .tix8{top: 57.6%;left: 81.2%;} .tix9{top: 63.2%;left: 75%;} .tix10{top: 35.6%;left: 21.5%;} .tix11{top: 10%;left: 35%;width: 12.2%;height: 10%;} .tix12{top: 44%;left: 65.3%;} .tix13{top: 15%;left: 19.6%;width: 11%;height: 17%;} .tix13x{top: 68%;left: 19.6%;width: 11%;height: 17%;} .tix13xx{top: 83.1%;left: 81.6%;width: 15%;height: 10%;} #topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{float:left} #header #mainMenu.menu-bottom{line-height:40px;border:none;margin-top:80px;position:relative} #header #mainMenu.menu-bottom nav{float:left} #header #mainMenu.menu-bottom:before{content:' ';background:var(--second-color);position:absolute;top:0;left:-100%;width:300%;height:100%} #header #mainMenu.menu-bottom nav > ul > li{line-height:40px;padding:0} #header #mainMenu.menu-bottom nav > ul > li > a{color:#fff} #header #mainMenu.menu-bottom nav > ul > li:first-child{padding-left:0} #header #mainMenu.menu-bottom nav > ul > li:first-child a{padding-left:0} #header.header-menu-bottom.header-sticky.sticky-active #header-wrap{top:-80px} #header.header-menu-bottom #header-search{display:block;position:absolute;top:23px;left:0} #header-search .form-inline{margin-left:24%;width:49%} #header-search .input-group{width:100%} #header-search .input-group .form-control{display:block;float:left;width:100%;border-radius:20px} #header-search .input-group-btn{position:absolute;right:0;top:0;z-index:3;border-radius:4px} #header-search .btn{padding:12px 10px;background:transparent;color:#111;transition:none} .sidebar-right .content{padding-right:0!important} .sidebar-left .content{padding-left:0!important} .single-post .post-thumbnail-list{width:100%;float:left} .single-post .post-thumbnail-list .post-thumbnail-entry{width:47%;float:left;clear:inherit;margin-right:3%} .post-thumbnail-list .post-thumbnail-entry img{width:80px;height:60px;margin-right:16px;float:left;display:block} .sidebar .widget .post-thumbnail-list .post-thumbnail-entry img{width:60px;height:60px;margin-right:10px;float:left;display:block} .tienich .owl-carousel .owl-item p,.tienich .owl-carousel .owl-item p a{text-align:center;font-weight:400;font-size:8px;line-height:13px} .tienich .owl-carousel .owl-item p a{font-weight:700;font-style:italic} .tienich .owl-carousel .owl-item:not(.center) .anhtienich{padding:15px 30px;position:relative} .tienich .owl-carousel .owl-item:not(.center) .anhtienich:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(182,47,98,0.59)} .tienich .owl-carousel .owl-item:not(.center) .ghichu{opacity:0} .tienich .owl-carousel .owl-item .anhtienich{transition:.3s} .tienich .carouselX{zoom:200%;margin-left:-50%;width:200%} .tienich .owl-carousel .owl-nav .owl-prev{left:36%;z-index:999;zoom:.6;top:34%} .tienich .owl-carousel .owl-nav .owl-next{right:36%;z-index:999;zoom:.6;top:34%} .tienich .center{float:left!important;margin:inherit} } @media only screen and (max-width:1024px) { .i108{padding-right:15px} .i112{padding-right:15px} .i91{padding-left:30px} .i94{padding-left:0;margin-bottom: 40px;} .i63{margin-top:0} .i62 { padding-right: 30px ; } .slideInfo2{/* right:50px */} #mainMenu nav > ul > li{ padding: 0px 10px; } #mainMenu nav > ul:last-child > li{ padding: 0px 11px; } .container-left{margin-left:30px} .container-right{margin-right:30px} .tienich .carouselX{width:80%;margin:auto} #mainMenu.menu-center nav{float:none;display:inline-block;vertical-align:top;border-top:1px #ccc solid;width:100%;line-height:40px;float:left} #mainMenu nav > ul{margin:auto;display:block;width:fit-content} } @media only screen and (max-width:991px) { .slideInfo{position:relative;margin-top:-1px} .slideInfo2{top:13px;transform:none;left:0;width:100%;padding:30px 20px;position:relative;box-shadow:none;background: #f2ead7;} .yt-i span:first-child{line-height:93px} .col-md-2-5{width:100%;margin-left: 0;} .i58{padding-top:0} .yt-i{ /* width: 30%; */ /* margin-left: 3%; */ margin-bottom: 13px; min-height: 73px; } .i116{ height: auto; opacity: 1; } .i108 { width:100%; padding: 0px 30px; } .i108 .text-right{text-align:center!important} .i111{display:none} .i100 {width: 100%;float: left;} .i91 .text-right{text-align:center!important} .i91{width:100%;padding: 0px 30px;float: left;margin-bottom: 40px;} .i62{width:100%;padding: 0px 15px;} .i63{text-align:center!important;margin-top: 30px ;} .i64{width:80%;margin:auto} .i25:before{content:' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 71%);} #header #mainMenu:not(.menu-overlay) nav{padding-top:40px} #header #mainMenu:not(.menu-overlay) nav>ul>li>a{ text-align: center; padding: 25px 0; font-size: 20px!important; } #header #mainMenu{/* margin-top:30px */} .slideInfoItem{margin:15px 0;text-align:center} .slideInfo{padding:10px 0} .container-left,.container-right{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} .btn-cart-xs{position:fixed!important;bottom:85px;left:20px;z-index:999;background:#ddd;border-radius:20em;padding:12px 6px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3)} .table tr th,.table tr td,.table tr td span,.table tr td p,.table tr td a{font-size:12px!important} .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space: initial; } .dangky form input{width:100%!important;margin-bottom:10px} } @media only screen and (max-width:768px) and (min-width:480px) { #header #header-wrap #logo a>img{} .col-sm-8{width:66.66666667%} .col-sm-4{width:33.33333333%} } @media only screen and (max-width:480px) { .yt-i span:last-child br{display:none} .i8{ background: #caaa5f; padding: 3px 15px 30px; } .i112 { padding: 0px 30px; } .i56 { text-align:center!important } .nut-noi-2 { top: calc(20% + 55px); } .nut-noi-3 { top: calc(20% + 109px); } .nut-noi img{width:40px} #header #header-wrap #logo a>img { padding: 26px 3px; } .slide p{display:none} .inspiro-slider .slide-captions h2{font-size:20px;text-align:center} .san-pham .col-md-4,.san-pham .col-md-3{width:50%;float:left;clear:inherit} .fb_dialog{display:none!important} .product-page .product .product-image .thumb>a{width:33%} .product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:auto} .product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:auto} .product-page .product .product-image .thumb>a:nth-child(3n+1){margin-left:0} .product-page .product .product-image .thumb>a:nth-child(3n+3){margin-right:0} .each-product .product-title h4{font-size:14px;line-height:1.3} #topbar .top-menu > li{line-height:35px;height:30px} #header .header-extras > ul > li .btn{position:fixed;bottom:28px;left:10px;z-index:9999} .product .product-description{padding:0} .btn-hotline-noi{left:50%;transform:translateX(-50%)} .btn-hotline-noi-1{left:50%;transform:translateX(-50%);bottom:59px} .btn-hotline-noi-2{bottom:3px} .heading h1,.heading h2{font-size:19px;letter-spacing:-1px!important;line-height:1.4} .footer .dangky{padding:0 15px} .footer .col-md-1,.footer .col-md-2,.footer .col-md-3,.footer .col-md-4,.footer .col-md-5{overflow:hidden;margin-bottom:30px} .fb-livechat .fb-button{bottom:75px;right:20px} .fb-livechat .bubble-msg{display:none} .content h1,.post-item-description h1{font-size:22px} .product-page .product .product-title h1{font-size:22px} #modalSale .form-group{width:100%;margin-bottom:10px} } @media only screen and (max-width:480px) and (min-width:350px) { .grid-layout .grid-item{width:50%!important} }.product .product-image > a, .product .product-image img,.owl-item img{height: auto} section.fullscreen, section.fullscreen video{height: calc(100vh - 80px) !important;} .product .product-image > a, .product .product-image img,.owl-item img{height: auto} section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;} .product .product-image > a, .product .product-image img,.owl-item img{height: auto} section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;} .product .product-image > a, .product .product-image img,.owl-item img{height: auto} section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}