@import "font.css";
@charset "utf-8";
body { margin: 0px auto; padding: 0px auto; font-size: 14px; line-height: 25px; font-family: 'Roboto', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; }
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; }
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.padding_pagewrap { padding: 0 10px; }
.showText p { padding-bottom: 15px; font-size: 15px; line-height: 30px; }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; }
.header { padding: 15px 0; }
.logo_top { float: left; margin-left: 10px; }
.logo_top ul li { float: left; list-style: none; line-height: 0; }
.logo_top ul li img{ height: 60px; width: auto; }
.logo_top ul h2 img { height: 65px; width: auto; }
.logo_top ul h2 { float: left; padding-left: 35px; }
.giohang_top { margin-left: 20px; float: right; margin-top: 7px; margin-right: 10px; }
.giohang_top li { float: left; list-style: none; background: url(../images/icon_giohang.png) center center no-repeat #e6222a; line-height: 0; width: 45px; height: 45px; }
.giohang_top ul { float: left; padding-left: 10px; }
.giohang_top ul h2 { font-size: 14px; font-weight: bold; color: #e6222a; }
.giohang_top ul p { font-size: 13px; font-weight: bold; color: #666; }
.giohang_top ul p a { color: #666; }
.giohang_top ul p a:hover { color: #fe3209; text-decoration: underline; }
.box_menu { background: #0080ff; }
.box_menu.fixed { position: fixed; top: 0 !important; z-index: 99999; background: #0080ffd1; width: 100%; -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding: 0; }
.box_menu:after, .box_menu:before { content: ""; position: inherit; top: 0px; left: 0; right: 0; }
.box_menu.fixed:after, .box_menu.fixed:before { position: absolute; }
.box_menu:before { top: auto; bottom: 0px; }
.box_menu.fixed .logo_top img, .box_menu.fixed .lang_top { display: none; }
img{max-width: 100%}
.box_menu.fixed #menu { float: none; text-align: center; line-height: 0; margin-top: 0; padding: 0; }
#menu { line-height: 0; float: left; text-align: center; position: relative; z-index: 3; }
#menu > li { display: inline-block; vertical-align: text-top; position: relative; }
#menu > li > a { padding: 0 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
#menu li:hover > a { color: #fff; background: #f58220; }
#menu li a { display: block; height: 45px; line-height: 45px; position: relative; z-index: 5; color: #fff; font-weight: bold; text-transform: uppercase; }
#menu li ul { position: absolute; top: 100%; left: 0; z-index: 99999; margin-top: 15px; border-bottom: solid 4px #f58220; border-left: solid 1px #f58220; box-shadow: 2px 1px 2px rgba(0,0,0,.3); visibility: hidden; opacity: 0; padding-top: 15px; background: #fff; }
#menu li li { position: relative; }
#menu li:hover li ul { top: 0px; left: 100%; opacity: 0; visibility: hidden; margin-left: 20px; }
#menu li:hover ul, #menu li:hover li:hover ul { margin-top: 0; margin-left: 0; visibility: visible; opacity: 1; }
#menu li ul li { white-space: nowrap; text-align: left; display: block; background: #fff; padding: 0 15px; min-width: 180px; }
#menu li ul li:last-child { padding-bottom: 10px; }
#menu li ul li a { line-height: 40px; height: 40px; position: relative; text-transform: capitalize; color: #666; transition: padding .2s linear; -webkit-transition: padding .2s linear; -moz-transition: padding .2s linear; -o-transition: padding .2s linear; -ms-transition: padding .2s linear; font-size: 16px; padding-left: 15px; padding-right: 15px; background: url(../images/arrow_newsletter_1.png) center left no-repeat; }
#menu li ul li:first-child a { border-top: none; }
#menu li ul li:last-child a { border-bottom: none; }
#menu li ul li > a:before { content: attr(icons); position: absolute; top: 0; left: 0; z-index: 2; font-size: 18px; line-height: 30px; transition: left .2s linear; -webkit-transition: left .2s linear; -moz-transition: left .2s linear; -o-transition: left .2s linear; -ms-transition: left .2s linear; display: none; }
#menu li ul li:hover > a { color: #f58220; background: url(../images/arrow_newsletter.png) center left no-repeat; }
#menu li ul li:hover > a:before { left: 8px; }
#menu li ul li li:first-child { padding-top: 10px; }
#menu li ul li ul { padding: 0; }
.lang_top { margin-top: 7px; float: right; margin-right: 10px; }
.lang_top ul li { float: left; list-style: none; line-height: 0; margin-left: 13px; }
.lang_top ul li img { width: 26px; height: auto; border: solid rgb(255, 255, 255) 2px; webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.lang_top ul li:hover { opacity: .8; }
.bannerInside { height: 400px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bannerMain { position: relative; overflow: hidden; height: 400px; }
.banner li { float: left; width: 100%; height: 400px; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: relative; left: 0; right: 0; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 10; }
.pagiBanner a, .pagiBanner_2 a { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: #ccc; text-indent: -100000px; margin: 0 5px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); border: solid #fff 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.pagiBanner a.selected, .pagiBanner_2 a.selected { background: #007336; }
.pagiBanner_2 { position: relative; left: 0; right: 0; bottom: -20px; margin: auto; width: auto; text-align: center; z-index: 10; }
.timkiem_top { float: right; border: solid #ccc 1px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; background: #fff; margin-top: 15px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 0.5s; margin-right: 10px; }
.input_search { padding: 5px 20px; height: 30px; width: 230px; float: right; color: #999; background: none; border: none; font-size: 13px; }
.input_search:focus { color: #000; }
.search a { width: 40px; height: 40px; text-indent: -10000px; background: url(../images/icon-search.png) no-repeat center center; float: right; border-left: 0px; margin-right: 10px; }
.search a:hover { background: url(../images/icon-search_hover.png) no-repeat center center; }
.camket_dl_home { padding: 30px 0; background: url(../images/bg_2.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.camket_dl_home ul { float: left; padding: 20px; width: 33.3333%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.camket_dl_home ul li, .camket_dl_home ul li img { width: auto; height: 70px; list-style: none; line-height: 0; }
.camket_dl_home ul h2 { font-weight: bold; font-size: 18px; color: #f58220; text-transform: uppercase; padding-top: 20px; padding-bottom: 10px; }
.camket_dl_home ul p { font-size: 15px; color: #fff; line-height: 30px; }
.camket_dl_home h3 { font-size: 22px; color: #fff; line-height: 30px; text-align: center; padding-bottom: 20px; text-transform: uppercase; }
.box_id_silde { padding-top: 25px; background: #eee; padding-bottom: 5px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); }
.onePro_2 { width: 100%; float: left; border: solid 1px #ccc; padding: 5px; margin-bottom: 20px; list-style: none; position: relative; background: #fff; overflow: hidden; display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dv_slide_home{margin-left: -10px}
.dv_slide_home .item{padding-left: 10px}
.dv_slide_home .owl-pagination{display: none}
.dv_slide_home:hover .owl-buttons{display: block; margin-top: -70px;}
.dv_slide_home .owl-buttons .owl-prev, .dv_slide_home .owl-buttons .owl-next{ color: #fff; font-size: 60px; width: 30px; height: 60px; line-height: 60px; text-align: center; text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.69); background: none; left: 10px; }
.dv_slide_home .owl-buttons .owl-next{left: auto; right: 0}
.dv_slide_home .owl-buttons .owl-prev:hover, .dv_slide_home .owl-buttons .owl-next:hover{ color: #f58220; }
.onePro_2 img { width: 100%; height: 280px; background: #fff; }
.onePro_2 .proImg, .onePro_3 .proImg, .onePro .proImg { display: block; width: 100%; height: auto; position: relative; }
.onePro_3 { width: 210px; border: solid 1px #ccc; padding: 5px; list-style: none; position: relative; margin-top: 10px; }
.onePro_3 img { display: block; width: 100%; height: auto; position: relative; }
.dv-danhsachpto.flex { margin-left: -1.5%; }
img.ajax_img_loading { height: 20px; margin-left: 5px; display: none; }
.ajax_scron { position: absolute; top: -125px; z-index: -1; }
.onePro { width: 23.5%; float: left; border: solid 1px #ccc; margin-right: 0; padding: 5px; margin-bottom: 10px; list-style: none; position: relative; margin-left: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.onePro img { width: 100%; height: 268px; display: block; background: #fff; }
.onePro h3, .onePro_2 h3, .onePro_3 h3 { position: absolute; right: 5px; top: 50px; padding: 10px; z-index: 10; background: #c79262; font-size: 15px; color: #fff; font-weight: normal; }
.onePro h1, .onePro h4, .onePro_2 h1, .onePro_2 h4, .onePro_3 h1, .product_list ul h2 { font-weight: bold; line-height: 30px; font-size: 16px; color: #666; padding: 10px; padding-bottom: 5px; text-align: center; text-transform: uppercase; }
.onePro:hover h1,.onePro:hover h4, .onePro_2:hover h1, .onePro_3:hover h1, .product_list ul h2:hover { color: #f58220; }
.onePro h2, .onePro_2 h2, .onePro_3 h2, .product_list ul h3 { color: #f60; font-weight: bold; font-size: 16px; padding-left: 10px; padding-right: 10px; }
.onePro h2 span, .onePro_2 h2 span, .onePro_3 h2 span { color: #666; font-weight: normal; font-size: 15px; padding-left: 15px; text-decoration: line-through; }
.viewRight h1 span, .product_list ul h3 span { color: #666; font-weight: normal; font-size: 19px; padding-left: 15px; text-decoration: line-through; }
.onePro p, .onePro_2 p, .onePro_3 p, .product_list ul p { line-height: 25px; font-size: 13px; color: #666; padding: 0px 10px 10px 10px; text-align: left; }
.onePro:hover, .onePro_2:hover, .onePro_3:hover, .product_list ul:hover { border: solid #f58220 1px; }
.placeNav_2 { position: absolute; top: 30%; z-index: 3; color: #fff; font-size: 60px; width: 30px; height: 60px; line-height: 55px; text-align: center; text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.69); }
.placeNav { position: absolute; top: 35px; z-index: 3; color: #999; font-size: 20px; width: 15px; line-height: 20px; height: 25px; background: rgba(51, 51, 51, 0.69); text-align: center; opacity: 0; }
.placeNav.prev, .placeNav_2.prev { left: 0; }
.placeNav_2.next { right: 0; text-indent: 3px; }
.placeNav.next { right: 0; text-indent: 3px; }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2 { opacity: 1; }
.placeNav:hover, .placeNav_2:hover { color: #f58220; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_page { width: 1300px; }
.placeSlide_load { width: 1000px; }
.box_gioithieu_home { padding: 30px 0; }
.gioithieu_home { background: #fff; box-shadow: 5px 5px 0px rgba(0,0,0,0.15); border: solid #ececec 10px; }
.gioithieu_home ul { float: left; width: 97%; padding: 20px; }
.gioithieu_home ul h2 { text-transform: uppercase; line-height: 35px; font-size: 22px; font-weight: 600; color: #007336; margin-bottom: 10px; }
.gioithieu_home ul h3 a { display: block; font-size: 15px; font-weight: normal; padding: 5px 30px; color: #007336; margin-top: 20px; text-transform: uppercase; border: solid #007336 1px; float: right; line-height: 35px; transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; }
.gioithieu_home ul h3 a:hover { color: #ffffff; background: #f58220; border: solid #f58220 1px; }
.gioithieu_home ul p { color: #666; font-size: 16px; line-height: 30px; padding-bottom: 15px; text-align: justify; }
.gioithieu_home li { float: right; width: 450px; list-style: none; line-height: 0; }
.gioithieu_home li iframe { width: 100%; height: 347px; }
.doitac_home { padding: 50px 0; background: url(../images/bg_doitac.jpg) no-repeat center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; position: relative; }
.doitac_home:before, .sologan_home_id:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); transition: .3s all ease; }
.doitac_home h2, .tintuc_home_id h2 { text-align: center; text-transform: uppercase; font-size: 25px; line-height: 35px; font-weight: bold; color: #ffffff; border-bottom: #fff 4px double; width: 60%; padding-bottom: 10px; margin-bottom: 30px; }
.doitac_home p, .tintuc_home_id p { text-align: center; font-size: 17px; line-height: 30px; font-weight: normal; color: #fff; width: 60%; padding-bottom: 30px; }
.page_bs_id { padding: 20px; background: #fff; margin: 0 10px; }
.placeSlide_doitac{margin-left: -20px; }
.placeSlide_doitac .owl-pagination{display: none}
.placeSlide_doitac:hover .owl-buttons{display: block;margin-top: -12px;}
.placeSlide_doitac .owl-buttons .owl-prev, .placeSlide_doitac .owl-buttons .owl-next{ color: #999; font-size: 20px; width: 15px; line-height: 20px; height: 25px; background: rgba(51, 51, 51, 0.69); text-align: center; border-radius: 0; left: 20px; }
.placeSlide_doitac .owl-buttons .owl-next{ left: auto; right: 0; }
.placeSlide_doitac .owl-buttons .owl-prev:hover, .placeSlide_doitac .owl-buttons .owl-next:hover{ color: #f58220;	}
.placeSlide_doitac .owl-item{padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.logo_thuonghieu { float: left; width: 100%; margin-bottom: 0px; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.logo_thuonghieu img { width: 100%; height: 90px; float: left; border: solid #CCC 1px; padding: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.logo_thuonghieu a{float: left; width: 100%}
.logo_thuonghieu img:hover { -webkit-filter: grayscale; -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); }
.dangkynhantin_footer { float: left; border: solid rgb(255, 255, 255) 1px; padding: 15px; background-color: #ffffff; margin-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.dv-cont-foot{margin-left: -20px}
.dangkynhantin_footer-cont { width: 30%; float: left; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.dangkynhantin_footer h2 { font-size: 15px; font-weight: bold; padding-bottom: 5px; color: #0080ff; }
.dangkynhantin_footer ul form {position: relative;}
.dangkynhantin_footer ul form input { float: left; line-height: 35px; background: #fff; border: solid #0080ff 1px; border-right: none; width: 100%; padding: 0 10px; color: #999; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dangkynhantin_footer ul form input:focus { color: #323232; background: #fff; }
.dangkynhantin_footer ul form a { float: left; line-height: 37px; color: #fff; background: #0080ff; padding: 0 15px; position: absolute; right: 0}
.dangkynhantin_footer ul form a:hover { color: #fff; text-decoration: none; background: #f58220; border-left: 0; }
.dangkynhantin_footer p { padding: 0px; padding-bottom: 10px; font-size: 14px; line-height: 27px; color: #333; }
.copyright_bottom { background: #0080FF; padding-top: 20px; padding-bottom: 20px; color: #fff; }
.left_footer_id {line-height: 30px; font-size: 15px; }
.left_footer_id>.dv-cont-foot> ul { float: left; margin-right: 0; min-height: 165px; width: 35%; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.left_footer_id ul iframe { width: 100%; height:195px; float: left;}
.left_footer_id >h2 { font-size: 20px; font-weight: bold; color: #ffffff; padding-bottom: 5px; text-transform: uppercase; line-height: 30px; }
.left_footer_id a { color: #333; }
.left_footer_id a:hover { color: #0066b3; }
#back-top { position: fixed; bottom: 45px; right: 10px; z-index: 1; }
#back-top a { display: block; width: 40px; line-height: 40px; background: #f60; outline: none; color: #fff; font-size: 14px; text-align: center; }
#back-top a:hover { color: #fff; background: #757575; }
#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: left; padding-top: 20px; height: 35px; float: right; }
.sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; float: none; padding-top: 7px; height: 35px; }
.sharelink a img { background: #0080ff; border: solid #ffffff 1px; padding: 3px; margin-right: 5px; -moz-border-radius: 50%; }
.sharelink img:hover { background: #f58220; }
.bottom_id_copyright { text-align: center; border-top:solid #FFF 1px; padding-top:10px; margin-top:20px; }
.bottom_id_copyright a { color: #fff; font-weight: bold; }
.bottom_id_copyright a:hover { color: #ffbe00; text-decoration: underline; }
.khachhang_home { padding: 40px 0; background: url(../images/bg_1.jpg) fixed; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.khachhang_home h2 { text-align: center; color: #fff; line-height: 45px; font-size: 30px; text-transform: capitalize; font-weight: normal; margin-bottom: 15px; letter-spacing: 1px; }
.khachhang_home .owl-pagination{display: none;}
.khachhang_home ul { text-align: center; padding: 20px; background: #b94600d1; width: 75%; position: relative; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.khachhang_home ul li { list-style: none; z-index: 2; }
.khachhang_home ul li img { width: 120px; height: 120px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: solid rgb(255, 255, 255) 4px; }
.khachhang_home ul p { color: rgb(255, 255, 255); font-size: 17px; line-height: 35px; padding-top: 10px; }
.khachhang_home ul h2 { text-align: center; color: #fff; margin-top: 30px; line-height: 1.2; width: 60%; font-size: 18px; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; position: relative; }
.khachhang_home ul h2:before { border-bottom: double #fff 4px; width: 30%; position: absolute; margin-left: -35%; content: ''; top: 10px; }
.khachhang_home ul h2:after { border-bottom: double #fff 4px; width: 30%; position: absolute; margin-left: 5%; content: ''; top: 10px; }
.khachhang_home ul h3 { color: #ffffff; line-height: 25px; font-size: 16px; text-transform: none; font-weight: normal; }
.page_conten_page { padding-top: 30px; padding-bottom: 30px; }
.bg_load_page { color: #fff; height: 300px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cove; }
.bg_load_page:before, .duan_id:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(26,29,36,0.6); transition: .3s all ease; }
.link_page { margin-left: 0px; margin-right: 0px; border-bottom: #ccc 4px double; margin-bottom: 25px; padding-bottom: 10px; }
.link_page h2 { text-transform: uppercase; color: #007336; font-size: 25px; line-height: 35px; position: relative; letter-spacing: 2px; margin-bottom: 5px; font-weight: bold; }
.link_page h1 { color: #dc1a5b; font-size: 20px; font-weight: bold; padding-bottom: 5px; text-transform: uppercase; line-height: 30px; margin-bottom: 20px; float: left; border-bottom: double #CCCCCC 4px; }
.link_page ul li { list-style: none; text-transform: uppercase; font-size: 14px; background: url(../images/icon_home.png) center left no-repeat; padding-left: 25px; color: #999; letter-spacing: 1px; }
.link_page ul li a { color: #999; }
.link_page ul li a:hover { color: #f58220; text-decoration: underline; }
.map { display: block; width: 100%; }
.map iframe { display: block; width: 100%; height: 230px; }
.contact { padding-bottom: 20px; }
.contact h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 20px; }
.contact .left { width: 44.7%; float: left; }
.contact .right { width: 55%; float: right; }
.formBox li { display: block; position: relative; margin-bottom: 10px; }
.formBox li input, .formBox li textarea { border: solid 1px #E1E1E1; height: 45px; color: #999; padding: 0 10px 0 45px; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 197px; float: left; }
.contact .left input { width: 87%; }
.contact .right input, .contact .right textarea { width: 91%; }
.formBox li:after { content: ""; position: absolute; top: 0; left: 0; width: 45px; height: 50px; background-repeat: no-repeat; background-position: center center; z-index: 10; }
.formBox li.name:after { background-image: url("../images/contact/c_name.png") }
.formBox li.phone:after { background-image: url("../images/contact/c_phone.png"); }
.formBox li.mail:after { background-image: url("../images/contact/c_mail.png"); }
.formBox li.local:after { background-image: url("../images/contact/c_local.png"); }
.formBox li.subject:after { background-image: url("../images/contact/c_subject.png"); }
.formBox li.mess:after { background-image: url("../images/contact/c_mess.png"); }
.formBox li.code:after { background-image: url("../images/contact/c_code.png"); }
.formBox li.day:after { background-image: url("../images/contact/day.png"); }
.formBox li.songuoi:after { background-image: url("../images/contact/songuoi.png"); }
.formBox .button { float: right; text-transform: uppercase; font-size: 15px; padding: 0 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; color: #FFF; background: #007336; white-space: nowrap; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.formBox .button:hover { color: #FFF; background: #f58220; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: bold; z-index: 2; letter-spacing: 1px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.showText h2, .contact h2 { color: #f58220; text-transform: uppercase; font-size: 20px; line-height: 30px; font-weight: bold; padding-bottom: 10px; }
.contact_company.flex{margin-left: -2%;}
.contact_company ul { float: left; width: 48%; padding: 20px; border: solid #CCC 1px; box-shadow: 5px 5px 0px rgba(0,0,0,0.15); margin-right: 0; margin-left: 2%; font-size: 14px; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tintuc_home { padding-top: 30px; padding-bottom: 30px; background: #f3f3f3; }
.tintuc_id ul { float: left; margin: 0 0px 20px 0px; width: 31.333%; border-bottom: solid #CCC 4px; background: #fff; position: relative; margin-left: 2%; }
.tintuc_id ul li, .tintuc_id ul li img { width: 100%; height: 190px; list-style: none; line-height: 0; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; overflow: hidden; display: block; }
.tintuc_id ul h2 { color: #4b4f56; font-weight: bold; font-size: 15px; padding: 10px 0; text-transform: uppercase; line-height: 25px; padding-bottom: 5px; }
.tintuc_id ul p { color: #666; padding-bottom: 15px; font-size: 15px; line-height: 30px; }
.tintuc_id ul:hover h2 { color: #f58220; }
.bottom_more { text-align: center; margin-top: 20px; }
.bottom_more h3 a { background: #ffffff; text-transform: uppercase; color: #323232; border: 1px solid #ccc; padding: 5px 40px; font-size: 15px; line-height: 30px; font-weight: normal; display: inline-block; border-radius: 3px; border-radius: 40px; letter-spacing: 1px; transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; }
.bottom_more h3 a:hover { background: #FFB03B; border: 1px solid #ffb03c; color: #fff; }
.news-day { font-size: 14px; color: #333; border-bottom: solid 1px #eee; padding: 10px 0px; background: url(../images/icon_day.png) center left no-repeat; padding-left: 20px; margin-bottom: 15px; }
.tieude_tintuc { color: #f60; font-size: 20px; font-weight: bold; padding-bottom: 5px; text-transform: uppercase; line-height: 30px; }
.title_page_more { width: 40%; text-transform: uppercase; text-align: center; line-height: 45px; font-size: 25px; font-weight: 600; color: #f58220; margin-bottom: 30px; border-bottom: double #CCCCCC 4px; }
.left_banner_top li img:hover, .right_banner_top li img:hover, .gallery_id ul li img:hover, .tintuc_id ul li img:hover, .hinhanh_id ul li img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); }
.title_news { border-bottom: solid 1px #E6E6E6; margin-bottom: 15px; }
.title_news h2 { font-size: 20px; line-height: 30px; font-weight: bold; color: #f58220; text-transform: uppercase; margin-bottom: 10px; }
.title_news li { font-size: 14px; color: #666; list-style: none; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 25px; margin-bottom: 10px; font-style: italic; }
.title_news p { line-height: 30px; color: #333; font-size: 16px; font-style: italic; font-weight: bold; padding-bottom: 15px; }
.coment_face { margin-top: 20px; }
.hinhanh_id ul { float: left; width: 31.833%; margin: 0 0px 20px 0px; margin-left: 1.5%; position: relative; border: solid 1px #ccc; padding: 5px; margin-bottom: 20px; list-style: none; background: #fff; overflow: hidden; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hinhanh_id ul:hover{border: solid #f58220 1px;}
.hinhanh_id ul li, .hinhanh_id ul li img { width: 100%; height: 200px; list-style: none; line-height: 0; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; overflow: hidden; display: bloc; }
.hinhanh_id ul h2 { text-align: center; padding: 12px 0 8px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #666; }
.hinhanh_id ul:hover h2 { color: #F58220; }
.albumView { min-height: 300px; padding: 0 0px 20px 0px; margin-left: -1%; }
.albumView .galleria-info { visibility: hidden; }
.galleria-thumbnails .galleria-image { width: 32% !important; height: auto; margin-left: 1%; margin-bottom: 10px; position: absolute!important; top: 0; left: 0; cursor: pointer; }
.viewRight { width: 515px; float: right; }
.viewRight .desc { border-bottom: dotted 1px #ddd; margin-bottom: 2px; }
.viewRight .desc b { display: block; margin-bottom: 10px; font-size: 20px; color: #f00; }
.viewRight .desc b span { margin-left: 15px; font-size: 16px; color: #666; font-weight: normal; text-decoration: line-through; }
.viewRight .desc li { line-height: 18px; margin-bottom: 13px; text-indent: 15px; list-style: none; background: url("../images/icon-check-pink.png") no-repeat left 5px; margin-left: 15px; padding-left: 5px; font-size: 15px; }
.quantity { position: relative; margin-bottom: 15px; }
.quantity, .quantity * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.quantity label { font-size: 16px; padding-right: 5px; }
.quantity .input-text { width: 50px; height: 50px; border: none; text-align: center; font-size: 18px; box-shadow: inset 0 0 5px rgba(0,0,0,.2); }
.quantity p { padding: 15px 0 10px 0; border-top: dotted 1px #ddd; font-size: 18px; text-transform: uppercase; }
.quantity .minus, .quantity .plus { position: absolute; bottom: 0px; left: 134px; width: 30px; height: 23px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #666; line-height: 19px; }
.quantity .minus { font-size: 25px; }
.quantity .plus { bottom: 27px; }
.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 50px; color: #ddd; border: solid 1px #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); background: #666; margin-left: 44px; }
.quantity a:hover { color: #fff; background: #333; }
.quantity a:before { content: ""; background-image: url("../images/icon-cart-w.png"); background-position: center center; position: absolute; top: 12px; left: 10px; width: 26px; height: 22px; z-index: 2; line-height: normal; }
#proView .link a { display: inline-block; height: 24px; line-height: 26px; padding-left: 30px; color: #333; position: relative; }
#proView .link a:hover { color: #f00; }
#proView .link a:first-child { margin-right: 22px; }
#proView .link { margin-bottom: 15px; }
#proView .link a:after { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #646464; background-position: center center; background-repeat: no-repeat; }
#proView .link a.b_mail:after { background-image: url("../images/icon-mail.png"); }
#proView .link a.b_share:after { background-image: url("../images/icon-share.png"); }
#proCont { padding: 0px 0px; }
.listDesc { margin-bottom: 15px; box-shadow: inset 0 -5px #E6E6E6; }
.listDesc a { text-transform: uppercase; font-size: 20px; display: inline-block; line-height: 40px; margin-right: 20px; padding-bottom: 5px; box-shadow: inset 0 -5px #646464; color: #999; }
.titleView { background: url(../images/title-line.png) repeat-x left bottom; position: relative; padding: 0px 0 15px 0; margin-bottom: 15px; line-height: 30px; font-size: 23px; color: #0080ff; font-weight: 600; text-transform: uppercase; }
.viewRight h2 { font-size: 20px; position: relative; padding-bottom: 10px; color: #f60; }
#bridal_images { border: 1px solid #CCC; background: #fff; padding: 5px; float: left; width: 500px; height: 380px; overflow: hidden; margin-right: 20px; }
#bridal_images img { border: none; width: 500px; height: 380px; margin: 0px auto; }
#bridal_images_list { display: block; float: left; width: 110px; padding-right: 20px; position: relative; }
#bridal_images_list li { margin-bottom: 5px; list-style: none; height: 83px; width: 100px; border: 1px solid #CCC; background: #fff; padding: 4px; text-align: center; overflow: hidden; margin-top: 5px; }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }
#bridal_images_list img { width: auto; height: 83px; width: 100px; border: none; }
.pro_slide_prev, .pro_slide_next { position: absolute; width: 12px; border: solid 1px #ccc; bottom: 50%; height: 50px; margin-bottom: -25px; text-indent: -10000px; }
.pro_slide_prev { left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; }
.pro_slide_next { right: 0px; border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { opacity: .5; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { cursor: default; }
.cloud-zoom-lens { cursor: move; }
.cloud-zoom-big { overflow: hidden; }
.cloud-zoom-loading, img.loading { background: url(../images/loading.gif) no-repeat scroll center transparent; }
#pro_img_main { }
.add_more_2 ul { text-align: center; margin-top: 10px; }
.add_more_2 ul h2 { list-style: none; background: #0080ff; color: #fff; text-align: center; padding: 5px 20px; font-size: 15px; font-weight: normal; margin-left: 1px; margin-top: 5px; float: left; text-transform: uppercase; line-height: 30px; }
.add_more_2 ul h3 { list-style: none; font-size: 15px; background: rgb(0, 115, 54); color: #fff; text-align: center; padding: 5px 15px; margin-left: 5px; font-weight: normal; margin-top: 5px; float: left; text-transform: uppercase; line-height: 30px; }
.add_more ul h2:hover, .add_more ul h3:hover, .add_more_2 ul h2:hover, .add_more_2 ul h3:hover { background: #f58220; color: #fff; }
.box_title_banner { position: absolute; top: 35%; right: 0; left: 0; text-align: center; z-index: 2; width: 50%; }
.box_title_banner ul h2 { text-transform: uppercase; font-size: 40px; letter-spacing: 1px; line-height: 50px; font-weight: normal; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); color: #fff; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: #00733696; padding: 10px 30px; font-family: "VNF-Oswald", serif; }
#popSlide { position: fixed; right: 0; bottom: -293px; z-index: 100; width: 250px; height: 323px; transition: bottom .2s ease-in-out; -webkit-transition: bottom .2s ease-in-out; -moz-transition: bottom .2s ease-in-out; -o-transition: bottom .2s ease-in-out; box-shadow: -2px -2px 4px rgba(0,0,0,.2); -webkit-box-shadow: -2px -2px 4px rgba(0,0,0,.2); overflow: hidden; }
#popSlide.active { bottom: 0px; }
#popSlide h6 { display: block; position: relative; font-size: 15px; text-transform: uppercase; padding: 0 15px 0 45px; color: #fff; height: 30px; line-height: 35px; cursor: pointer; }
#popSlide, #popSlide h6, #popSlide h6 span { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -o-border-radius: 5px 0 0 0; background: #ff6600; transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; }
#popSlide h6:hover, #popSlide h6.active { background-color: #f00 !important; }
#popSlide h6 span { position: absolute; top: 0; left: 0; bottom: 0; width: 30px; line-height: 30px; text-align: center; color: #555; font-size: 25px; background: #fff; }
#popSlide #slidePop { display: block; height: auto; width: 100%; position: relative; }
.list-yahoo li h2 a { background-repeat: no-repeat; background-position: left top; padding-left: 0; line-height: 30px; display: inline-block; margin-right: 3px; margin-left: 0px; color: #2d4356; text-decoration: none; font-size: 13px; }
.list-yahoo p a { color: #333; }
.list-yahoo li { background: none; padding-left: 0px; list-style: none; border-bottom: dotted #CCC 1px; padding-bottom: 5px; margin-bottom: 5px; }
.list-yahoo li h3 { font-weight: bold; text-transform: uppercase; width: 100% }
.list-yahoo li a:hover { opacity: .7; }
.list-yahoo li h2 span { color: #f31810; font-weight: bold; font-size: 16px; }
.list-yahoo li h2 { color: #333; font-weight: normal; font-size: 13px; line-height: 25px; }
.list-yahoo { padding: 13px; background: #eee; }
.left_conten { float: left; margin-left: 0px; width: 250px; }
.left_conten ul h3 { background: #0080ff; color: #fff; font-size: 18px; font-weight: bold; padding: 20px; text-transform: uppercase; }
.left_conten ul li { color: #333; list-style: none; }
.left_conten ul li a { color: #333; font-size: 15px; display: block; padding: 10px 20px; border-bottom: solid #CCC 1px; text-transform: capitalize; }
.left_conten ul li a:hover { color: #fff; background: #f58220; }
.right_conten { float: right; width: 930px; }
.cur{cursor: pointer;}
.flex{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.pro_slide_prev, .pro_slide_next { position: absolute; width: 12px; border: solid 1px #ccc; bottom: 50%; height: 50px; margin-bottom: -25px; text-indent: -10000px; }
.pro_slide_prev { left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; }
.pro_slide_next { right: 0px; border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
#pro_slide_prev { background: url(../images/slide-up.png) no-repeat center center #f4f4f4; border-radius: 5px 5px 0 0; bottom: 0; width: 70px; height: 14px; margin: 0 !important; padding: 0 !important; float: none; right: auto; position: relative; left: 50%; margin-left: -44px !important;display: block !important; }
a#pro_slide_next { background: url(../images/slide-down.png) no-repeat center center #f4f4f4; bottom: 0; width: 70px; height: 14px; border-radius: 0 0 5px 5px; margin: 0 !important; padding: 0 !important; float: none; right: auto; position: relative; left: 50%; margin-left: -44px !important;display: block !important; }
.spdt-left, .spdt-right { position: absolute; bottom: 0; width: 100%; background: #fff; }
.spdt-left { bottom: auto; top: -15px;}
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { opacity: .5; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { cursor: default; }
.dv-notfull{margin-left: 1.5%}
.dv-menu-mb{display: none}
.dv-danhsachpto.dv-ds-tintuc-new ul { width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.dv-danhsachpto.dv-ds-tintuc-new ul h2 {padding: 0; text-transform: none; font-size: 15px; line-height: 22px; margin-bottom: 10px; }
.dv-danhsachpto.dv-ds-tintuc-new ul li {height: auto; width: 220px; float: left; margin-right: 15px; }
.dv-danhsachpto.dv-ds-tintuc-new ul li img { float: left; width: 100%; height: auto; }
.dv-danhsachpto.dv-ds-tintuc-new ul p { width: calc(100% - 235px); float: left; max-height: 150px; margin: 0; padding: 0; line-height: 25px; font-size: 14px; overflow: hidden; }
.dv-mxh a { background: #ff7f00; width: 18px; height: 18px; padding: 5px; display: inline-block; top: -2px; float: left; margin-left: 5px; border-radius: 100px; position: relative; transition: all .5s;}
.dv-mxh a img { width: 18px; height: 18px; }
.dv-mxh { float: right; }
.dv-mxh a:hover { background: #0080ff;}

@media only screen and (max-width: 1199px){ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pagewrap { width: 100%; padding-left: 7px; padding-right: 7px; }
.banner li, .bannerMain{height: 36vw}
.box_title_banner{width: 80%}
.box_title_banner ul h2{font-size: 30px}
.gioithieu_home ul{width: 100%; padding: 15px}
.gioithieu_home li{width: 40%}
.gioithieu_home ul h3 a { font-size: 13px; padding: 3px 25px; margin-top: 10px;}
.onePro_2 img{height: auto}
.input_search { padding: 5px 20px; height: 35px; width: 220px; float: right; color: #999; background: none; border: none; font-size: 13px; }
.search a { width: 40px; height: 36px; float: right; border-left: 0px; margin-right: 10px; position: absolute; right: 10px; }
.logo_top { float: left; margin-left: 0; width: 100%; text-align: center; }
.onePro img{height: auto}
.dv-left-sp { width: 60%; float: left; }
.viewRight { width: 40%; float: right; padding-left: 15px; }
#bridal_images_list { display: block; float: left; width: 20%; padding-right: 15px; position: relative; }
div#bridal_images { width: 80%; margin: 0; }
#bridal_images img{width: 100%; height: 412px}
#bridal_images{height: auto}
#bridal_images_list img{width: 100%; float: left;}
#bridal_images_list li{width: 100%; height: auto}
.left_conten { width: 25%; }
.right_conten { width: 75%; padding-left: 15px; }
.left_conten ul h3 { font-size: 17px; padding: 10px 20px}
.left_conten ul li a { font-size: 14px; padding: 7px 20px;}
.timkiem_top_cont { float: right; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.contact .left { width: 50%; float: left; padding-left: 15px; }
.contact .right { width: 50%; float: right; padding-left: 15px; }
.contact form#FormNameContact { margin-left: -15px; }
.formBox li textarea { height: 210px; }
.formBox li:after{height: 45px}
#menu > li > a { padding: 0 20px;}
.dv-mxh{display: none}
}
@media only screen and (max-width: 991px){ .hinhanh_id ul li, .hinhanh_id ul li img{height: auto}
.logo_top{width: 100%; float: none}
.timkiem_top_cont{float: none}
.left_conten { width: 100%; }
.right_conten { width: 100%; padding-left: 0; margin-bottom: 15px; }
.dv-menu-mb{display: block}
#menu{display: none}
button.dl-trigger.cur { float: right; background: url('../images/menu-mobile.png') center left no-repeat !important; background-repeat: no-repeat; background-position: 10px center; border: none; padding: 5px !important; margin: 0; height: 40px}
.dl-menuwrapper button:after{display: none}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{background: url('../images/menu-mobile.png');}
.dv-mnmb { margin: 0 !important; float: right; }
a.a_trangchu_mb { text-transform: uppercase; color: #fff; padding: 7px 5px; display: inline-block; }
.lang_top { margin-top: 7px; float: right; margin-right: 0; position: absolute; right: 60px; top: 0; z-index: 9999; display: block !important; }
.dl-menuwrapper ul { background: #f58220 !important; }
.lang_top ul li{margin-left: 10px}
.left_footer_id>.dv-cont-foot> ul.ul_foot_1 { width: 100%; margin-bottom: 15px; }
.left_footer_id>.dv-cont-foot> ul, .dangkynhantin_footer-cont{width: 50%}
.dv-cont-foot { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.dangkynhantin_footer { position: absolute; height: 100%; right: 0; left: 20px; width: auto; }
.box_title_banner ul h2 { font-size: 26px; }
.logo_top ul li { float: left; list-style: none; line-height: 0; width: 100px; text-align: center; }
.logo_top ul h2 { float: left; padding-left: 0; width: calc(100% - 100px); }
.logo_top ul h2 img{width: 100%}
.timkiem_top { width: 250px; float: none; margin: 0 auto; position: relative; }
.timkiem_top_cont { text-align: center; margin-top: 15px; }
.search a{right: 0; margin-right: 0}
.bg_load_page { height: 30vw;}
.page_conten_page { padding-top: 20px;}
.khachhang_home ul{width: 90%}
.khachhang_home ul p { font-size: 16px; line-height: 1.7; padding-top: 10px; }
.onePro { width: 31.833%; }
@media only screen and (max-width: 767px){ .hinhanh_id ul { width: 48.5%;}
.left_footer_id>.dv-cont-foot> ul, .dangkynhantin_footer-cont { width: 100%; }
.dangkynhantin_footer { position: relative; height: 100%; left: 0; }
.dangkynhantin_footer-cont { margin: 15px 0 0; }
.camket_dl_home ul{width: 100%}
.gioithieu_home ul { width: 100%; padding: 15px; }
.gioithieu_home li { width: 100%; }
.gioithieu_home ul h3 a { font-size: 13px; padding: 0px 20px; margin-top: 10px; }
.box_title_banner { width: 90%; top: 30%; }
.logo_top ul li{width: 100%}
.logo_top ul h2 { width: 100%; margin-top: 15px; }
.logo_top ul h2 img, .logo_top ul li img{max-width: 100%; height: auto}
a.a_trangchu_mb { position: absolute; z-index: 99999; }
.gioithieu_home ul { padding: 7px; }
.gioithieu_home li iframe { height: 70vw; }
.timkiem_top_cont { margin-top: 10px; }
.khachhang_home h2 { line-height: 1.5; font-size: 26px;}
.khachhang_home { padding: 30px 0;}
.doitac_home { padding: 30px 0;}
.doitac_home p { font-size: 14px; padding: 0; }
.title_page_more { width: 80%;}
.doitac_home h2, .tintuc_home_id h2,.doitac_home p, .tintuc_home_id p{width: 85%;margin-bottom: 20px; }
.doitac_home h2{font-size: 22px}
.onePro { width: 48.5%;}
.dv-left-sp { width: 100%; float: left; }
.viewRight { width: 100%; float: right; padding-left: 0; margin-top: 15px; }
#bridal_images img{height: 320px}
#bridal_images_list img{height: 67px}
.link_page ul li { font-size: 13px; padding-left: 20px;}
.gioithieu_home ul p { font-size: 15px; line-height: 1.7; }
a#pro_slide_prev,a#pro_slide_next { width: 50px; margin-left: -28px !important; }
.tintuc_id ul{width: 48%}
.title_news p { line-height: 1.8; font-size: 14px;}
.showText p { padding-bottom: 15px; font-size: 14px; line-height: 1.8; }
.title_news h2 { font-size: 18px; line-height: 28px;}
.link_page { margin-bottom: 15px; padding-bottom: 7px; }
.link_page h2 { font-size: 22px;}
.galleria-thumbnails .galleria-image{width: 48% !important}
.contact_company ul{width: 98%; margin-bottom: 15px}
.dv-danhsachpto.dv-ds-tintuc-new ul li { height: auto; width: 180px; float: left; margin-right: 15px; }
.dv-danhsachpto.dv-ds-tintuc-new ul p { width: calc(100% - 195px);}

}
@media only screen and (max-width: 479px){ .contact .left ,.contact .right{ width: 100%; }
.title_page_more { width: 90%;}
.input_search{width: 100%}
.tintuc_id ul{width: 98%}
.gioithieu_home ul p { font-size: 13px; line-height: 1.7;}
.title_page_more { width: 100%; line-height: 1.7; font-size: 22px; }
.gioithieu_home ul h2 { line-height: 30px; font-size: 20px;}
.box_title_banner ul h2 {
    font-size: 14px;
    line-height: 1.5;
}.box_gioithieu_home { display: none; }
.box_gioithieu_home.box_gioithieu_home_new { display: block !important; padding: 20px 0; }
.camket_dl_home h3 { font-size: 20px;}
.camket_dl_home ul p { font-size: 13px; color: #fff; line-height: 27px; }
.camket_dl_home ul h2 { font-weight: bold; font-size: 14px;}
.pagiBanner{bottom: 30px}
.viewRight .desc b{font-size: 16px}
.timkiem_top { width: 100%;}
.camket_dl_home ul { padding: 10px 7px;}
.khachhang_home ul { width: 100%; }
.khachhang_home h2 { line-height: 1.5; font-size: 20px;}
.doitac_home h2, .tintuc_home_id h2,.doitac_home p, .tintuc_home_id p{width: 100%}
.onePro { width: 98.5%;}
#bridal_images img{height: 220px}
#bridal_images_list img{height: 43px}
#bridal_images_list{padding-right: 7px}
.add_more_2 ul h2, .add_more_2 ul h3{ padding: 3px 15px; }
.hinhanh_id ul { width: 98.5%;}
.galleria-thumbnails .galleria-image{width: 98.5% !important}
.dv-danhsachpto.dv-ds-tintuc-new ul li { height: auto; width: 100%; float: left; margin-right: 0; margin-bottom: 15px; }
.dv-danhsachpto.dv-ds-tintuc-new ul p { width: 100%;}
}