@font-face{
    font-family:'Thai_bold';
    src:url("../fonts/SukhumvitSet-Bold.ttf")
}
@font-face{
    font-family:'Thai_med';
    src:url("../fonts/SukhumvitSet-Medium.ttf")
}
@font-face{
    font-family:'Thai_thin';
    src:url("../fonts/SukhumvitSet-Thin.ttf")
}
.overlay{
    height:100%;
    width:100%;
    display:none;
    position:fixed;
    z-index:50;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.5)
}
.overlay-content{
    position:relative;
    top:46%;
    width:80%;
    text-align:center;
    margin-top:30px;
    margin:auto
}
.overlay .closebtn{
    position:absolute;
    top:20px;
    right:45px;
    font-size:60px;
    cursor:pointer;
    color:white
}
.overlay .closebtn:hover{
    color:#ccc
}
.overlay input[type=text]{
    padding:15px;
    font-size:17px;
    border:none;
    float:left;
    width:85%;
    background-color:white
}
.overlay input[type=text]:hover{
    background:#f1f1f1
}
.overlay button{
    float:left;
    width:15%;
    padding:15px;
    background-color:#80BA53;
    font-size:17px;
    border:none;
    color:#fff;
    cursor:pointer
}
.overlay button:hover{
    background-color:#4E844A
}
html{
    width:100%;
    height:auto
}
body{
    width:100%;
    height:auto;
    font-family:'Thai_med';
    color:#232323
}
dl,ol,ul{
    margin-top:0;
    margin-bottom:0 !important
}
h1,h2,h3,h4{
    margin:0;
    padding:0
}
.logo{
    width:100%
}
.panel_list_home{
    position:relative;
    width:100%;
    height:300px;
    box-shadow:0 -5px 8px -5px #333, 0 5px 5px -5px #333;
    text-align:center;
    background-color:#ccc
}
.panel_list_home.for_other{
    height:150px !important
}
.panel_list_home img.bg_header{
    height:100%;
    margin:0 auto;
    z-index:3
}
.panel_list_home img.bg_header_mb{
    background-color: #4E844A;
    height:100%;
    margin:0 auto;
    z-index:3
}
.panel_list_home img.content_page{
    height:100%;
    z-index:3;
    margin:0 auto
}
.panel_list_home .list_menu{
    position:absolute;
    right:0;
    top:0;
    width:100%;
    margin-top:8px;
    text-align:right
}
.panel_list_home .list_menu ul.nav_menu{
    margin:0;
    padding:0;
    z-index:5
}
.panel_list_home .list_menu ul.nav_menu li{
    display:inline-block
}
.panel_list_home .list_menu ul.nav_menu li a.nav_menu_link{
    display:block;
    text-align:center;
    padding:7px 10px;
    font-family:'Thai_bold';
    font-size:16px;
    color:#fff;
    background-color:transparent;
    border-radius:5px
}
.panel_list_home .list_menu ul.nav_menu li a.nav_menu_link:hover{
    background-color:#4E844A
}
.panel_list_home .list_menu ul.nav_menu li a.nav_menu_link.active_menu_link{
    background-color:#4E844A
}
.panel_list_home .list_menu ul.nav_menu li span.space_menu{
    margin:0 6px;
    color:#fff
}
.panel_list_home .list_menu ul.nav_menu li .search_image{
    cursor:pointer;
    position:relative;
    top:3px;
    margin:0 10px;
    padding:5px 5px 0 5px;
    border-radius:5px
}
.panel_list_home .list_menu ul.nav_menu li .search_image:hover{
    background-color:#4E844A
}
.panel_list_home .list_menu ul.nav_menu li .search_image img{
    width:18px;
    height:18px
}
.panel_list_home .content_banner{
    position:absolute;
    right:0;
    top:75px;
    width:100%;
    text-align:right;
    color:#fff
}
.panel_list_home .content_banner .content_banner_info{
    width:400px;
    position:absolute;
    right:70px;
    text-align:center
}
.panel_list_home .content_banner .content_banner_info h2.banner_title{
    font-family:'Thai_bold';
    font-size:24px;
    text-shadow:1px 1px rgba(0,0,0,0.2)
}
.panel_list_home .content_banner .content_banner_info p.banner_detail{
    font-size:16px;
    margin-top:25px;
    margin-bottom:20px
}
.slider-produtos-wrap{
    position:relative;
    width:100%
}
.swiper-container{
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto
}
.swiper-slide{
    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
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#4E844A !important;
    width:14px;
    height:14px
}
.swiper-pagination-bullet{
    opacity:1;
    width:14px;
    height:14px;
    background:#666
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:15px;
    left:0;
    width:100%
}
.pagination_setting{
    bottom:15px !important
}
.swiper-button-prev{
    left:-30px;
    outline:none
}
.swiper-button-next{
    right:-30px;
    outline:none
}
.overlay_side{
    height:100%;
    width:100%;
    display:none;
    position:fixed;
    z-index:9;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.5)
}
h4.title_dropdown{
    font-size:18px;
    color:#4E844A;
    font-family:'Thai_bold';
    margin-bottom:5px
}
h4.title_dropdown_center{
    font-size:18px;
    color:#4E844A;
    font-family:'Thai_bold';
    margin-bottom:-20px
}
nav.topnav{
    position:relative;
    background-color:#ebebeb;
    width:100%;
    height:40px;
    overflow:hidden;
    padding:0
}
nav.topnav .topnav_left{
    float:left;
    width:50%;
    text-align:left;
    height:40px;
    line-height:40px
}
nav.topnav .topnav_right{
    float:right;
    width:50%;
    text-align:right;
    height:40px;
    line-height:40px
}
nav.topnav ul.contact{
    margin:0;
    padding:0;
    overflow:hidden
}
nav.topnav ul.contact li.topnav_inline{
    display:inline-block;
    margin-right:15px
}
nav.topnav ul.contact li.topnav_inline p.topnav_text{
    font-size:14px
}
nav.topnav ul.contact li.topnav_inline p.topnav_text img.icon{
    margin-right:7px;
    width:17px;
    height:17px;
    position:relative;
    top:2px
}
nav.topnav ul.contact li.topnav_inline p.topnav_text span.topnav_number{
    color:#4E844A;
    margin-left:7px
}
nav.topnav ul.contact li.topnav_inline a.link{
    font-size:14px;
    text-decoration:none;
    color:#232323;
    text-transform:uppercase
}
nav.topnav ul.contact li.topnav_inline a.link:hover{
    color:#4E844A;
    text-decoration:underline
}
nav.topnav ul.contact li.topnav_inline span.link{
    margin:0 3px
}
nav.topnav ul.contact li.topnav_inline .font_custom{
    color:#232323;
    margin-left:20px
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_align{
    font-size:14px;
    margin:0 5px
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_s{
    font-size:16px;
    margin:0 2px;
    cursor:pointer;
    font-family:'Thai_bold'
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_s:hover{
    color:#4E844A
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_m{
    font-size:18px;
    margin:0 2px;
    cursor:pointer;
    font-family:'Thai_bold'
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_m:hover{
    color:#4E844A
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_l{
    font-size:20px;
    margin:0 2px;
    cursor:pointer;
    font-family:'Thai_bold'
}
nav.topnav ul.contact li.topnav_inline .font_custom .font_custom_l:hover{
    color:#4E844A
}
nav.topnav ul.contact li.social_inline{
    display:inline-block;
    margin-left:25px
}
nav.topnav ul.contact li.social_inline a.social_icon{
    text-decoration:none;
    margin-left:5px
}
nav.topnav ul.contact li.social_inline a.social_icon img{
    width:28px;
    height:28px;
    vertical-align:middle;
    position:relative;
    top:-2.5px
}
nav.topnav ul.contact li.admin_panel{
    float:right;
    width:120px
}
.menu_header{
    margin:8px 0 5px 0
}
.menu_header .contact_info{
    position:relative;
    margin-top:25px;
    left:10px;
    width:210px
}
.menu_header .contact_info img.info_icon{
    float:left;
    height:25px;
    margin-right:10px;
    margin-top:5px
}
.menu_header .contact_info p.info{
    overflow:hidden;
    font-size:15px
}
.menu_header .contact_info p.info_bold{
    font-family:'Thai_bold';
    overflow:hidden;
    font-size:15px
}
.user_info{
    margin-top:25px;
    padding-left:15px
}
.user_info_mobile{
    position:absolute;
    right:10px;
    top:5px;
    width:120px;
    height:40px;
    z-index:1
}
.dropdown_info{
    position:relative;
    display:inline-block;
    width:100%
}
.dropdown-content{
    display:none;
    position:absolute;
    right:0;
    overflow:auto;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:100;
    background-color:#4e844a;
    min-width:200px
}
.dropdown-content a{
    color:#fff;
    padding:5px 10px;
    text-decoration:none;
    display:block;
    font-size:14px
}
.dropdown-content a:hover{
    background-color:#232323
}
.show{
    display:block
}
section.contact{
    position:relative;
    background-color:#4E844A;
    color:#fff;
    padding:30px;
    margin-bottom:15px
}
footer{
    margin:0 0 0 0;
    background-color:#f8f8f8;
    padding-top:20px
}
.footer_link_contain{
    margin-top:0;
    margin-bottom:-10px
}
.footer_link_contain a.footer_link{
    font-size:16px;
    color:#232323;
    margin:15px 0
}
p.footer_text{
    margin-top:15px;
    font-size:14px
}
span.footer_margin{
    margin:0 5px
}
ul.footer_icon{
    position:relative;
    margin:15px 0 0 0;
    padding:0;
    overflow:hidden;
    text-align:right
}
ul.footer_icon li{
    display:inline-block;
    margin:0 0 0 5px;
    text-align:right
}
ul.footer_icon li img{
    height:30px
}
.qr_container{
    position:relative
}
.qr_container img.qr_img{
    width:100px;
    height:100px;
    margin-right:20px;
    float:left
}
.qr_container p.contact{
    font-size:16px;
    overflow:hidden
}
.navbar-burger{
    cursor:pointer;
    display:block;
    height:3.25rem;
    position:relative;
    width:3.25rem;
    margin-left:0
}
.sidenav-menu{
    position:fixed;
    height:100%;
    top:0;
    left:-300px;
    z-index:1000;
    overflow-x:hidden;
    box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    width:300px;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    background:#eae9e9
}
.sidenav_img{
    height:170px;
    width:100%;
    background:url("../images/img06.jpg") no-repeat top left;
    background-size:contain;
    background-color:#fff;
    box-shadow:0 4px 4px rgba(0,0,0,0.2)
}
.hamburger-icon{
    width:45px;
    position:fixed;
    top:50%;
    left:0;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    height:40px;
    overflow:hidden;
    transform:translateY(-50%);
    background-color:#4e844a;
    text-align:center;
    z-index:10;
    box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
.hamburger-icon span{
    display:block;
    position:absolute;
    height:2px;
    width:70%;
    background:#fff;
    border-radius:9px;
    opacity:1;
    left:5.5px;
    margin-top:10px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.hamburger-icon span:nth-child(1){
    top:0
}
.hamburger-icon span:nth-child(2){
    top:8px
}
.hamburger-icon span:nth-child(3){
    top:16px
}
.hamburger-icon.open span:nth-child(1){
    top:8px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.hamburger-icon.open span:nth-child(2){
    opacity:0;
    left:-60px
}
.hamburger-icon.open span:nth-child(3){
    top:8px;
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
section.recommend{
    position:relative;
    width:100%;
    padding:60px 0;
    box-sizing:border-box
}
section.recommend .message_panel{
    width:90%;
    position:relative;
    margin:30px auto 0 auto;
    background-color:#70ad47;
    padding:5px 40px;
    height:170px;
    border-radius:14px;
    border:1px solid #fff;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    text-align:center;
    color:#fff
}
section.recommend .message_panel:after{
    position:absolute;
    right:-100px;
    top:-30px;
    content:"";
    background:url("../images/asset1.png") top center no-repeat;
    width:220px;
    height:220px;
    background-size:contain
}
section.recommend .message_panel .message_info{
    position:relative;
    left:-20px
}
section.recommend .message_panel .message_info img.light_icon{
    margin-right:5px;
    position:relative;
    top:10px
}
section.recommend .message_panel .message_info p.hello{
    font-family:'Thai_bold';
    font-size:20px
}
section.recommend .message_panel .message_info p.messgae_hello{
    margin:15px 0 30px 0;
    font-size:16px
}
section.recommend .book_panel{
    position:relative;
    background-color:#fbd34f;
    padding:30px 15px;
    width:90%;
    float:right;
    height:220px
}
section.recommend .book_panel .book_contain{
    width:100%;
    text-align:left;
    max-width:90%;
    margin:0 auto;
    height:250px
}
section.recommend .book_panel .book_contain .book_contain_left{
    float:left;
    width:40%
}
section.recommend .book_panel .book_contain .book_contain_right{
    float:left;
    width:60%
}
section.recommend .book_panel .book_contain img.book_image{
    width:65%;
    margin:0 auto;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}
section.recommend .book_panel .book_contain .article_book_contain{
    position:relative;
    width:100%;
    left:-30px
}
section.recommend .book_panel .book_contain .article_book_contain p.article_book_title{
    font-family:'Thai_bold';
    font-size:18px
}
section.recommend .book_panel .book_contain .article_book_contain p.article_book_title img.book_favorite{
    width:35px;
    margin-right:5px;
    position:relative;
    top:5px
}
section.recommend .book_panel .book_contain .article_book_contain p.article_text{
    font-size:16px;
    margin-top:25px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden
}
section.recommend .book_panel .book_contain .article_book_contain ul.view{
    margin:10px 0 0 0;
    padding:0
}
section.recommend .book_panel .book_contain .article_book_contain ul.view li{
    display:inline-block;
    margin-right:15px
}
section.recommend .book_panel .book_contain .article_book_contain ul.view li p.view_log{
    font-size:14px;
    color:#025094
}
section.recommend .book_panel .book_contain .article_book_contain ul.view li p.view_log i.icon_set{
    margin-right:5px;
    font-size:16px;
    color:#232323
}
section.recommend .book_panel .book_contain .article_book_contain .readmore_align{
    float:right;
    margin-top:10px
}
.news_container{
    width:100%;
    position:relative;
    max-width:80%;
    margin:90px auto 0 auto
}
.news_container a.news_card{
    width:100%;
    height:165px;
    border-radius:7px;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    display:block;
    text-align:center;
    padding:15px 0
}
.news_container a.news_card:hover{
    background-color:#70ad47
}
.news_container a.news_card:hover img.news_icon{
    transform:translateY(-50px);
    height:100px
}
.news_container a.news_card:hover p.news_title{
    transform:translateY(-60px);
    color:#fff;
    margin:10px 0
}
.news_container a.news_card:hover p.news_count{
    transform:translateY(-60px);
    opacity:0
}
.news_container a.news_card:hover .view{
    opacity:1;
    transform:translateY(-95px)
}
.news_container a.news_card img.news_icon{
    height:64px;
    margin:0 auto;
    position:relative;
    transition:all 0.3s ease 0s
}
.news_container a.news_card p.news_title{
    font-size:16px;
    margin:5px 0;
    color:#232323;
    transition:all 0.3s ease 0s
}
.news_container a.news_card p.news_count{
    font-size:22px;
    color:#232323;
    font-family:'Thai_bold';
    transition:all 0.3s ease 0s;
    opacity:1
}
.news_container a.news_card .view{
    font-size:16px;
    color:#232323;
    padding:10px;
    width:120px;
    text-align:center;
    background-color:#fff;
    border-radius:7px;
    margin:0 auto 0 auto;
    opacity:0;
    transition:all 0.3s ease 0s
}
section.of_month{
    position:relative;
    padding:0 0 60px 0;
    width:100%
}
section.of_month .of_month_panel{
    width:100%;
    background-color:#f6f6f6;
    position:relative;
    padding-top:80px;
    padding-bottom:70px;
    z-index:3
}
section.of_month .of_month_panel h4.title{
    font-size:18px
}
.best_panel_top_view{
    font-size:18px
}
section.of_month .of_month_panel h4.title img.icon_left{
    height:40px;
    margin-right:10px;
    position:relative;
    top:8px
}
section.of_month .of_month_panel h4.title span.month{
    color:#025094
}
section.of_month .of_month_panel .more_btn_container{
    float:right;
    margin-top:15px
}
.more_btn_container_media_top_view{
    float:right;
    margin-top:15px
}
section.of_month .of_month_panel:after{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    content:"";
    width:0;
    height:0;
    border-left:35px solid transparent;
    border-right:35px solid transparent;
    border-top:50px solid #fff
}
section.of_month .of_month_panel .ribbon{
    position:absolute;
    top:-10px;
    left:-10px;
    width:100px;
    height:100px
}
section.of_month .of_month_panel .of_month_container{
    width:100%;
    max-width:75%;
    margin:0 auto
}
section.chosen_book .chosen_book_container{
    width:100%;
    max-width:75%;
    margin:0 auto
}
section.of_month .of_month_panel .of_month_container a.card_book{
    display:block;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    background-color:#fbd34f;
    text-align:center;
    margin:0 auto
}
section.of_month .of_month_panel .of_month_container a.card_book:hover{
    outline:5px solid #fbd34f
}
section.of_month .of_month_panel .of_month_container a.card_book:hover img.img_book{
    width:100%
}
section.of_month .of_month_panel .of_month_container a.card_book img.img_book{
    object-fit:cover;
    width:198px;
    height: 278px;
    margin-bottom:-7px
}
.card_book_top_view{
    display:block;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    background-color:#fbd34f;
    text-align:center;
    margin:0 auto
}
.card_book_top_view:hover{
    outline:5px solid #fbd34f
}
.card_book_top_view:hover img.img_book_top_view{
    width:100% !important;
}
.card_book_top_view img.img_book_top_view{
    object-fit:cover;
    width:198px;
    height: 278px;
    margin-bottom:-7px
}

.img_book_top_view{
    object-fit:cover;
    width:198px !important;
    height: 278px !important;
    margin-bottom:-7px
}
section.of_month .of_month_panel .of_month_container p.book_title{
    margin:20px 0 0 0;
    text-align:center;
    font-size:14px
}
.book_title_top_view{
    margin:20px 0 0 0;
    text-align:center;
    font-size:14px
}
.bg_nature{
    width:100%;
    background-color:#518700;
    position:relative;
    height:108px;
    margin-top:40px;
    text-align:center
}
.bg_nature img.pic_nature{
    height:300px;
    position:relative;
    margin-top:-192px;
    width:90%;
    background-color:#fff
}
section.chosen_book{
    width:100%;
    background-color:#faeddd;
    padding:30px 0
}
section.chosen_book .chosen_book_container{
    width: 100%;
    max-width: 75%;
    margin: 0 auto;
}
section.chosen_book .chosen_book_container a.book_slide{
    display:block;
    width:100%;
    text-align:center;
    padding-top:5px
}
section.chosen_book .chosen_book_container a.book_slide img{
    width:219px;
    height: 315px;
    object-fit:cover;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}
section.chosen_book .chosen_book_container a.book_slide img:hover{
    outline:5px solid #fbd34f
}
section.chosen_book .chosen_book_container a.book_slide p.text_book_slide{
    margin:15px 0 0 0;
    text-align:center;
    font-size:14px;
    color:#232323
}
section.chosen_book .chosen_book_container .best_panel_top_view h4.best_title{
    font-size:18px;
}
section.chosen_book .chosen_book_container .best_panel_top_view h4.best_title span.best_text{
    color:#025094;
    font-family:'Thai_bold'
}
section.chosen_book .chosen_book_container .best_panel_top_view h4.best_title img{
    height:40px;
    margin-right:7px;
    position:relative;
    top:5px
}
section.chosen_book .chosen_book_container .best_panel .best_image_contain{
    width:75%;
    margin:20px auto 0 auto;
    text-align:center
}
section.chosen_book .chosen_book_container .best_panel .best_image_contain img{
    width:100%
}
section.top_view{
    background-color:#f8f8f8;
    padding:30px 0;
    position:relative;
    width:100%;
    box-sizing:border-box
}
section.top_view .video_panel{
    position:relative;
    width:100%;
    background:#fff;
    border-radius:15px;
    border:1px solid #ccc;
    padding:20px
}
section.top_view .video_panel .title_contain{
    position:relative;
    width:100%;
    margin-top:-10px
}
section.top_view .video_panel .title_contain h4.title{
    font-size:18px
}
section.top_view .video_panel .title_contain h4.title img.icon_left{
    height:40px;
    margin-right:10px;
    position:relative;
    top:8px
}
section.top_view .video_panel .title_contain h4.title span{
    color:#025094
}
section.top_view .video_panel .title_contain .more_btn_container{
    float:right;
    margin-top:10px
}
section.top_view .video_panel .video_card_contain{
    margin-top:15px;
    position:relative;
    width:100%
}
section.top_view .video_panel .video_card_contain .set_column{
    padding:.45rem
}
section.top_view .video_panel .video_card_contain .video_card{
    position:relative;
    width:100%;
    overflow:hidden;
    cursor:pointer
}
section.top_view .video_panel .video_card_contain .video_card:hover{
    outline:5px solid #fbd34f
}
section.top_view .video_panel .video_card_contain .video_card .video_play_icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:url("../images/play-video.png") no-repeat;
    width:64px;
    height:52px;
    background-size:contain
}
section.top_view .video_panel .video_card_contain .video_card img.video_bg{
    width:100%;
    float:left;
    object-fit:cover
}
section.top_view .book_of_month_panel{
    position:relative;
    width:100%;
    background-color:#fff;
    border-radius:15px;
    border:1px solid #ccc
}
section.top_view .book_of_month_panel .book_container{
    position:relative;
    width:100%;
    background-color:#f3abcb;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    height:70px;
    padding:15px
}
section.top_view .book_of_month_panel .book_container h4.title{
    font-size:18px;
    color:#fff;
    margin-top:20px
}
section.top_view .book_of_month_panel .book_container .more_btn_container{
    float:right
}
section.top_view .book_of_month_panel .book_slide_card{
    width:100%;
    background-color:#fff;
    margin:0 auto;
    background:url("../images/grass.png") no-repeat;
    background-position-x:center;
    background-position-y:10.5rem;
    z-index:4
}
section.top_view .book_of_month_panel .book_slide_card a.book_slide_link{
    position:relative;
    display:block;
    text-decoration:none;
    text-align:center;
    margin:20px 0 60px 0;
    z-index:5
}
section.top_view .book_of_month_panel .book_slide_card a.book_slide_link img{
    object-fit:cover;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    height:270px
}
section.top_view .book_of_month_panel .book_slide_card .mascot_bot{
    position:relative;
    width:100%;
    padding:0 20px;
    margin-top:-10px;
    margin-bottom:33px
}
section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel{
    width:90%;
    position:relative;
    background-color:#70ad47;
    height:120px;
    border-radius:14px;
    border:1px solid #fff;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    text-align:center;
    color:#fff
}
section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel .light_icon_set{
    position:absolute;
    top:20px;
    left:20px;
    background:url("../images/light.png") no-repeat;
    width:50px;
    height:50px;
    background-size:contain
}
section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel:after{
    position:absolute;
    right:-55px;
    top:-21px;
    content:"";
    background:url("../images/asset2.png") top center no-repeat;
    width:160px;
    height:160px;
    background-size:contain
}
section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel .mascot_info{
    position:relative;
    margin-top:20px
}
section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel .mascot_info p.hello{
    font-size:16px
}
.sidenav_form_container{
    padding:15px 15px 0 15px
}
.sidenav_form_container p.sidenav_title{
    font-size:16px;
    color:#4E844A;
    font-family:'Thai_bold'
}
.search_form{
    width:100%;
    text-align:center;
    margin:30px auto
}
.label{
    font-weight:normal;
    margin-bottom:.5em;
    margin-top:15px
}
.w100{
    width:100%
}
.w50{
    width:50%
}
.breadcrumb_block{
    position:relative;
    width:100%;
    padding:20px 0;
    background-color:#ebebeb
}
.breadcrumb_block h2.page_info{
    font-size:20px;
    font-family:'Thai_bold'
}
.breadcrumb a{
    color:#232323
}
.breadcrumb a:hover{
    color:#4E844A
}
.font_ci{
    font-family:'Thai_med' !important
}
.wrapper_content{
    margin:45px 0 30px 0
}
.panel_book{
    position:relative;
    width:100%;
    max-width:95%
}
.panel_book .filter_field{
    width:100%;
    max-width:94%;
    margin:0 auto
}
.panel_book p.book_number{
    font-size:16px
}
.panel_book p.book_number span{
    font-size:20px;
    font-family:'Thai_bold';
    margin:0 5px
}
.panel_book .book_view{
    margin-top:30px
}
.panel_book .book_card_view_contain{
    width:100%;
    max-width:80%;
    margin:0 auto
}
.panel_book .book_card_view_contain p.book_name{
    padding:0 10px;
    font-size:16px;
    margin:20px 0 20px 0
}
ul.ribbon_float{
    list-style:none;
    position:absolute;
    top:0;
    right:5px
}
ul.ribbon_float li{
    display:inline-block;
    margin:0 0
}
ul.ribbon_float li .card_book_ribbon_s1{
    width:40px;
    height:40px;
    background:url("../images/favorite.png") no-repeat;
    background-size:contain
}
ul.ribbon_float li .card_book_ribbon_s2{
    width:40px;
    height:40px;
    background:url("../images/flags.png") no-repeat;
    background-size:contain
}
a.card_book_view{
    position:relative;
    display:block;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    background-color:#fbd34f;
    text-align:center;
    margin:0 auto
}
a.card_book_view .card_book_new{
    position:absolute;
    top:-8px;
    left:-10px;
    background:url("../images/newlabel.png") no-repeat;
    background-size:contain;
    width:80px;
    height:80px
}
a.card_book_view:hover{
    outline:5px solid #fbd34f
}
a.card_book_view:hover img.img_book_view{
    width:100%
}
a.card_book_view:hover .view_more{
    opacity:1;
    bottom:15%
}
a.card_book_view .view_more{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    font-size:16px;
    color:#232323;
    padding:10px;
    width:120px;
    text-align:center;
    background-color:#fff;
    border-radius:7px;
    opacity:0;
    transition:all 0.3s ease 0s
}
a.card_book_view img.img_book_view{
    object-fit:cover;
    width:218px;
    height:328px;
    margin-bottom:-7px
}
.pagination-link.is-current{
    background-color:#4e844a;
    border-color:#4e844a;
    color:#fff
}
.box_category{
    position:relative;
    width:100%;
    padding:0 5px 40px 5px;
    border-radius:15px;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}
.box_category .category_list{
    padding:10px 20px
}
.box_category .category_list p.title{
    font-family:'Thai_bold';
    font-size:16px;
    margin:30px 0 20px 0
}
.box_category .best_book_panel{
    position:relative;
    width:100%;
    background-color:#faeddd;
    margin-top:20px
}
.box_category .best_book_panel h4.title{
    font-family:'Thai_bold';
    font-size:16px;
    padding:15px;
    margin-bottom:5px
}
.box_category .best_book_panel h4.title img{
    height:25px;
    position:relative;
    top:3px;
    margin-right:5px
}
.box_category .best_book_panel a.best_book_link{
    margin-bottom:10px;
    position:relative
}
.box_category .best_book_panel a.best_book_link img.best_book{
    position:relative;
    object-fit:cover;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    height:270px;
    margin-bottom:7px
}
.box_category .best_book_panel a.best_book_link .card_book_ribbon{
    position:absolute;
    top:0;
    right:5px;
    width:40px;
    height:40px;
    background:url("../images/favorite.png") no-repeat;
    background-size:contain
}
.box_category .tag_panel{
    position:relative;
    margin-top:25px;
    padding:0 20px
}
.box_category .tag_panel h4.title{
    font-family:'Thai_bold';
    font-size:16px;
    padding:0;
    margin-bottom:20px
}
.box_category .tag_panel h4.title img{
    height:25px;
    position:relative;
    top:3px;
    margin-right:5px
}
.ulcategory ul{
    list-style-type:disc;
    text-align:left;
    margin-left:20px
}
.ulcategory ul li a{
    font-size:16px;
    line-height:1.6;
    color:#555;
    margin-bottom:10px;
    display:block
}
.ulcategory ul li a.active_category{
    color:#4E844A
}
.ulcategory ul li a:hover{
    color:#4E844A
}
.swiper-best-book{
    padding:0 0 35px 0
}
a.download{
    cursor:pointer;
    text-decoration:none;
    padding:3px 8px;
    border-radius:5px;
    color:#025094;
    border:1px solid #025094;
    background-color:#fff;
    font-size:12px
}
a.download i{
    margin-right:5px
}
.date_view{
    font-size:14px
}
.date_view i{
    margin-right:5px
}
.visit_view{
    margin:0 15px;
    font-size:14px
}
.visit_view i{
    margin-right:5px
}
.video_content_panel{
    width:100%;
    max-width:90%;
    margin:0 auto
}
.video_content_panel .video_card{
    position:relative;
    width:100%;
    overflow:hidden;
    cursor:pointer
}
.video_content_panel .video_card:hover{
    outline:5px solid #fbd34f
}
.video_content_panel .video_card .video_play_icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:url("../images/play-video.png") no-repeat;
    width:64px;
    height:52px;
    background-size:contain
}
.video_content_panel .video_card img.video_bg{
    width:100%;
    float:left;
    object-fit:cover
}
.video_content_panel .video_content{
    margin:15px 0;
    padding:10px 0
}
.video_content_panel .video_content p.text{
    color:#025094;
    margin:0 0 10px 0
}
.video_content_panel .video_detail_block{
    position:relative;
    width:100%;
    border:1px solid #ccc
}
.video_content_panel .video_detail_block .block_left{
    background-color:#ebebeb;
    padding:10px 5px;
    color:#025094;
    font-size:14px
}
.video_content_panel .video_detail_block .block_right{
    background-color:#fff;
    padding:10px 0 10px 10px;
    font-size:14px
}
.video_list_block{
    width:95%;
    margin:0 0 0 auto
}
.video_list_block .tab_panel{
    width:100%;
    margin:0 auto;
    text-align:center;
    border-bottom:1px solid #ccc
}
.video_list_block .tab_panel ul.tab_inline{
    list-style-type:none;
    margin:0;
    padding:0
}
.video_list_block .tab_panel ul.tab_inline li{
    display:inline-block;
    margin:0 5px 10px 5px
}
.video_list_block .tab_panel ul.tab_inline li button.btn_tab{
    font-size:14px;
    padding:6px 7px;
    background-color:#ebebeb;
    color:#232323;
    outline:none;
    cursor:pointer;
    border:0;
    font-family:'Thai_med';
    border-radius:7px
}
.video_list_block .tab_panel ul.tab_inline li button.btn_tab.tab_link_menu_active,.video_list_block .tab_panel ul.tab_inline li button.btn_tab:hover{
    background-color:#4e844a;
    color:#fff
}
.video_list_block article.tab_info{
    margin-bottom:15px
}
.video_list_block article.tab_info .image_list{
    position:relative;
    width:100%;
    overflow:hidden;
    border:1px solid #bbb
}
.video_list_block article.tab_info .image_list img{
    width:100%;
    float:left;
    object-fit:cover
}
.video_list_block article.tab_info .content_info{
    padding-left:15px
}
.video_list_block article.tab_info .content_info a.text_info{
    font-size:14px;
    color:#025094;
    margin:0 0 20px 0;
    display:block
}
.tabcontent{
    margin-top:20px
}
.container_details{
    width:100%;
    max-width:75%;
    margin:0 auto
}
.container_details h4.title_name{
    margin:0 0 10px 0;
    color:#025094
}
.container_details .tag_contain{
    margin-top:20px;
    margin-bottom:10px
}
.container_details p.tags{
    margin-right:15px
}
.container_details p.tags i{
    margin-right:3px;
    color:#4e844a
}
.container_details .book_image_left{
    position:relative;
    width:100%;
    text-align:left
}
.container_details .book_image_left .scan_qr{
    position:absolute;
    left:-61px;
    top:50px;
    width:60px;
    height:60px;
    background:url("../images/qr-code.png") no-repeat center;
    background-size:contain;
    cursor:pointer
}
.container_details .book_image_left .book_image{
    margin:0;
    width:100%;
    max-width:100%;
    object-fit:cover;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}
.container_details .details_book_right_contain{
    padding-left:40px
}
.container_details .details_book_right_contain .details_book_right{
    border:1px solid #ccc
}
.container_details .details_book_right_contain .details_book_right .block_left{
    background-color:#ebebeb;
    padding:10px 5px;
    color:#025094;
    font-size:14px
}
.container_details .details_book_right_contain .details_book_right .block_right{
    background-color:#fff;
    padding:10px 0 10px 10px;
    font-size:14px
}
.modal_header{
    background-color:#eae9e9;
    text-align:center;
    padding:15px 0
}
.modal_header h3.title{
    font-size:16px;
    margin:0
}
.modal_body{
    background-color:#fff;
    padding:15px;
    text-align:center;
    margin:0 auto
}
.modal_body img{
    width:200px
}
.search_container{
    margin:0 auto;
    width:100%;
    max-width:80%
}
.search_container p.search_result{
    margin:0 0 15px 0
}
.search_container p.search_result span{
    font-size:18px;
    font-family:'Thai_bold'
}
.search_container p.book_name{
    padding:0 5px;
    font-size:14px;
    margin:15px 0 0 0
}
.search_container .mutimedia_link{
    width:100%;
    margin-bottom:15px
}
.search_container .mutimedia_link a.mutimedia_img{
    position:relative;
    width:100%;
    overflow:hidden;
    display:block
}
.search_container .mutimedia_link a.mutimedia_img:hover{
    outline:3px solid #fbd34f
}
.search_container .mutimedia_link a.mutimedia_img .mutimedia_new{
    position:absolute;
    top:-5px;
    left:-5px;
    background:url(../images/newlabel.png) no-repeat;
    background-size:contain;
    width:60px;
    height:60px
}
.search_container .mutimedia_link a.mutimedia_img .mutimedia_ribbon{
    position:absolute;
    right:5px;
    top:0px;
    background:url(../images/favorite.png) no-repeat;
    background-size:contain;
    width:35px;
    height:35px
}
.search_container .mutimedia_link a.mutimedia_img img{
    width:100%;
    float:left;
    object-fit:cover;
    border:1px solid #232323
}
.search_container .mutimedia_link .mutimedia_content{
    padding:15px 0 0 15px
}
.search_container .mutimedia_link .mutimedia_content p.mutimedia_text{
    font-size:14px;
    color:#025094;
    margin:0 0 20px 0
}
#menu_mobile{
    position:fixed;
    bottom:0;
    left:0;
    z-index:5;
    width:100%
}
#menu_mobile ul.menu_mobile{
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#4E844A
}
#menu_mobile ul.menu_mobile li{
    list-style:none;
    float:left;
    width:16.6666667%;
    display:table
}
#menu_mobile ul.menu_mobile li a.menu_mobile_link{
    text-decoration:none;
    display:table-cell;
    vertical-align:middle;
    height:60px;
    text-align:center
}
#menu_mobile ul.menu_mobile li a.menu_mobile_link img.image_menu{
    margin:0 auto;
    height:25px
}
#menu_mobile ul.menu_mobile li a.menu_mobile_link p.text_menu{
    color:#fff;
    font-size:10px;
    line-height:8px
}
#menu_mobile ul.menu_mobile li a.menu_mobile_link.-active_menu_mobile{
    background-color:#6fad47
}
a.btn_read{
    background-color:#ed7d31;
    color:#fff;
    width:120px;
    padding:5px 0;
    font-size:16px;
    border-radius:5px;
    text-align:center;
    display:inherit;
    margin:0 auto;
    box-shadow:0px 8px 15px rgba(0,0,0,0.2);
    transition:all 0.3s ease 0s;
    cursor:pointer
}
a.btn_read:hover{
    background-color:#ed7d31;
    box-shadow:0px 15px 20px rgba(237,125,49,0.4);
    transform:translateY(-7px)
}
a.btn_more{
    background-color:#4E844A;
    color:#fff;
    width:140px;
    padding:10px 0;
    font-size:16px;
    border-radius:5px;
    text-align:center;
    display:inherit;
    box-shadow:0px 8px 15px rgba(0,0,0,0.2);
    transition:all 0.3s ease 0s;
    cursor:pointer;
    margin:0 auto
}
a.btn_more i.icon_more{
    margin-right:10px
}
a.btn_more:hover{
    background-color:#4E844A;
    box-shadow:0px 15px 20px rgba(78,132,74,0.4);
    transform:translateY(-7px)
}
a.btn_search{
    background-color:#4E844A;
    color:#fff;
    width:140px;
    padding:10px 0;
    font-size:16px;
    border-radius:5px;
    text-align:center;
    display:inherit;
    box-shadow:0px 8px 15px rgba(0,0,0,0.2);
    transition:all 0.3s ease 0s;
    cursor:pointer;
    margin:0 auto
}
a.btn_search i.icon_search{
    margin-right:10px
}
a.btn_more_pink{
    background-color:#fff;
    color:#f3abcb;
    width:140px;
    padding:10px 0;
    font-size:16px;
    border-radius:5px;
    text-align:center;
    display:inherit;
    box-shadow:0px 8px 15px rgba(0,0,0,0.2);
    transition:all 0.3s ease 0s;
    cursor:pointer;
    margin:0 auto
}
a.btn_more_pink i.icon_more{
    margin-right:10px
}
.btn_user_info{
    height:40px;
    line-height:40px;
    width:100%;
    background-color:#4E844A;
    color:#fff;
    font-size:14px;
    font-family:'Thai_bold';
    text-align:center;
    cursor:pointer;
    outline:none;
    margin:0;
    border:0;
    display:block
}
.btn_user_info:hover{
    color:#fff
}
@media only screen and (max-width: 768px){
    #menu_laptop{
        display:none
    }
    #menu_mobile{
        display:block
    }
    nav.topnav{
        padding:0
    }
    .user_info_mobile{
        right:15px
    }
    .columns.is-reverse-mobile.is-mobile{
        flex-direction:column-reverse;
        display:flex
    }
    .columns.is-reverse-mobile.is-mobile .column{
        width:100%
    }
    .btn_user_info{
        height:30px;
        line-height:30px;
        width:100%;
        font-size:12px;
        border-radius:20px
    }
    .container{
        padding:0 15px
    }
    .logo{
        width:90%;
        margin:0
    }
    nav.topnav .topnav_left{
        display:none
    }
    nav.topnav .topnav_right{
        width:100%;
        float:initial;
        text-align:center
    }
    nav.topnav ul.contact{
        text-align:left
    }
    nav.topnav ul.contact li.topnav_inline{
        display:inline-block;
        margin-right:0
    }
    nav.topnav ul.contact li.topnav_inline a.link{
        font-size:14px;
        text-decoration:none;
        color:#232323;
        text-transform:uppercase
    }
    nav.topnav ul.contact li.topnav_inline a.link:hover{
        color:#4E844A;
        text-decoration:underline
    }
    nav.topnav ul.contact li.topnav_inline .font_custom{
        display:none
    }
    nav.topnav ul.contact li.social_inline{
        display:inline-block;
        margin-left:0
    }
    section.contact{
        padding:15px
    }
    .panel_list_home img.bg_header{
        display:none
    }
    .panel_list_home img.bg_header_mb{
        display:block
    }
    .panel_list_home .content_banner{
        top:60px
    }
    .panel_list_home .content_banner .content_banner_info{
        width:100%;
        position:relative;
        right:0;
        text-align:center;
        margin:0 auto
    }
    .qr_container img.qr_img{
        width:70px;
        height:70px;
        margin-right:0px;
        float:initial
    }
    .pagination_setting{
        bottom:0 !important
    }
    section.recommend{
        padding:15px 0
    }
    section.recommend .message_panel{
        width:95%;
        position:relative;
        margin:0 auto
    }
    section.recommend .message_panel:after{
        position:absolute;
        right:-22px;
        top:6px;
        content:"";
        background:url(../images/asset1.png) top center no-repeat;
        width:150px;
        height:150px;
        background-size:contain
    }
    section.recommend .message_panel .message_info{
        position:relative;
        left:-40px
    }
    section.recommend .book_panel{
        position:relative;
        padding:15px 10px 10px 10px;
        width:100%;
        float:inherit;
        height:auto
    }
    section.recommend .book_panel .book_contain{
        max-width:100%;
        height:auto;
        margin-bottom:30px
    }
    section.recommend .book_panel .book_contain .book_contain_left{
        width:100%;
        float:inherit;
        text-align:center
    }
    section.recommend .book_panel .book_contain .book_contain_right{
        width:100%;
        float:inherit
    }
    section.recommend .book_panel .book_contain .article_book_contain{
        position:relative;
        width:100%;
        left:0
    }
    section.recommend .book_panel .book_contain img.book_image{
        width:50%
    }
    section.recommend .book_panel .book_contain p.article_text{
        margin-top:10px
    }
    .news_container{
        max-width:95%;
        margin:15px auto
    }
    section.of_month{
        padding:0
    }
    section.of_month .of_month_panel{
        width:100%;
        background-color:#f6f6f6;
        position:relative;
        padding-top:30px;
        padding-bottom:15px;
        z-index:3
    }
    section.of_month .of_month_panel h4.title{
        margin-top:30px;
        text-align:center
    }
    .best_panel_top_view{
        margin-top:30px;
        text-align:center
    }
    section.of_month .of_month_panel .more_btn_container{
        float:inherit;
        margin:0 auto
    }
    .more_btn_container_media_top_view{
        float:inherit;
        margin:0 auto
    }
    section.of_month .of_month_panel .of_month_container{
        width:100%;
        max-width:95%;
        margin:0 auto
    }
    section.chosen_book .chosen_book_container{
        width:100%;
        max-width:95%;
        margin:0 auto
    }
    .bg_nature{
        display:none
    }
    section.chosen_book{
        padding:15px 0
    }
    section.chosen_book .chosen_book_container .best_panel_top_view h4.best_title{
        font-size:18px;
        font-weight: 600;
    }
    section.chosen_book .chosen_book_container .best_panel .best_image_contain{
        display:none
    }
    .slider-produtos-wrap{
        position:relative;
        width:85%;
        margin:0 auto
    }
    section.top_view{
        padding:15px 0
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot{
        position:relative;
        width:100%;
        padding:0 0;
        margin-top:-10px;
        margin-bottom:20px
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel{
        width:95%;
        margin:0 auto
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel .mascot_info{
        padding-right:25px
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel .light_icon_set{
        left:5px
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel:after{
        position:absolute;
        right:-19px;
        top:-12px;
        content:"";
        background:url(../images/asset2.png) top center no-repeat;
        width:120px;
        height:120px;
        background-size:contain
    }
    section.top_view .video_panel{
        position:relative;
        width:100%;
        background:#fff;
        border-radius:15px;
        border:1px solid #ccc;
        padding:20px
    }
    section.top_view .video_panel .title_contain{
        margin-top:-10px
    }
    section.top_view .video_panel .title_contain h4.title{
        text-align:center
    }
    section.top_view .video_panel .title_contain .more_btn_container{
        float:inherit;
        margin-top:15px;
        margin-bottom:10px
    }
    footer{
        padding-top:0
    }
    .footer_link_contain{
        display:none
    }
    p.footer_text{
        margin-top:0
    }
    ul.footer_icon{
        margin:0;
        padding-bottom:60px
    }
    .wrapper_content .panel_book{
        max-width:100%
    }
    .wrapper_content .panel_book .book_view{
        margin-top:20px
    }
    .wrapper_content .panel_book .book_card_view_contain p.book_name{
        padding:0;
        font-size:14px
    }
    .video_content_panel{
        max-width:100%
    }
    .wrapper_content{
        margin:25px 0 25px 0
    }
    .video_list_block{
        width:100%;
        margin:30px 0 0 0
    }
    .video_list_block article.tab_info .content_info{
        padding-left:0;
        margin-top:10px
    }
    .video_list_block article.tab_info .content_info a.text_info{
        margin:0 0 10px 0
    }
    .container_details{
        max-width:100%
    }
    .container_details .book_image_left{
        margin:0 auto;
        text-align:center;
        max-width:80%
    }
    .container_details .book_image_left .scan_qr{
        left:-40px;
        top:30px;
        width:40px;
        height:40px
    }
    .container_details .book_image_left img.book_image{
        max-width:100%;
        margin:0 auto
    }
    .container_details .details_book_right_contain{
        padding-left:0;
        margin-top:20px
    }
    .search_container{
        max-width:100%
    }
    .search_container .mutimedia_link .mutimedia_content{
        padding:10px 0 0 0
    }
    .search_container .mutimedia_link .mutimedia_content p.mutimedia_text{
        margin:0 0 10px 0
    }
    a.card_book_view .card_book_new{
        top:-5px;
        left:-7px;
        width:50px;
        height:50px
    }
    ul.ribbon_float li .card_book_ribbon_s1{
        width:20px;
        height:20px
    }
    ul.ribbon_float li .card_book_ribbon_s2{
        width:20px;
        height:20px
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    .columns.is-reverse-mobile.is-mobile{
        flex-direction:column-reverse;
        display:flex
    }
    .columns.is-reverse-mobile.is-mobile .column{
        width:100%
    }
    nav.topnav{
        padding:0
    }
    .user_info_mobile{
        right:15px
    }
    .btn_user_info{
        height:30px;
        line-height:30px;
        width:100%;
        font-size:12px;
        border-radius:20px
    }
    .container{
        padding:0 15px
    }
    .logo{
        width:80%;
        margin:0
    }
    nav.topnav .topnav_left{
        display:none
    }
    nav.topnav .topnav_right{
        width:100%;
        float:initial;
        text-align:center
    }
    nav.topnav ul.contact{
        text-align:left
    }
    nav.topnav ul.contact li.topnav_inline{
        display:inline-block;
        margin-right:0
    }
    nav.topnav ul.contact li.topnav_inline a.link{
        font-size:14px;
        text-decoration:none;
        color:#232323;
        text-transform:uppercase
    }
    nav.topnav ul.contact li.topnav_inline a.link:hover{
        color:#4E844A;
        text-decoration:underline
    }
    nav.topnav ul.contact li.topnav_inline .font_custom{
        display:none
    }
    nav.topnav ul.contact li.social_inline{
        display:inline-block;
        margin-left:0
    }
    section.contact{
        padding:15px
    }
    .panel_list_home img.bg_header_mb{
        display:none
    }
    .panel_list_home .content_banner{
        position:absolute;
        right:0;
        top:60px;
        width:100%;
        text-align:right;
        color:#fff
    }
    .pagination_setting{
        bottom:0 !important
    }
    section.recommend{
        padding:15px 0
    }
    section.recommend .message_panel{
        width:95%;
        position:relative;
        margin:0 auto
    }
    section.recommend .message_panel:after{
        position:absolute;
        right:-22px;
        top:6px;
        content:"";
        background:url(../images/asset1.png) top center no-repeat;
        width:150px;
        height:150px;
        background-size:contain
    }
    section.recommend .message_panel .message_info{
        position:relative;
        left:-40px
    }
    section.recommend .book_panel{
        position:relative;
        padding:15px 10px 10px 10px;
        width:100%;
        float:inherit;
        height:auto
    }
    section.recommend .book_panel .book_contain{
        max-width:100%;
        height:auto;
        margin-bottom:30px
    }
    section.recommend .book_panel .book_contain .book_contain_left{
        width:50%;
        float:left;
        text-align:center
    }
    section.recommend .book_panel .book_contain .book_contain_right{
        width:40%;
        float:left
    }
    section.recommend .book_panel .book_contain .article_book_contain{
        position:relative;
        width:100%;
        left:0
    }
    section.recommend .book_panel .book_contain img.book_image{
        width:50%
    }
    section.recommend .book_panel .book_contain p.article_text{
        margin-top:10px
    }
    .news_container{
        max-width:95%;
        margin:15px auto
    }
    section.of_month{
        padding:0
    }
    section.of_month .of_month_panel{
        width:100%;
        background-color:#f6f6f6;
        position:relative;
        padding-top:30px;
        padding-bottom:15px;
        z-index:3
    }
    section.of_month .of_month_panel h4.title{
        margin-top:10px;
        text-align:center
    }
    .best_panel_top_view{
        margin-top:10px;
        text-align:center
    }
    section.of_month .of_month_panel .more_btn_container{
        float:inherit;
        margin:0 auto
    }
    .more_btn_container_media_top_view{
        float:inherit;
        margin:0 auto
    }
    section.of_month .of_month_panel .of_month_container{
        width:100%;
        max-width:95%;
        margin:0 auto
    }
    section.chosen_book .chosen_book_container{
        width:100%;
        max-width:95%;
        margin:0 auto
    }
    .bg_nature{
        display:none
    }
    section.chosen_book{
        padding:15px 0
    }
    section.chosen_book .chosen_book_container .best_panel_top_view h4.best_title{
        font-size:16px;
        margin-bottom:15px;
        margin-top: 10px;
        text-align: center;
    }
    section.chosen_book .chosen_book_container .best_panel .best_image_contain{
        display:none
    }
    .slider-produtos-wrap{
        position:relative;
        width:85%;
        margin:0 auto
    }
    section.top_view{
        padding:15px 0
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot{
        position:relative;
        width:100%;
        padding:0 0;
        margin-top:-10px;
        margin-bottom:20px
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel{
        width:95%;
        margin:0 auto
    }
    section.top_view .book_of_month_panel .book_slide_card .mascot_bot .mascot_panel:after{
        position:absolute;
        right:-9px;
        top:5px;
        content:"";
        background:url(../images/asset2.png) top center no-repeat;
        width:100px;
        height:100px;
        background-size:contain
    }
    footer{
        padding-top:0
    }
    #menu_mobile{
        display:none
    }
    .wrapper_content .panel_book{
        max-width:100%
    }
    .wrapper_content .panel_book .book_card_view_contain p.book_name{
        padding:0;
        font-size:14px
    }
    .wrapper_content .panel_book{
        max-width:100%
    }
    .wrapper_content .panel_book .book_view{
        margin-top:20px
    }
    .wrapper_content .panel_book .book_card_view_contain p.book_name{
        padding:0;
        font-size:14px
    }
}
@media (min-width: 1200px){
    .user_info_mobile{
        display:none
    }
    .panel_list_home img.bg_header{
        display:block
    }
    .panel_list_home img.bg_header_mb{
        display:none
    }
    #menu_mobile{
        display:none
    }
}
@media (min-width: 1472px){
    .container{
        width:1152px;
        max-width:1152px
    }
}