@font-face{font-family:'GothamBold';src:url('../fonts/GothamBold.ttf') format('embedded-opentype');font-weight:normal;font-style:normal;}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Bold.otf') format('embedded-opentype'),
               url('../fonts/Montserrat-Bold.woff') format('woff'),
               url('../fonts/Montserrat-Bold.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'GotchaGothicStamp';src:url('../fonts/GotchaGothicStamp.eot?#iefix') format('embedded-opentype'),
               url('../fonts/GotchaGothicStamp.woff') format('woff'),
               url('../fonts/GotchaGothicStamp.ttf') format('truetype'),
               url('../fonts/GotchaGothicStamp.svg#GotchaGothicStamp') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'UTMAlterGothic';src:url('../fonts/UTMAlterGothic.eot?#iefix') format('embedded-opentype'),
               url('../fonts/UTMAlterGothic.woff') format('woff'),
               url('../fonts/UTMAlterGothic.ttf') format('truetype'),
               url('../fonts/UTMAlterGothic.svg#UTMAlterGothic') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'UTMFuturaExtra';src:url('../fonts/UTMFuturaExtra.eot?#iefix') format('embedded-opentype'),
               url('../fonts/UTMFuturaExtra.woff') format('woff'),
               url('../fonts/UTMFuturaExtra.ttf') format('truetype'),
               url('../fonts/UTMFuturaExtra.svg#UTMFuturaExtra') format('svg');font-weight:normal;font-style:normal;}
html, body{height:100% !important;position:relative !important;}
body{font-family:'Roboto Condensed', sans-serif;font-size:14px;color:#000;margin:0;padding:0;}

.transform50{-webkit-transform:translate(-50%,-50%) translateZ(0);-ms-transform:translate(-50%,-50%) translateZ(0);-moz-transform:translate(-50%,-50%) translateZ(0);-o-transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translateZ(0);}
.transform50X{-webkit-transform:translateX(-50%) translateZ(0);-ms-transform:translateX(-50%) translateZ(0);-moz-transform:translateX(-50%) translateZ(0);-o-transform:translateX(-50%) translateZ(0);transform:translateX(-50%) translateZ(0);}
.transform50Y{-webkit-transform:translateY(-50%) translateZ(0);-ms-transform:translateY(-50%) translateZ(0);-moz-transform:translateY(-50%) translateZ(0);-o-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0);}
.image_{height:100vh;position:relative;width:100vw;}
.image_ .full-img{min-height:100%;min-width:100%;position:absolute;left:50%;top:50%;}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.swiper-slide{text-align:left;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.main_menu .navbar.navbar-inverse .container-fluid{border:0;border-radius:0;}
.navbar-inverse{background-color:transparent;border-color:transparent;}
.navbar-inverse .container{border:1px solid white;}
.position_menu{position:absolute;top:20px;width:100%;z-index:1;-webkit-animation-name:position_menu;-webkit-animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0.3, 0.27, 0.07, 1.6);-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-name:position_menu;animation-duration:1s;animation-timing-function:cubic-bezier(0.3, 0.27, 0.07, 1.6);animation-delay:0s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards;}
@-webkit-keyframes position_menu{0%{top:0;opacity:0.5;}
                                 100%{top:20px;opacity:1;}
}
@keyframes position_menu{0%{top:0;opacity:0.5;}
                         100%{top:20px;opacity:1;}
}
.position_TV .short_content_TV{
    max-height: 100px;
    overflow: hidden;
}
.position_TV .short_content_TV ul{
    padding-left: 15px;
}
.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;left:0px;top:0;background:rgba(0,0,0,0.6);text-align:center;overflow:hidden;z-index:1}
.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.video-container .main_image{position:absolute;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;background:url(../images/block_video-new.png);background-size:cover;}
.video-container .play-video{position:absolute;z-index:111;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.play-video img{display:block;}
.play-video img + img,.play-video:hover img{display:none}
.play-video:hover img + img{display:block}
.main_menu{display:inline-block;width:100%;}
.main_menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.main_menu .navbar-inverse .navbar-nav > [class*="current"] > a, .navbar-inverse .navbar-nav > [class*="current"] > a:hover, .navbar-inverse .navbar-nav > [class*="current"] > a:focus{color:#ba0066;background-color:#e8e8e8;font-weight:700;}
.main_menu .navbar-nav > li > a{line-height:21px;text-align:center;text-transform:uppercase;font-family:'Roboto Condensed', sans-serif,arial;font-size:14px;color:#ffffff;padding:27px 15px;}
.main_menu .navbar-nav > li:hover{color:#ba0066;background-color:#e8e8e8;}
.main_menu .navbar-nav > li:hover a{color:#ba0066}
.main_menu .navbar-right .btn-top-buynow{padding-right:0px;padding-bottom:14px;}
.main_menu .navbar-right .btn-top-buynow span{font-size:15px;color:#ffffff;background-color:#d50e79;padding:10px;}
.main_menu .navbar-header{width:25%;}
.main_menu .navbar-brand{padding:0 15px;}
.main_menu .navbar-right{margin-right:0;}
.main_menu #myNavbar{background-color:#ba0066;float:right;width:75%;}
.main_menu #myNavbar1{background-color:#ba0066;float:right;width:75%;}
.main_menu .navbar-header img{max-width:100%;}
.main_menu .navbar-right li:hover{background-color:transparent;}
.box-why{background:url(../images/banner-2.jpg) center no-repeat;background-size:100%;position:relative;}
.box-why .box-title{height:35%;text-align:center;padding:0 0 25px;}
.box-why .vd{height:60%;}
.box-why .box-title h3{text-transform:uppercase;margin:0;padding:0;font-family:'Montserrat';font-weight:700;font-size:20px;color:#CBCBCB;position:relative;top:-10px;opacity:0;transition:all ease 0.5s;}
.box-why .box-title h3.active{top:0;opacity:1;}
.box-why .box-title h2.active{top:0;opacity:1;}
.box-why .box-title h2{text-transform:uppercase;margin:0;padding:0;color:#e8e8e8;font-size:40px;font-family:'Montserrat', sans-serif;font-weight:700;position:relative;top:-10px;opacity:0;transition:all ease 0.5s;}
.box-why .box-flower{height:100%;position:relative;overflow:hidden;}
.box-why .box-title .descript{text-align:left;padding-top:20px;font-family:'Roboto Condensed', sans-serif;font-size:15px;color:#e8e8e8;padding-left:25px;padding-right:25px;position:relative;top:10px;opacity:0;transition:all ease 0.5s;}
.box-why .box-title .descript.active{top:0;opacity:1;}
.vd_left{position:relative;left:-20px;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;}
.vd_left.active{left:0px;opacity:1;}
.boxcontaintuvan-left{top:-10px;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;z-index:100;}
.boxcontaintuvan-left.active{top:0px;opacity:1;}
.boxcontaintuvan-right{top:-10px;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;z-index:90;}
.boxcontaintuvan-right.active{top:0px;opacity:1;}
.box-bsi-tuvan .boxnews{top:10px;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;z-index:90;}
.box-bsi-tuvan .boxnews.active{top:0px;opacity:1;}
.center_brand{top:-15px;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;z-index:90;}
.center_brand.active{top:0px;opacity:1;}
.vd_right{position:relative;right:-20px;opacity:0;transition:all cubic-bezier(.79,.14,.15,.86) 0.2s;-webkit-transition:all cubic-bezier(.79,.14,.15,.86) 0.2s;}
.vd_right.active{left:0px;opacity:1;}
.copyright_footer .container{position:relative;top:15px;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;}
.copyright_footer .container.active{top:0px;opacity:1;}
.service .container{position:relative;top:0;opacity:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;}
.service .container.active{top:0px;opacity:1;}
.box-why .box-flower .box-flower-img{position:relative;padding:30px;text-align:left;background-size:cover;height:165px;width:100%;}
.box-why .box-flower .box-flower-img:hover{background:url(../images/bg_why.png) center center no-repeat;background-size:100% 100%;}
.box-why .box-flower .box-flower-img:hover p{color:#ba0066 !important;}
.icon_click_right{position:absolute;left:-35px;transition:all ease 0.7s;opacity:0;}
.box-why .box-flower .box-flower-img:hover .icon_click_right{left:30px;opacity:1;}
.box-why .box-flower .box-flower-img .ptext{position:absolute;bottom:25px;}
.box-why .box-flower .box-flower-img .ptext.activeHover{opacity: 0;transition:all ease 0.7s;}
.box-why .box-flower .box-flower-img:hover .ptext.activeHover{opacity: 1;}
.box-video .ptext p, .box-why .box-flower .box-flower-img .ptext p{margin-bottom:0;margin-bottom:0;color:#ffffff;font-size:20px;font-family:'Montserrat';}
.box-why .box-flower .textcontain{background-color:#cccccc;padding:30px;width:100%;text-align:left;color:#ba0066;height:50%;width:100%;}
.box-video .ptext{position:absolute;bottom:25px;left:30px;text-align:left;z-index:2;}
.box-why .box-flower .textcontain .ptext{}
.logo_footer{float:left;}
.logo_footer img{max-width:100%}
.box-why .box-flower .textcontain .ptext > a{margin-bottom:20px;color:#ba0066;font-size:20px;display:inline-block;}
.box-why .box-flower .textcontain .ptext p{margin-bottom:0;margin-bottom:0;font-family:'Montserrat';font-size:20px;text-transform:uppercase;}
.box-why .box-video{width:100%;height:100%;top:0;left:0;bottom:0;right:0;stify-content:center;}
.box-why .box-video #yt{display:none;}
.box-why .box-video .tbn{height:100%;width:100%;}
.box-why .box-video .btnplay{position:absolute;top:50%;left:50%;margin-top:-45px;margin-left:-45px;cursor:pointer;}
.box-why .no-margin{margin:0;padding:0;}
.icon-right-buynow{position:fixed;top:12%;right:5%;opacity:.75;z-index:1000;}
.box-bsi-tuvan{position:relative;text-align:left;height:100%;}
.box-bsi-tuvan .boxcontaintuvan{width:100%;}
.box-bsi-tuvan .ptext{display:none;text-align:right;padding-right:30px;position:absolute;right:0;top:5px;border-right:1px solid #dedede;}
.box-bsi-tuvan .ptext .cg{margin:0;padding:0;text-transform:uppercase;font-size:18px;font-family:'Montserrat';color:#666666;}
.box-bsi-tuvan .ptext .tv{margin:0;padding:0;text-transform:uppercase;color:#ce006f;font-size:25px;font-family:'Montserrat';}
.box-bsi-tuvan .toptext{font-size:15px;margin:0;color:#333333;text-align:left;padding:5px 15px 15px 30px;width:75%;}
.box-bsi-tuvan .box-issue{position:relative;width:100%;max-width:100vw;}
.box-bsi-tuvan .box-issue p{color:#ffffff;font-size:15px;padding:15px;text-align:justify;}
.box-bsi-tuvan .box-issue h4{text-align:right;font-size:25px;color:#ffffff;padding-bottom:13px;margin:0;padding:0;}
.issue{width:100%;height:100%;}
.box-bsi-tuvan .boxnews{position:relative;}
.displayflex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:center;align-items:stretch;}
.displayflex > *{}
.displayflex [class*="boxcontaintuvan-"]{width:50%;position:relative}
.boxcontaintuvan-left .fullmobile{max-height:100%;max-width:100%;position:absolute;right:-45px;z-index:2;bottom:0;height:240px}
.box-issue{background:url('../images/bg-right-bsi.png') no-repeat left center;background-size:100% 100%;}
.box-bsi-tuvan .boxnews .feature-news{font-size:17px;font-family:'Montserrat';font-weight:700;color:#ba0066;background:url(../images/icon_blog.png) left center no-repeat;padding:10px 10px 10px 60px;}
.box-bsi-tuvan .boxnews .news{position:relative;padding:0px 0;}
.box-bsi-tuvan .boxnews .news .imgnesw{padding:0;margin-left:0;margin-bottom:15px;height:115px;}
.boxintro a{text-decoration:none;}
.box-bsi-tuvan .boxnews .news .imgnesw img{width:180px;height:115px}
.box-bsi-tuvan .boxnews .news .boxintro .title{font-size:17px;color:#333333;font-family:'Roboto Condensed', sans-serif;}
.box-bsi-tuvan .boxnews .news .boxintro .introtext{font-size:14px;color:#666666;font-family:'Roboto Condensed', sans-serif;}
.box-ytfull #ytfull{}
.box-ytfull .tbnfull{height:100%;width:100%;}
.box-ytfull .btnplay{position:absolute;top:50%;left:50%;margin-top:-45px;margin-left:-45px;cursor:pointer;}
.zindex_div{z-index:10;}
.tuvan_trai.slick-arrow{position:absolute;bottom:20px;left:110px;width:30px;height:30px;border:1px solid #e5e5e5;border-radius:50%;line-height:29px;text-align:center;cursor:pointer;color:#e5e5e5;z-index:1;}
.tuvan_phai.slick-arrow{position:absolute;bottom:20px;left:145px;width:30px;height:30px;border:1px solid #e5e5e5;border-radius:50%;line-height:29px;text-align:center;cursor:pointer;color:#e5e5e5;}
li.btnhover a:hover span{background-color:#e8e8e8 !important;color:#ba0066 !important;}
.boxsocials{position:fixed;top:50px;left:20px;z-index:99999;background:#60605e;width:35px;text-align:center;}
.boxsocials ul.listsocials{position:relative;margin:0;padding:0;}
.boxsocials ul li{display:block;text-align:center;width:100%;border-bottom:1px solid #80807e;margin:0 auto;padding:5px 0;}
.boxsocials ul li a{font-family:'Roboto Condensed', sans-serif, arial;color:#fff;padding:2px 0;}
.boxsocials ul li:hover a{color:#ffffff;}
.boxsocials ul li.topic{width:100%;padding:0;border-bottom:none}
.position_menu > .container{padding:0}
.modalyt{display:none;position:absolute;z-index:999999999!important;left:0;top:0;width:auto;height:90%;overflow:auto;background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0, 0.4);padding:50px 50px;}
.modalyt .modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:auto;position:relative;height:80%;overflow:hidden;}
.modalyt .modal-content .close{position:absolute;top:10px;right:10px;color:#f35220;float:right;font-size:28px;font-weight:bold;z-index:999999999;opacity:1;right:3px;top:0;}
.modalyt .close:hover,
.modalyt .close:focus{color:black;text-decoration:none;cursor:pointer;}
.box-bsi-tuvan .box-issue .slick-initialized .slick-slide{padding:10px 40px 10px 70px}
.box-bsi-tuvan .boxnews .news .boxintro .title{margin:0 0 10px}
.box-bsi-tuvan .boxnews .news .boxintro{padding-left:15px;padding-right:0;}
.list-president li{background-color:transparent;border:0;padding:0 15px;}
.list-president li a{text-decoration:none;color:#fff;}
.each_blog img{width:180px;height:115px;}
@media screen and (min-width:1370px) and (max-width:1924px){
    .main_menu .navbar-nav > li > a{
        /*font-size: 15px;*/
        padding: 27px 10px;
    }
    .box-why .box-title h3{
        font-size: 21px;
    }
    .name_doctor a{
        font-size: 17px;
    }
    .short_content_service,.copyright_main{
        font-size: 14px;
    }
    .box-bsi-tuvan .boxnews .feature-news,.box-bsi-tuvan .boxnews .news .boxintro .title,.name_blog_CMK,.short_content a{
        font-size: 18px;
    }
    .box-why .box-title .descript,.box-bsi-tuvan .toptext,.box-bsi-tuvan .box-issue p,.title_service,.content_blog_detail{
        font-size: 16px;
    }
}
@media screen and (min-width:1500px){.box-bsi-tuvan .toptext{padding-top:15px}
                                     .boxcontaintuvan-left .fullmobile{height:auto}
                                     .box-bsi-tuvan .ptext .cg{font-size:20px}
                                     .box-bsi-tuvan .ptext .tv{font-size:30px}
                                     .full-box-why .container{}
                                     .box-why .box-title{height:25%;}
                                     .box-bsi-tuvan .boxcontaintuvan{}
                                     .box-bsi-tuvan .zindex_div img{position:absolute;right:-60px;float:right;}
                                     .box-bsi-tuvan .box-issue h4{padding:15px;}
                                     .service{padding:4%;}

}
.banner-top-tablet-lc,.banner-top-tablet-pt{display:none}
@media screen and (max-width:1499px){.box-why{background-size:100% 100%;}
                                     .main_menu{width:100%;}
                                     .box-bsi-tuvan .toptext,.box-bsi-tuvan .box-issue p{font-size:14px}
                                     .box-bsi-tuvan .boxnews .news .boxintro .title{font-size:15px}
                                     .box-bsi-tuvan .box-issue .slick-initialized .slick-slide{padding:10px 125px 10px 70px}
                                     .title_home{width:30%;}
                                     #product{width:33%;}
                                     #product img{width:100%;}
                                     .title_home img{width:100%;}
                                     #product{left:10%;}
                                     @-webkit-keyframes product{0%{top:68%;opacity:0.5;}
                                                                100%{top:66%;opacity:1;}
                                     }
                                     @keyframes product{0%{top:79%;opacity:0.5;}
                                                        100%{top:77%;opacity:1;}
                                     }
                                     .title_home{left:8%;}
                                     @-webkit-keyframes bottomtotop{0%{top:40%;opacity:0.5;}
                                                                    100%{top:42%;opacity:1;}
                                     }
                                     @keyframes bottomtotop{0%{top:27%;opacity:0.5;}
                                                            100%{top:29%;opacity:1;}
                                     }
                                     .title_CMK{position:relative;height:12%;}
                                     .short_content_CMK{position:relative;height:30%;padding:0;}
                                     .banner_CMK{position:relative;height:55%;}
                                     .pagination_blog{padding-top:15px;}
                                     .blog_lp{padding:15px 0;top:0;transform:translateY(0%);}
                                     .each_blog{padding-bottom:15px;height:130px;}
                                     .navbar-inverse{
                                         margin-bottom: 0;
                                     }
                                     .position_TV .short_content_TV{
                                         max-height: 100px;
                                         overflow: hidden;
                                     }
                                     .copyright_footer{
                                         padding: 15px 0 0;
                                     }
                                     .each_issue p{
                                         max-height: 135px;
                                         overflow: hidden;
                                         display: inline-block;
                                     }
                                     .main_menu .navbar-nav > li > a{
                                         padding: 20px 10px;
                                     }
                                     .main_menu .navbar-header img {
                                         max-width: 85%;
                                     }
}
@media only screen and (max-width:1024px){@-webkit-keyframes bottomtotop{0%{top:40%;}
                                                                         100%{top:42%;}
                                          }
                                          @keyframes bottomtotop{0%{top:31%;}
                                                                 100%{top:33%;}
                                          }
                                          .title_home{width:85%;}
                                          #product{width:98%;left:5%}
}
@media only screen and (max-width:768px){@-webkit-keyframes bottomtotop{0%{top:40%;}
                                                                        100%{top:42%;}
                                         }
                                         @keyframes bottomtotop{0%{top:31%;}
                                                                100%{top:33%;}
                                         }
                                         .title_home{width:85%;}
                                         #product{width:98%;left:5%}
}
@media only screen and (max-width:991px){.box-bsi-tuvan .toptext{width:100%}
                                         .box-why .container{padding-top:30px;padding-bottom:30px}
                                         .boxcontaintuvan .displayflex{display:inline-block;width:100%;margin:0}
                                         .boxcontaintuvan-left .fullmobile{position:static;min-height:0;min-width:0;width:auto;height:auto;max-width:100%}
                                         .boxcontaintuvan .displayflex > *{width:100%}
                                         .position_menu{position:relative;top:0px;width:100%;padding:0;}
                                         .approve{font-size:13px}
                                         .main_menu{width:100%;}
                                         .navbar{margin:0;}
                                         .main_menu .navbar-nav{float:none !important;}
                                         .box-bsi-tuvan .box-issue{width:100%;}
                                         .box-bsi-tuvan .fullmobile{width:100%;}
                                         .box-ytfull .tbnfull{height:auto;}
                                         .box-why{background-size:auto 100%;padding-top: 30px;}
                                         .box-why .box-title .descript{}
                                         .navbar-collapse{border-top:none;}
                                         .box-why .box-title{height:auto;}
                                         .box-why .vd{height:45%;}
                                         .box-title{height:45%;}
                                         .box-bsi-tuvan .ptext{border-right:none;}
                                         .modalyt{padding:0;}
                                         .modalyt .modal-content{background-color:#fefefe;margin:0 auto;padding:20px;border:1px solid #888;width:100%;height:auto;position:relative;overflow:hidden;}
                                         .modalyt .modal-content .close{z-index:999999;opacity:1;right:3px;top:0;}
                                         .box-bsi-tuvan .boxcontaintuvan,.box-why .box-video,.box-video .ptext, .box-why .box-flower .textcontain .ptext,.box-why .box-flower .box-flower-img .ptext{}
                                         .brand_fito,.service,.copyright_footer{position:static;width:100%;height:auto}
                                         .brand_fito > *{position:static;transform:none;}
                                         .brand_fito{padding:15px}
                                         .box-bsi-tuvan .box-issue .slick-initialized .slick-slide{padding:10px 40px}
}
@media screen and (min-width:768px) and (max-width:1024px){.box-why .box-flower .textcontain,.box-why .box-flower .box-flower-img{padding:15px}
                                                           .box-why .box-flower .box-flower-img{height:133px}
                                                           .banner-top-tablet-lc{display:block}
                                                           .main_menu .navbar-nav > li > a{padding-left:5px;padding-right:5px}
                                                           .box-bsi-tuvan .toptext{width:100%}
                                                           .main_menu #myNavbar{width:80%;}
                                                           .main_menu #myNavbar1{width:80%;}
                                                           .main_menu .navbar-header{width:20%;padding-top:15px;}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.main_menu .navbar-nav > li > a{padding-left:5px;padding-right:5px;}
                                                                                      .position_menu > .container{padding:0 15px}
                                                                                      .banner-top-tablet-pt{display:block}
                                                                                      .box-why .box-flower .box-flower-img{height:100px}
                                                                                      .box-why .box-flower .textcontain .ptext > a{margin-bottom:5px}
                                                                                      .box-why .box-flower .textcontain{padding:8px 15px}
                                                                                      .box-why .box-flower .box-flower-img .ptext{bottom:15px}
                                                                                      .box-video .ptext{left:15px;bottom:15px}
}
@media only screen and (max-width:767px){
    .box-why .box-title .descript{}
    .box-why .box-title{height:auto;position:absolute;top:25%}
    .box-why .box-flower .textcontain{height:50%;}
    .box-why .box-flower{padding:30px 0 0;}
    .box-why .box-flower .box-flower-img{height:50%;}
    .box-why .box-flower .textcontain .ptext{bottom:50px;}
    .box-why .vd{height:100%;}
    .box-why .boxmobile1, .box-why .boxmobile2{height:50% !important;}
    .box-why .box-video .tbn{height:92%;}
    .box-bsi-tuvan .boxcontaintuvan{height:100%;}
    .box-bsi-tuvan .boxcontaintuvan .tuvanmb1{height:40%;}
    .box-bsi-tuvan .boxcontaintuvan .tuvanmb2{height:60%;}
    .box-bsi-tuvan .toptext{width:100%;}
    .box-bsi-tuvan .fullmobile{width:100%;}
    .box-bsi-tuvan .box-issue p{padding:10px 5px;}
    .box-bsi-tuvan .ptext .cg{font-size:16px;}
    .box-bsi-tuvan .ptext .tv{font-size:20px;}
    .box-bsi-tuvan .box-issue .issue{height:auto;background:url(../images/bg-right-bsi.png) bottom center no-repeat;padding:20px 10px;}
    .box-bsi-tuvan .boxcontaintuvan{padding:40px 0;}
    .box-why .box-video .btnplay{position:absolute;top:50%;left:50%;margin-top:-45px;margin-left:-45px;cursor:pointer;}
    .box-bsi-tuvan .box-ytfull .btnplay{top:35%;left:40%;}
    .box-bsi-tuvan .boxnews{position:relative;height:100%;top:0px;}
    .box-bsi-tuvan .boxnews .news{padding:10px 0;}
    .box-bsi-tuvan .boxnews .news .boxnew{padding:20px 0;}
    .box-bsi-tuvan .boxnews .news .introtext{font-size:14px;color:#666666;font-family:'Roboto Condensed', sans-serif;}
    .box-bsi-tuvan .boxnews .news .boxintro{padding:0 15px;}
    .box-bsi-tuvan .boxnews .news .boxintro .title{margin:0 0 7px;}
    .box-bsi-tuvan .toptext{text-align:justify;}
    #myNavbar > *{width:100%;float:none!important;display:inline-block;text-align: center;}
    #myNavbar1 > *{width:100%;float:none!important;display:inline-block}
    .main_menu .navbar-nav > li > a{padding:10px 15px}
    .navbar-brand{padding:8px 15px}
    .image_{width:100%;height:auto;}
    .image_ .full-img{min-width:0;min-height:0;max-width:100%;width:100%;height:auto;position:static}
    .box-why .box-title{position:static}
    .box-why .container{padding-top:15px;padding-bottom:0px;}
    .box-why .box-flower .box-flower-img{height:0;padding:0 0 43.63% 0;}
    .box-why .box-flower .box-flower-img .ptext{bottom:15px;left:15px;font-size:15px}
    .box-why .box-flower .textcontain{padding:15px;}
    .box-why .box-flower .textcontain .ptext > a{margin-bottom:5px;}
    .box-why .box-flower .textcontain .ptext p{font-size:15px}
    .box-bsi-tuvan .toptext,.box-bsi-tuvan .box-issue .issue{padding:15px;}
    .box-bsi-tuvan .box-issue .slick-initialized .slick-slide{padding:0}
    .box-bsi-tuvan .boxcontaintuvan{padding:30px 0 0}
    .box-bsi-tuvan .boxnews .feature-news{margin:0 0 10px}
    .box-bsi-tuvan .boxnews .news .imgnesw{padding:0;height:auto;}
    .service{padding:15px 0;}
    .brand_fito .container{width:calc(100vw - 30px)}
    .copyright_footer{padding:15px 0}
    .each_brand > img{height:110px;width:auto}
    .position_menu{background:transparent;z-index:100000;position:absolute;}
    .position_menu > .container > .row{margin:0}
    .position_menu .container-fluid{padding:0}
    .list_info ul li{display:block;margin:0}
    .vd_left{opacity:1;left:0;}
    .vd_right{opacity:1;left:0;}
    .boxcontaintuvan-left,.boxcontaintuvan-right,.center_brand,.service .container,.copyright_footer .container{opacity:1;top:0;}
    .box-bsi-tuvan .boxnews{opacity:1;top:20px;}
    .box-why .box-title h3,.box-why .box-title h2,.box-why .box-title .descript{opacity:1;top:0;}
    #product img{width:75%;}
    #product{left:0;}
    .form_question{padding-top:15px;}
    .main_menu .navbar-header{width:100%;float:none;margin:0;padding-bottom: 10px;}
    .main_menu .navbar-header img{max-width:100%;width:150px;padding-top:9px;}
    .main_menu #myNavbar{background-color:#ba0066;float:right;width:100%;margin:0;position: relative;}
    .main_menu #myNavbar1{background-color:#ba0066;float:right;width:100%;margin:0;position: relative;}
    .navbar-inverse .navbar-toggle .icon-bar{background-color:#fff;}
    .navbar-inverse .navbar-toggle:hover .icon-bar{background-color:#fff;}
    .main_menu .navbar-inverse .navbar-nav > [class*="current"] > a{color:#fff;background-color:transparent;font-weight:700;}
    .main_menu .navbar-inverse .navbar-nav > [class*="current"] > a:hover{color:#ba0066;}
    /*.navbar-inverse .navbar-toggle:focus{background-color:transparent;}*/
    .navbar-inverse .navbar-toggle:hover{background-color:#333;}
    .navbar-inverse .navbar-toggle{background-color:#333;}
    .blog_CMK{position:relative;}
    .ul_cmk ul li{display:inline-block;width:100%;}
    .each_blog{padding-bottom:15px;height:auto;}
    .paging_at{opacity:1;transition:all ease 0.2s;}
    .blog_right{opacity:1;transition:all ease 0.2s;}
    body{overflow-y:auto !important;overflow-x: hidden !important;}
    .textwidget{padding-top:15px;}
    #myNavbar:not(.in) #menu-mainmenu-2 > li{display:none;position: relative;}
    #myNavbar:not(.in) #menu-mainmenu-2 > li[class*="current_"]{display:block;}
    .list-group.list-inline.list-president.pull-right{width:100%;}
    .list-group.list-inline.list-president.pull-right li{padding:5px 5px 5px 0;}
    .icon_click_right {top: 30px;}
    .box-bsi-tuvan .boxnews .news .imgnesw img {
        width: 100%;
        height: auto;
    }
    .descript ul, .descript p{text-align: justify !important;}
    .back_parent {
        position: absolute;
        top: 8px;
        right: 15px;
    }
    .title_blog_detail {
        font-size: 25px;
        width: 100%;
        padding-bottom: 15px;
        color: #ba0066;
        padding-top: 30px;
    }
    .content_blog_detail p, .content_blog_detail ul{text-align: justify !important;}
    .each_blog img {
        width: 128px;
        height: 100px;
    }
    .short_content_CMK_detail {
        padding: 30px 0;
    }
    .navbar-collapse.collapse.in #menu-mainmenu-3{
        display: none !important;
    }
    .title_home img {
        width: 85%;
    }
    .background_CMK .hovereffect img,.background_CMK_detail .banner-CMK ,.background_header_CMK .banner-CMK{

        width: 100%;
        height: auto;
        max-width: none;

    }
    .menu_head{position: absolute !important;}
    .CMK_head{z-index: -1;}
}
.loading{position:fixed;z-index:2000;height:2em;width:2em;overflow:visible;margin:auto;top:0;left:0;bottom:0;right:0;display:block;}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,1);}
.loading.mask:before{background-color:rgba(255,255,255,0.7)}
.loading:after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:0.5em;-webkit-box-shadow:rgba(0,174,239,0.7) 1.5em 0 0 0, rgba(0,174,239,0.7) 1.1em 1.1em 0 0, rgba(0,174,239,0.7) 0 1.5em 0 0, rgba(0,174,239,0.7) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0,174,239,0.7) 0 -1.5em 0 0, rgba(0,174,239,0.7) 1.1em -1.1em 0 0;box-shadow:rgba(0,174,239,0.7) 1.5em 0 0 0, rgba(0,174,239,0.7) 1.1em 1.1em 0 0, rgba(0,174,239,0.7) 0 1.5em 0 0, rgba(0,174,239,0.7) -1.1em 1.1em 0 0, rgba(0,174,239,0.7) -1.5em 0 0 0, rgba(0,174,239,0.7) -1.1em -1.1em 0 0, rgba(0,174,239,0.7) 0 -1.5em 0 0, rgba(0,174,239,0.7) 1.1em -1.1em 0 0;}
.container_CMK{background-color:#f2f2f2;}
.copyright_footer_CMK{position:static;}
.notice_CMK{width:100%;background-color:#ffffff;border:#dedede solid 2px;}
.margin_bottom_CMK{position:relative;margin-bottom:80px;}
.notice_text_color_CMK{padding:0 0 0 45px;}
.notice_text_color_CMK p{display:inline-block;color:#df0279;font-size:15px;font-family:'Montserrat';text-align:right;padding:20px 30px 20px 80px;font-weight:bold;}
.notice_text_color_CMK_1{display:inline-block;color:#787878;font-size:15px;font-family:'Montserrat';font-weight:bold;padding:20px 0 0 50px;}
.map_CMK{padding:0;}
.map_CMK img{margin-top:15px;}
.text_giaohang, .text_doitra{font-size:15px;font-family:'Montserrat';font-weight:bold;color:#787878;}
.giaohang_CMK img, .doitra_CMK img{float:left;margin-right:19px;}
.giaohang_CMK .text_giaohang, .doitra_CMK .text_doitra{margin:0;}
.text_chinhsach{font-family:'Roboto';font-size:15px;color:#787878;}
.giaohang_CMK{padding:0 50px 0 70px;height: 80px;}
.title_BM {
    float: left;
    width: calc(100% - 65px);
}
.doitra_CMK{padding:0 50px 0 70px;height: 80px;}
.button_question_CMK button{font-size:15px;color:#fff;background-color:#df0279;font-family:Montserrat;text-transform:uppercase;padding:7px 35px;}.button_question_CMK button:hover{background-color:#df0279;color:#ffffff;}
.order-info{background-color:#ffffff;display:inline-block;position:absolute;top:20%;left:50%;width:40%;}
.order-info textarea{resize:none;}
.order-padding{padding:50px;}
.section_header{position:relative;}
.box-empty{height:500px;width:100%}
.order-info input, .order-info textarea{background-color:#f2f2f2;}
.background_header_CMK img{width:100%;}
.order-info .form-control{border-radius:0;border:none;}
.icon_arrow_CMK{padding:0;}
.icon_arrow_CMK img{padding:20px 0 0 0;}
#payment_method{color:#999;cursor:pointer;}
.payment_method_select{position:relative;}
.payment_method_select i{position:absolute;top:14px;right:27px;}
.background_filter_DSNT{background-color:#ffffff;width:90%;margin:0 auto;position:absolute;left:5%;bottom:-13%;}
.text_choose_DSNT{margin:39px 0px 28px 52px;padding:0;padding:0 0 0 39px;}
.text_choose_DSNT p{font-family:'Montserrat';font-weight:black;font-size:15px;color:#787878;}
.map_DSNT{padding:0;width:5%;}
.map_DSNT img{display:block;margin:22px 0 24px 0;}
.background_filter_DSNT form{margin:29px 0 0 0;}
.background_filter_DSNT form select{border-radius:0;}
.choose_district{position:relative;}
.choose_district i{position:absolute;top:30%;right:10%;}
/*.choose_district select{-moz-appearance:none;-webkit-appearance:none;}*/
.check_DSNT, .check_DSNT:focus{border-radius:0;padding-right:30px;padding-left:30px;background-color:#df0279;color:#ffffff;border:none;font-family:'Montserrat';font-weight:black;font-size:15px;}
.list_DSNT{margin:8% auto 0 auto;width:80%;}
.dugstoredistrict p{font-family:'Montserrat';font-weight:bold;font-size:18px;display:inline-block;margin-left:20px;}
.drugstoredetail{margin:1% 0 5% 3%;}
.border_right{border-right:2px solid #c6c6c6;}
.drugstoredetail .detail_info_1{font-family:'Montserrat';font-size:15px;color:#999999;}
.drugstoredetail .detail_info_2{font-family:'Montserrat';font-size:15px;color:#666666;margin-left:10%;}
.not-found-DSNT{text-align:center;color:red;font-family:Montserrat;margin-bottom:7%;font-style:italic;}
.loading_DSNT{text-align:center;margin-bottom:7%;}
@media screen and (max-width:774px){.order-info{position:static;width:100%;margin:0;}
                                    .box-empty{height:40px;}
                                    .margin_bottom_CMK{margin-bottom:40px;}
                                    .icon_arrow_CMK{text-align:center;}
                                    .icon_arrow_CMK img{padding:0 0 20px 0;}
                                    .notice_text_color_CMK{padding:0;text-align:center;}
                                    .notice_text_color_CMK p{padding:20px 0 0 0;text-align:center;}
                                    .notice_text_color_CMK_1{text-align:center;padding:35px 0 0 0;}
                                    .map_CMK{text-align:center;}
                                    .map_CMK img{margin-top:0;}
                                    .doitra_CMK{padding-bottom:30px;}
}
@media screen and (max-width:340px){.form_question input[type="text"], select{padding:0 35px !important;}
}
@media screen and (max-width:400px){.drugstoredetail .detail_info_2{margin:0;display:block;}
}
@media screen and (max-width:992px){.background_filter_DSNT{position:static;margin-top:5%;}
                                    .background_filter_DSNT .form-group{text-align:center;margin:5% 0 5% 0px;}
}

.news img{width:180px;height:115px;}
.each_blog_right img{width:155px;height:80px;}
.image_related img{width:150px;height:75px;}
.hover-brand-content{
    position: fixed;
    width: 50%;
    height: auto;
    top: 34.33%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #696967;
    padding: 30px;
    color:#fff;
    border-radius: 15px;
}
.bg-modal{
    position: fixed;

    background-color: rgba(0, 0, 0,0.4);

    width: 100%;

    height: auto;

    z-index: 100;

    top: 0;

    left: 0;
}
.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #696967;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

/*Thanh công cụ khi xem trên điện thoại*/
.taskbar-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 100000;
    background: #ba0066;
    width: 100%;
    height: 15%;

}
.taskbar-mobile .row {
    margin: 0;
}
.taskbar-mobile .buy-now-taskbar,.taskbar-mobile .list-phone,.taskbar-mobile .fanpage-and-message {
    padding: 10px;
}
.taskbar-mobile .list-phone {
    padding-left: 0;
    padding-right: 0;
}
.taskbar-mobile .buy-now-taskbar {
    text-align: center;
}
.taskbar-mobile .buy-now-taskbar span {
    display: block;
    color: #fff;
    text-transform: uppercase;
}
.taskbar-mobile .buy-now-taskbar i {
    color: #fff;
    font-size: 30px;
}
.taskbar-mobile .buy-now-taskbar a {
    text-decoration: none;
}
.taskbar-mobile .list-phone ul {
    list-style: none;
    padding-left: 0;
}
.taskbar-mobile .list-phone li {
    margin-bottom: 5px;
    color: #fff;
}
.taskbar-mobile .list-phone li:last-child {
    margin-bottom: 0;
}
.taskbar-mobile .list-phone li i {
    margin-right: 5px;
}
.taskbar-mobile .list-phone li a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 2px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
}
.taskbar-mobile .fanpage-and-message {
    text-align: center;
}
.taskbar-mobile .fanpage-and-message ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: inline-block;
}
.taskbar-mobile .fanpage-and-message ul li {
    color: #fff;
    padding: 3px 0;
    text-align: left;
}
.taskbar-mobile .fanpage-and-message ul li a {
    color: inherit;
    text-decoration: none;
}
.taskbar-mobile .fanpage-and-message ul li a span {
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .taskbar-mobile {
        display: block;
    }
    #fb-root {
        display: none;
    }
}

/*body{overflow: hidden;}*/
.position_menu {
    /*position: static;*/
    position: relative;
    z-index: 100;
    top: 20px;
    padding-bottom: 25px;
}
.banner-home{
    position: relative;
    height: calc(100% - 100px);
}
.banner-home .home-img-banner{
    position: absolute;
    left: 50%;
    top: 0;
    transform:translateX(-50%) 
}
@media (max-width:767px){
    .banner-home-wrapper{
        display: block;
    }
    #product img {

        width: 65%;
        position: relative;
        left: 0;
        top: 40px;

    }
    .title_home img {

        width: 75%;
        position: absolute;
        left: 65px;
        top: 115px;

    }
    #box-flower-138 {
        background-size: auto auto;
        background-size: 567px 160px;
    }
    .fix-video-mobile{
        z-index: 100;
    }
}
.menu-item{
    position: unset !important;
}
.menu-item a i{
    padding-left: 3px;
}
.menu-item .sub-menu{
    display: none;
    position: absolute;
    background: #ba0066;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding:0;
    opacity: 1;
    z-index: 100;
}
.menu-item .sub-menu li{
    /*color: black;*/
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.menu-item .sub-menu li:hover{
    background: #e8e8e8;
}
.menu-item:hover .sub-menu li a{
    color:#fff;
}
.menu-item .sub-menu li:hover a{
    color:#ba0066;
}
.menu-item .sub-menu li a{
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color:#fff;
}
.menu-item:hover .sub-menu {display: block;}
.menu_head{
    position: relative;
    z-index: 100;
    top: 20px;
    padding-bottom: 25px;
}
.menu-item .sub-menu li .sub-menu{
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
}
@media screen and (max-width:767px){
    .menu-item .sub-menu li .sub-menu{
        position: unset ;
    }
    .menu-item .sub-menu{
        position: unset ;
    }
}
.menu-item .sub-menu li:hover .sub-menu{
    display: block;
}
.menu-item .sub-menu li:hover .sub-menu a{
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color:#fff;
}
.menu-item .sub-menu li .sub-menu li:hover a{
    color:#ba0066;
}
.facebook{
    padding-top:23px;
}
.facebook h4{
    text-align: left;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-49 a {
    color: #fff !important;
    background-color: #ba0066 !important;
    font-weight: 500 !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-49 li:hover a {
    color: #ba0066 !important;
    background-color: #e8e8e8 !important;
    font-weight: 500 !important;
}
@media screen and(max-width:767px){
    .pull-right{
        text-align: center;
    }
}
div.pangination {
   margin-left:0;
}
div.pangination ul{
    display:flex;
    list-style: none;
    padding:0;
    margin:0;
}
div.pangination ul li{
    margin-right:20px;
}
div.pangination ul li a, div.pangination ul li span{
    font-family:'Montserrat';font-size:16px;
}
@media(max-width:576px){
    .list_DSNT{
        width:100%;
        padding:0 15px;
    }
}
/**************************************/