#mainMenu nav > ul > li > a{padding:11px 15px;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-size:15px}
.doitac .owl-carousel .owl-item img{background:#eee;border:1px #ccc solid}
#topbar .top-menu > li{line-height:45px}
#topbar .top-menu li a{color:#fff}
#sp h3{color:#032062}
#sp .imgbox{background:#e2f6fa}
#topbar{background:#819a08}
#mainMenu.menu-hover-background nav > ul > li.current,#mainMenu.menu-hover-background nav > ul > li:hover,#mainMenu.menu-hover-background nav > ul > li:focus{background-color:transparent}
#header #header-wrap #logo a>img{padding:5px 0}
.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-my{background:#96c945;border:none;color:#000;font-size:19px;padding:16px 24px 14px;font-weight:500;text-shadow:none!important}
.btn-my:hover{background-color:#f78c14;color:#fff}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,body,a,span{font-family:Arial,san-serif!important;letter-spacing:0;color:#5f5b5a}
p{font-size: 16px;}
.thuvien .portfolio-item .portfolio-description h3{font-size:22px}
#section1 h2{font-size:60px;line-height:60px;margin-bottom:11px}
#section1 h3{font-size:39px;line-height:37px;margin-bottom:13px}
#section1 p.lead{font-size:26px;line-height:26px;font-weight:300}
.heading > h1,.heading > h2{color:#559b35;font-weight:600;font-size:36px}
.lead{font-weight:400}
#section3 .grid-filter{text-align:center}
#section3 .grid-filter.gf-creative li a{text-transform:uppercase;color:#96c945;font-weight:300;font-size:20px}
#section3 .grid-filter.gf-creative li.active a,#section3 .grid-filter.gf-creative li a:hover{border:none;font-weight:600}
#section3 .grid-filter.gf-creative li:hover a:after,.grid-filter.gf-creative li.active a:after{opacity:0}
#header #mainMenu nav > ul > li > a{font-size:15px;font-weight:600;padding:0 20px;color:#fff;border-right:#fff 1px solid}
#header #mainMenu nav > ul > li:last-child > a{border-right:none}
#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;font-size:17px}
#mainMenu nav > ul > li{padding:0;margin-left:0}
#section5 .heading > h2{margin-bottom:10px}
#section5 .heading > .lead{color:#fff;font-weight:300}
#section5 .team-members .team-member{background:transparent;border:none;box-shadow:none}
#section5 .team-members .team-member .team-desc > h3{color:#f6f6f6;font-size:18px;font-weight:400;margin-bottom:3px}
#section5 .team-members .team-member .team-desc > span{width:100%;float:left;font-size:14px;margin-bottom:2px}
#section5 .team-members.team-members-shadow .team-member .team-desc a{padding:3px 7px;font-size:20px;color:#d4cdcd}
#section5 .team-members.team-members-shadow .team-member .team-desc a:hover{color:#fff}
#section6 .post-item > .post-item-wrap > .post-item-description{padding:16px 0!important}
#section6 .item-link{color:#F79122;text-transform:inherit!important;font-size:18px;letter-spacing:0}
#section6 .item-link i{font-size:13px;margin-left:3px}
#section6 .post-item-description p{margin-bottom:10px}
#comment .testimonial.testimonial-blockquote .testimonial-item > p{color:#fff;font-size:17px;font-weight:300;padding-bottom:17px;padding-top:10px}
#comment .testimonial.testimonial-blockquote .testimonial-item > span.quote{color:#fff;font-size:26px}
#comment .testimonial.testimonial-blockquote .testimonial-item > span.name{color:#fff;font-style:normal;font-size:17px}
#section8 .form-control{background:transparent;border:none;border-bottom:1px #959394 solid;border-radius:0;padding:6px 0;color:#fff;font-size:17px}
#section8 input::placeholder,#section8 textarea::placeholder{color:#fff;font-weight:300}
#section8 .contact{display:table;margin:0 auto}
#section8 .contact .logoFooter{height:100%;float:left;margin-right:30px}
#section8 .contact .logoFooter img{height:174px;width:auto}
#section8 .contact p{height:100%;float:left;color:#000;font-size:16px;line-height:27px;font-weight:400}
#section8 .contact p b{font-weight:500}
#section8 .contact p a.text{color:#000;margin-right:15px;padding-right:15px;border-right:1px #000 solid}
#section8 .contact p a.text.last{border-right:none}
#section8 .contact p a.social{margin-right:15px;overflow:hidden;float:left;margin-top:6px}
#section8 .contact p a.social span{background:url(../upload/social.png);width:30px;height:30px;background-position:0 0;display:block;border-radius:3px}
#section8 .contact p a.fb span{background-position:0 0}
#section8 .contact p a.tw span{background-position:-30px 0}
#section8 .contact p a.yt span{background-position:-60px 0}
#section8 .title{font-size:22px}
#section8 .copyright-content{border-top:none}
.footerHotline{font-size:32px}
.bieutuongFooter{float:left;width:13.5%;margin-left:25px}
.bieutuongFooter img{width:100%}
.bangmau .tenmau .tennhommau{float:left;text-align:center;padding:7px 0;border:1px #ccc solid;border-right:0;margin-bottom:15px}
.bangmau .tenmau .tennhommau:last-child{border-right:1px #ccc solid}
.bangmau .tabmau{position:relative;height:70px}
.bangmau .tabmau .mau{float:left;width:2.1739130434783%;height:50px}
.bangmau .tabmau .mau.active,.tabmau .mau:hover{height:70px;margin-top:-10px}
#topbar .top-menu > li > a{margin:0 8px}
.product .product-image img{padding:0;background:#fff;margin-bottom:12px;border:1px #cccccc5c solid}
.product:hover .product-image img{border:1px #ccc solid}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding-bottom:7px;font-weight:700;font-family:Arial;font-size:15px}
#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}
.product-title h1 a{font-weight:400}
.product .product-price{float:left;text-align:left;width:100%;margin:2px 0 6px}
.product.each-product .product-price{width:50%;margin:2px 0 2px}
.product .product-price ins{font-size: 16px;
    color: #5b5b9a;}
.product.each-product  .btn.btn-mua{    float: right;margin-top: 5px;}
.product-page .product .product-price ins{    font-size: 25px;color: #5b5b9a;}
.product-page .product .product-price{    margin-top: 13px;}
.product-page .product-rate {
    height: 23px;
    float: left;
    color: #FFC300;
    font-size: 20px;
}
.product{margin-bottom:0}
#mainMenu{background:-webkit-linear-gradient(top,#93ac19,#59a53e)}
#header{line-height:50px;height:170px}
#mainMenu.menu-center nav{float:left}
#header #header-wrap #logo{height:120px;float:left}
#header #header-wrap #logo a > img{height:120px}
#mainMenu > .container{padding:0 10px!important}
#mainMenu.menu-hover-background nav > ul > li.current > a,#mainMenu.menu-hover-background nav > ul > li:hover > a,#mainMenu.menu-hover-background nav > ul > li:focus > a{color:#bbd802!important}
.widget.widget-newsletter a.list-group-item{font-size:14px}
.widget.widget-newsletter .btn i{margin-right:0}
.widget .widget-title,.widget > h4{font-size:16px}
.widget.widget-newsletter a.list-group-item:hover{background-color:#7ba923;color:#fff;font-weight:700}
.widget.widget-newsletter a.list-group-item.nohover:hover{background-color:transparent}
.tencongty{float:left;position:relative;width:71%;height:120px}
.tencongty img{width:480px;position:absolute;left:20%;top:20%}
.tencongty span{font-size:18px;position:absolute;left:13%;top:52%;color:#605c5b;text-transform: uppercase;}
.sohotline{background:url(/upload/phnoe_hd.png);width:202px;height:49px;float:right;position:relative;margin-top:42px}
.sohotline span:nth-child(1){position:absolute;top:-18px;left:58px;font-size:15px}
.sohotline span:nth-child(2){position:absolute;top:4px;left:55px;font-size: 15px;color:#809913;font-weight:700;}
.tieudedanhmuc{color:#cd7214;font-size:19px}
.copyright-content{padding:10px 0;min-height:inherit;border-top:none}
.copyright-text,.copyright-text a{padding-top:0;color:#fff!important;text-transform:none}
.langbox{position:absolute;top:-53px;right:0}
.langbox a{padding:5px 7px}
.left-bar{position:fixed;top:50%;transform:translateY(-50%);left:0;height:200px;width:50px;z-index:9999}
.left-bar a{width:50px;height:50px;background-size:contain!important;z-index:99999;float:left}
.left-bar a:nth-child(1){background:url(/upload/zalo.jpg)}
.left-bar a:nth-child(2){background:url(/upload/face.jpg)}
.left-bar a:nth-child(3){background:url(/upload/wechat.jpg)}
.left-bar a:nth-child(4){background:url(/upload/phone.jpg)}
.left-bar a:nth-child(1) span{border:2px #00add5 solid}
.left-bar a:nth-child(2) span{border:2px #4e71a8 solid}
.left-bar a:nth-child(3) span{border:2px #53c32d solid}
.left-bar a:nth-child(4) span{border:2px #625e5d solid}
.left-bar a span{position:absolute;width:max-content;padding:14px;background:#fff;font-size:20px;left:50px;height:50px;display:none}
.left-bar a:hover span{border-left:0;display:block}
.page img{max-width: 100%!important}
@media only screen and (max-width:1024px) {
#mainMenu nav > ul > li{padding:0 5px}
.bieutuongFooter{width:13%;margin-left:10px}
.tencongty{width:65%}
.tencongty img{left:12%}
.tencongty span{font-size:16px;left:8%}
}
@media only screen and (max-width:768px) {
#section3 nav{display:none}
#section8 .contact{text-align:center}
#section8 .contact .logoFooter,#section8 .contact p{float:none}
#section8 .contact .logoFooter img{margin-bottom:30px}
#section8 .contact p{margin-bottom:60px}
#section8 .contact p a.social{display:none}
#logo{display:none}
.tencongty{width:65%;left:5%}
.tencongty img{left:0;width:440px}
.tencongty span{font-size:13.5px;left:0}
#header #mainMenu-trigger{position:absolute;top:20px}
#header{height:120px}
#mainMenu{background:none}
#header #mainMenu nav > ul > li > a{color:inherit}
}
@media only screen and (max-width:480px) {
.footerHotline{font-size:21px}
#header #header-wrap #logo a>img{padding:21px 0}
#section1 h2{font-size:40px;line-height:40px}
#section1 h3{font-size:26px;line-height:32px}
#section1 p.lead{font-size:19px}
.heading > h2{font-size:32px}
.bangmau .tenmau,.tabmau{display:none}
.bangmau .anh .img{display:block!important}
#topbar .top-menu > li{line-height:35px;height:30px}
.tencongty img{width:250px;top:19%}
.tencongty{width:250px;left:15%}
.tencongty span{line-height:21px;text-align:center;top:45%}
.sohotline{display:none}
}
@media only screen and (max-width:390px) {
#header #header-wrap #logo a>img{padding:12px 0}
#section1 h2{font-size:29px}
#section1 h3{font-size:22px}
#section1 p.lead{font-size:18px}
}
@media only screen and (max-width:320px) {
#header #header-wrap #logo a>img{padding:27px 0}
}.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
.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,.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;}