    /* common settings */

@font-face {
    font-family: 'GraublauSans-Semibold';
    src: url('../fonts/246DFF_0_0.eot');
    src: url('../fonts/246DFF_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/246DFF_0_0.woff') format('woff'), url('../fonts/246DFF_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'GraublauSans-Regular';
    src: url('../fonts/246DFF_1_0.eot');
    src: url('../fonts/246DFF_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/246DFF_1_0.woff') format('woff'), url('../fonts/246DFF_1_0.ttf') format('truetype');
}

body {
    background: #444343;
    margin: 0px auto;
    color: white;
    font-size: 14px;
}

.contenft_all {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    position: absolute;
    width: 100%;
}

.content_menu {
    position: relative;
}

.war_padding {
    padding-left: 0px;
    padding-right: 0px;
}

.carouse-wrapper {
    height: 505px
}

.content_logo {
    float: left;
    cursor: pointer;
}

.modal-dialog {
    margin: 154px auto;
    width: 399px;
}

.modal-header {
    border-bottom: 0px;
}

.modal-body .comments {
    clear: right;
    color: #6b6a66;
    float: right;
    padding: 0 10px 0 0;
}

.modal-body .comments img {
    box-shadow: 0px 0px 0px #fff;
    height: 20px;
    width: 20px;
}

.modal-body .layer-socialbookmarks {
    float: left;
    padding: 20px 0;
    width: 100%;
}

.layer-socialbookmarks .content-social {
    float: left !important;
}

.cover img {
    /*width: 147px;
    height: 226px;*/
}

.content_img_book, .special_content ul li span.topbook_dialog {
    cursor: pointer;
    /*background: white;*/
    display: block;
}

.special_content ul li img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.modal-body .layer-socialbookmarks ul#social-special li span {
    top: -19px !important;
}

.modal-body h2 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    /*padding-top: 29px;
    padding-left: 131px;
    text-align:right;*/
}

.modal-body h3 {
    color: #e85127 !important;
    font-size: 16px !important;
    border-bottom: 0px !important;
    text-transform: lowercase !important;
    /*text-align: right !important;
    padding-right: 101px !important;*/
    font-family: GraublauSans-Regular, Arial, Helvetica, sans-serif !important;
}

.modal-body .layer-context {
    bottom: 5px;
    padding: 5px;
    /*left: 36px;
    position: absolute;
    text-align: right;
    /*width: 350px;*/
}

.modal-open {
    padding-right: 0px !important;
}

.modal-body .layer-context img {
    /*width: 144px;
    height: 32px;
    box-shadow: 0px 0px 0px #fff;*/
}

.layer-context a.small img {
    margin-left: 45px;
}

.modal-body .layer-context {
    text-align: right;
}

.modal-body .cover {
    /*left: 15px;
    position: absolute;
    top: 15px;*/
    width: auto;
}

.modal-body .cover a img {
    box-shadow: 0 4px 4px #999, 0 0 4px #999;
    padding: 0px;
}

.modal-body a.more:after {
    content: " " url("../images/icon-layer-next.png");
}

a.more:after {
    content: " " url("../images/icon-layer-next.png");
}

.modal-body a.more {
    color: #666;
    text-transform: uppercase;
}

a.more {
    color: #333;
}

.modal-body p {
    color: #333 !important;
    font-size: 14px;
    margin-top: 1px;
    text-align: justify;
}

.modal-body .price-shipping {
    bottom: 0;
    font-family: GraublauSans-Semibold;
    font-size: 10px;
    right: 15px;
}

.modal-body .price-shipping span {
    color: #333 !important;
}

.modal-body .price-shipping .price {
    font-family: GraublauSans-Semibold !important;
    font-size: 24px !important;
}

.modal-body span.shipping {
	width: 150px;
    color: #333;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    margin: 0 15px;
    text-align: right;
    float: right;
    font-family: GraublauSans-Regular, Arial, Helvetica, sans-serif;
}

.modal-body h3 {
    text-transform: lowercase;
}

.modal-body h2, .modal-body h3, .modal-body p {
    margin: 0;
    font-family: GraublauSans-Regular, Arial, Helvetica, sans-serif;
}

.content_slide_book {
    clear: both;
}

.content_menu ul li {
    float: left;
}

.content_menu ul li a {
    color: white;
    font: normal 16px/normal Arial;
}

.content_menu ul li span.menu_icon {
    display: inline-block;
    background: url('../images/arrow.png') no-repeat;
    height: 20px;
    width: 21px;
    cursor: pointer;
    top: 8px;
    left: 6px;
}

.content_input_search {
    float: left;
    padding-top: 15px;
    padding-left: 40px;
    overflow: hidden;
}

.content_input_search input {
    padding: 10px;
    border: 0px;
    background-color: #cccccc;
    width: 190px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    left: 0px;
    float: left;
}

.content_icon {
    float: right;
    padding-top: 10px;
    padding-left: 10px;
}

.content_icon ul li {
    float: left;
}

.content_menu ul li {
    position: relative;
}

.content_icon ul li:first-child {
    padding-right: 20px;
}

.content_icon ul li:first-child span {
    left: 0px;
}

.content_img_book {
    height: 78px;
    width: 50px;
}

.content_icon ul li a {
    display: inline-block;
    color: #6d6d6e;
    padding-right: 20px;
    height: 35px;
}

.carousel .news_img {
    width: 100%;
    height: 500px !important;
}

.menu_detail_3, .menu_detail_2, .menu_detail_1 {
    display: none;
    z-index: 9999;
}

.menu_detail_1 span {
    display: inline-block;
}

.content_icon ul li a.icon_shop {
    background: url('../images/icon_shopping_bag.png') no-repeat;
}

.content_icon ul li a.icon_user {
    background: url('../images/icon_user.png') no-repeat;
}

.content_icon ul li span {
    background: url('../images/icon_arrow.png') no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    top: 15px;
    left: 30px;
}

.content_icon ul li p {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}

.content_slide {
    margin-top: 25px;
    padding: 0px 0px;
}

.content_description_1 {
    float: left;
    width: 50%;
    padding: 30px 30px 30px 50px;
}

.content_description_1 h1 {
    color: #000000;
}

.content_description_1 p {
    color: #aea7ae;
}

.content_description_2 {
    float: left;
    width: 50%;
    padding: 30px;
}

.content_description_2 p {
    width: 85%;
}

.content_description_2 span {
    float: right;
}

.content_description_2 span a {
    text-decoration: underline;
    font: normal 18px/normal Arial;
    color: #d4d6d7;
}

.content_all_social {
    float: right;
    height: 30px;
    width: 200px;
    overflow: hidden;
    position: absolute;
    clear: both;
    right: 0px;
    top: 105%;
}

.content_all_social ul li {
    float: left;
    padding-right: 12px;
}

#myList .view_shelf, #myListall .view_shelf, #myListshelf .view_shelf, #myList_index .view_shelf {
    display: none;
}

.view_shelf {
    list-style: none;
}

#showLess .right_arrow {
    float: left;
    display: none;
    width: 25px;
    height: 25px;
    margin-top: 25px;
}

#loadMore .right_arrow {
    width: 25px;
    height: 25px;
    margin-top: 25px;
    float: right;
}

.buchinfo form .button {
    margin: 0;
    background: #fff;
}

.button {
    margin: 0 8px;
}

.buchinfo form .veredeln_off {
    background: url("../images/buttom-grey-1.png") no-repeat;
    border: medium none;
    box-shadow: none;
    display: flexbox;
    min-height: 64px;
    padding: 0;
    padding-left: 66px;
}

.buchinfo form button .ico_Bleistift, .buchinfo form button .ico_Warenkorb {
    bottom: 3px;
    left: -44px;
    position: absolute;
}

.ico_Bleistift {
    background-position: -0px -0px;
    height: 40px;
    width: 43px;
}

.ico_Bleistift, .ico_person, .ico_bag, .ico_left1, .ico_left2, .ico_Warenkorb, .ico_share-1, .ico_share, .ico_lupe, .ico_x, .ico_x_m, .ico_Beitrag1, .ico_Beitrag, .ico_face, .ico_1-1, .ico_3, .ico_1, .ico_Ebene, .ico_star, .ico_2, .ico_Arrow, .ico_right, .ico_right2 {
    display: inline-block;
    background: url('../images/box.png');
    background-repeat: no-repeat;
}

.ico_face {
    background-position: -117px -21px;
    height: 20px;
    width: 10px;
}

.buchinfo form button {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    text-align: right;
    border: none;
}

.buchinfo form button i {
    color: #ffffff;
    font-size: 25.38px;
    font-style: normal;
    margin-right: 35px;
    position: relative;
    text-transform: uppercase;
    top: -2px;
}

.buchinfo form button .ico_Ebene {
    position: absolute;
    right: 15px;
    top: 12px;
}

.ico_Ebene {
    background-position: -127px -21px;
    height: 19px;
    width: 11px;
}

.content_all_social a span {
    display: inline-block;
    height: 40px;
    width: 40px;
    float: left;
    cursor: pointer;
}

.content_description_1 {
    overflow: hidden !important;
}

.content_all_social a span.cotent_icon_fb {
    background: url('../images/socialmedia/content-facebook.png') no-repeat;
}

.content_all_social a span.cotent_icon_t {
    background: url('../images/socialmedia/content-twitter.png') no-repeat;
}

.content_all_social a span.cotent_icon_gp {
    background: url('../images/socialmedia/content-gplus.png') no-repeat;
}

.content_all_social a span.cotent_icon_p {
    background: url('../images/socialmedia/content-pinterest.png') no-repeat;
}

.content_all_social a span.cotent_icon_e {
    background: url('../images/socialmedia/content-email.png') no-repeat;
}

ul.content-social li {
    margin-left: 20px;
    float: left;
}

.content_slide_book h1 {
    color: white;
    text-transform: uppercase;
}

#EmpfeCarousel ul {
    margin: 0px;
    padding: 0px;
}

#EmpfeCarousel ul li {
    padding-bottom: 30px;
    height: 485px;
    padding-right: 47px;
    float: left;
}

#EmpfeCarousel ul li:last-child {
    padding-right: 0px !important;
}

#EmpfeCarousel .thumbnails > li a {
    float: left;
    width: 100%;
    text-align: center;
}

#EmpfeCarousel .thumbnails > li h6 {
    float: left;
    width: 100%;
    text-align: center;
}

#EmpfeCarousel .thumbnails > li img {
    float: left;
    width: 100%;
    height: 485px;
    text-align: center;
}

.content-block {
    margin-left: 90px;
    padding-right: 90px;
}

.carousel-control {
    background: none !important;
}

a.carousel-control:hover {
    background: none !important;
}

.bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
}

.add-buttom2 span, .add-buttom1 span, .add-buttom1 h3 {
    color: red;
}

.add-buttom2 h3 {
    color: white;
}

.add-buttom1 i, .add-buttom2 i {
    text-decoration: underline;
}

.add-buttom2 p, .add-buttom1 p, .add-buttom1 i {
    color: #444343;
}

.add-buttom2 span, .add-buttom1 span {
    margin-left: 10px;
}

.add-buttom3 p {
    color: #00b5eb;
    text-decoration: underline;
}

.content_top_regale_detail h2, .content_top_regale_detail h4 {
    color: #a7a9ac;
}

.content_top_regale_detail ul li {
    float: left;
    margin-right: 25px;
}

.content_book_self ul, .content_top_regale_detail ul {
    display: inline-block;
}

.content_top_regale_detail ul li:last-child {
    margin-right: 0px;
}

.content_view_info {
    float: right;
    background-color: #fcb316;
    border-radius: 10px;
}

.content_view_info a {
    color: white;
}

.content_book_self {
    text-align: center;
}

.content_book_self ul li {
    float: left;
    margin-right: 90px;
}

.content_book_self ul li:last-child {
    margin-right: 0px;
}

ul.book_big_detail li span.dialog_img {
    display: block;
    position: relative;
    margin-top: 0px;
    /*/box-shadow: 10px 0px 25px #6d6e72;
    background: none repeat scroll 0% 0% #FFF;*/
}

ul.book_big_detail li a img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
}

.modal-open, .modal-open .modal {
    overflow: scroll !important;
}

.content_des_header {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.more_book {
    float: right;
    padding: 70px 0;
    display: block;
}

.bank_card {
    margin-top: 20px;
}

._setLanguage {
    cursor: pointer;
}

.content_empty {
    background: #c8c9c3;
    display: block;
}

.des_detail {
    float: left;
}

.bx-wrapper {
    margin: 0 auto 0px;
    padding: 0;
}

.st_pinterest_large span.stLarge {
    background: url("/themes/responsive/res/images/socialmedia/content-pinterest.png") no-repeat !important;
}

.st_googleplus_large span.stLarge {
    background: url("/themes/responsive/res/images/socialmedia/content-gplus.png") no-repeat !important;
}

.st_facebook_large span.stLarge {
    background: url("/themes/responsive/res/images/socialmedia/content-facebook.png") no-repeat !important;
}

.st_twitter_large span.stLarge {
    background: url("/themes/responsive/res/images/socialmedia/content-twitter.png") no-repeat !important;
}


/*.list-black .list2 h2 {
    color: #FFF;
}*/

#stage-socialbookmarks span {
    margin: 0px !important;
    float: none !important;
    top: 8px;
}

#stage-socialbookmarks {
    position: absolute;
    /*right: 10px;
    bottom: 10px;*/
    right: 38px;
    bottom: 4px;
}

#shelf-previous, #shelf-next {
    position: absolute;
    top: 40%;
    display: block;
    font-size: 80px;
    width: 35px;
    height: 56px;
    overflow: hidden;
    color: transparent;
    font-size: 0px;
    z-index: 5;
}

#shelf-previous {
    left: -60px;
    background: url(../images/icon-shelf-previous.png) no-repeat;
}

#shelf-next {
    right: -60px;
    background: url(../images/icon-shelf-next.png) no-repeat;
}

#stage.material-shelf {
    background: url(../images/bg-stage-material.png);
    min-height: 381px;
}

#stage.material-shelf h2 {
    padding-top: 15px;
}

#stage.material-shelf h2 {
    margin: 0;
    font-size: 29px;
    color: #333;
    text-transform: lowercase;
}

#stage p, #stage div {
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    font-family: GraublauSans-Regular, Arial, Helvetica, Sans-Serif;
}

#stage-zoom {
    position: absolute;
    right: 10px;
    margin-top: -30px;
}

p {
    line-height: 18px;
}

#stage-zoom a {
    display: block;
    height: 30px;
    background: url('../images/icon-zoom.png') no-repeat right top;
    padding-top: 5px;
    padding-right: 45px;
    font-weight: bold;
}

#stage {
    position: relative;
    width: 100%;
    min-height: 280px;
    background-color: #ddd;
    background-repeat: no-repeat;
    padding: 20px;
    box-shadow: 0 8px 8px #999;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 100 !important;
}

.wrapper-stage {
    position: relative;
    /*width: 720px;*/
    width: 70%;
    margin: 0 auto 0 auto;
}

#stage.user-shelf {
    background: url(../images/bg-stage-user.png);
}

.content_icon ul li a {
    display: inline-block;
}

.content_crycle img {
    opacity: 1;
    color: #444343;
    text-transform: uppercase;
    text-decoration: underline;
}

.list-black {
    padding: 20px;
    background: #fff;
}

#list-black {
    padding: 0px;
    background: #444343;
}

.list-black .list1 .container-fluid {
    padding-top: 15px;
    text-align: center;
    background: #ffffff;
}

.list-black .list2 .container-fluid {
    background: #444343;
}

#list1 h2 {
    margin: 0;
    font-size: 24px;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    padding: 28px 8px 12px;
    font-weight: normal;
}

.list-black .list1 .container-fluid h2 {
    font-size: 19px !important;
    color: #000000 !important;
    padding: 0 !important;
    text-align: left !important;
}

.list-black .list1 .container-fluid p {
    font-size: 12px;
    color: #000000;
    text-align: left;
}

.list-black .list1, .list-black .list3 {
    background: #444343;
}

.pager_holder .right_arrow {
    width: 25px !important;
    height: 25px !important;
    margin-top: 25px !important;
}

.pager_holder {
    clear: both !important;
    float: right !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    float: right;
}

ul.yiiPager a:link, ul.yiiPager a:visited {
    border: 0px !important;
}

.link-web {
    background: #fff;
}

.link-web .share-detail li {
    float: left;
}

.link-web .share-detail ul, .link-web .share ul {
    padding: 0;
    position: relative;
    top: 3px;
}

.content-social {
    float: right;
}

.link-web .share-detail h2, .link-web .share h2 {
    padding: 12px 4px 12px 0;
    color: #444343;
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

.buchinfo .list-black .ico_Beitrag1 {
    float: none;
    margin-left: 5px;
    margin-top: 0px;
}

.buchinfo .list-black .ico_Beitrag {
    float: none;
    margin-left: 5px;
    margin-top: 0px;
}

.buchinfo .list-black .black {
    color: #545456;
    font-size: 18px;
}

.list-black span {
    float: right;
    margin: 28px 8px 0px;
}

.ico_Beitrag1 {
    background-position: -79px -76px;
    height: 21px;
    width: 27px;
}

.ico_Beitrag {
    background: url("../images/comments-none.png") no-repeat;
    height: 21px;
    width: 27px;
}

.buchinfo .list-black .dola {
    font-size: 30px;
    color: #000000;
    margin: 22px 0;
}

.buchinfo .list-black .black span a {
    color: #545456;
    text-transform: uppercase;
}

.buchinfo .list-black .green span, .buchinfo .list-black .black span {
    margin: 0 0 0 0px;
    float: none;
}

.ico_right {
    background-position: -135px -41px;
    height: 15px;
    width: 9px;
}

.buchinfo .list-black .red {
    font-size: 18px;
    color: #ff0100;
    margin: 5px 0;
    text-decoration: none;
}

.buchinfo form .Anmelden {
    background: url("../images/buttom-green-1.png") no-repeat;
    border: medium none;
    min-height: 64px;
    padding: 0;
    box-shadow: none;
    display: flex;
    padding-left: 66px;
}

.ico_Bleistift, .buchinfo form button .ico_Warenkorb {
    bottom: 3px;
    left: -44px;
    position: absolute;
}

.ico_Warenkorb {
    background-position: -79px -0px;
    height: 35px;
    width: 38px;
}

.buchinfo form .bottom-1 {
    background: url("../images/buttom-grey-2.png") no-repeat;
    background-size: 100% 100%;
    height: 45px;
    margin-top: 11px;
}

.link-web .share-detail li span, .link-web .share li span {
    float: left;
    display: block;
    margin: 0px;
}

.link-web {
    padding: 0 0 10px 0;
}

.share-detail {
    padding: 10px 0px;
}

.link-web .share-detail span, .link-web .share span {
    float: none;
    margin: 0;
    position: relative;
    top: 8px;
    display: inline-block;
}

.ico_share-sharer {
    height: 32px;
    width: 32px;
    background: url('../images/socialmedia/content-share40.png') no-repeat;
    /*sharer_1.png*/
    display: inline-block;
}

.ico_share-rss {
    height: 40px;
    width: 40px;
    background: url('../images/content-RSS40.png') no-repeat;
    display: inline-block;
}

.ico_share-rss_comment {
    height: 40px;
    width: 40px;
    background: url('../images/content-RSS40.png') no-repeat;
    display: inline-block;
    margin-top: -11px;
}

.ico_share3, .ico_share1, .ico_share4, .ico_share2 {
    display: inline-block;
    background: url('../images/share.png');
    background-repeat: no-repeat;
}

.ico_share4 {
    background-position: -0px -29px;
    height: 40px;
    width: 40px;
}

.ico_share2 {
    background-position: -29px -29px;
    height: 29px;
    width: 29px;
}

.ico_share1 {
    background-position: -29px -0px;
    height: 29px;
    width: 29px;
}

.ico_share3 {
    background-position: -0px -0px;
    height: 29px;
    width: 29px;
}

#myModalLabel {
    color: #545456;
    margin: 0;
    line-height: 1.42857143;
    font-size: 18px;
}

.content-icon-soical ul li {
    float: left;
    margin-right: 20px;
}

.image-detail img {
    margin-left: -10px;
}

.list-black img {
    /*width: 100%;*/
}

.padding p, span {
    color: #fff;
}

.st_email_large span.stLarge {
    background: url('../images/content-email_32.png') no-repeat scroll left top transparent !important;
    top: -8px;
    height: 40px;
    width: 40px;
}

.layer-socialbookmarks .st_email_large span.stLarge {
    background: url('../images/socialmedia/stage-email.png') no-repeat scroll left top transparent !important;
    top: 0px;
    height: 40px;
    width: 40px;
}

.buchinfo form .Anmelden-1 {
    background: url("../images/buttom-green-2.png") no-repeat;
    background-size: 100% 100%;
    height: 43px;
    margin-top: 12px;
}

.right .st_email_large span.stLarge {
    background: url('../images/content-email.png') no-repeat scroll left top transparent !important;
    top: 0px;
    height: 32px;
    width: 32px;
}

.buchinfo .list-black .grey {
    font-size: 15px;
    color: #545456;
}

.buchinfo form button {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    text-align: right;
    border: none;
}

.cover img {
    /* width: 100%; */
    /*width: 43%;*/
    padding: 10px;
}

.detail_book {
    background: #fff;
}

.detail_book .impressum h3 {
    font-size: 18px;
    font-family: GraublauSans-Regular, Arial, Helvetica, Sans-Serif;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    font-weight: 500;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

.details h3 {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    font-weight: 500;
    padding-bottom: 2px;
    margin-bottom: 8px;
}


/*.impressum h3 {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    font-weight: 500;
    padding-bottom: 2px;
    margin-bottom: 8px;
}*/

.right span, .left span {
    color: #545456;
}

.impressum .details .left p {
    font: normal 16.45px/normal Arial;
}

.impressum .details .left p {
    font: normal 16.45px/normal Arial;
}

.detail_book .impressum p {
    font-size: 14px;
    font-family: GraublauSans-Regular, Arial, Helvetica, Sans-Serif;
    color: #333;
    line-height: 18px;
    margin: 15px 0 0 0;
    padding-bottom: 15px;
}

.impressum h1 {
    font-size: 25px;
    color: #333;
}

.impressum h1 span.sub_name {
    font-size: 17px;
    color: #9A989A;
    display: inline-block;
}

.detail_book .impressum h2 {
    font-size: 16px;
    font-family: GraublauSans-Regular, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    margin: 8px 0 15px;
    color: #545456;
}

.wrap-grid {
    background: url(../images/wrap-grid-top.png) no-repeat left top;
    padding-top: 11px;
    margin-top: 13px;
}

#content-book-checkout {
    display: none;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    width: 100%;
    padding: 20px;
    box-shadow: 0 8px 8px #333;
}

#content-book-checkout h3 {
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    font-weight: 500;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

#content-book-checkout h1, #content-book-checkout h2, #content-book-checkout p {
    margin: 0;
}

.blue_button {
    border: none;
    background-image: url("/themes/responsive/res/images/btn-next.png");
    width: 87px !important;
    height: 26px;
    cursor: pointer;
}

.blue_button_de {
    border: none;
    background-image: url("/themes/responsive/res/images_deu/btn-next.png");
    width: 100px !important;
    height: 26px;
    cursor: pointer;
}

.sc-details-bottom {
    padding-left: 10px;
    display: none;
}

.sc-details-bottom h4, p {
    color: #545456;
}

a.author {
    font-size: 16px;
    color: #E85127 !important;
}

a.publisher, a.illustrator {
    font-size: 16px;
    color: #e8bc3d !important;
}

.padding p, span {
    color: #fff;
}

* {
    font-family: Arial, Helvetica, sans-serif;
}

* {
    font-family: GraublauSans-Regular, Arial, Helvetica, Sans-Serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list-black h2 {
    margin: 0;
    font-size: 24px;
    display: inline-block;
    /*color: #ffffff;*/
    color: #000;
    text-transform: uppercase;
    padding: 28px 8px 12px;
    font-weight: normal;
}

#content_header {
    z-index: 1000;
    width: 100% !important;
}

#stage label {
    color: #333 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 3px 3px 2px 5px !important;
}

#stage h1, #stage h2, #stage h3 {
    margin: 0;
    font-size: 28px;
    color: #333;
    font-family: GraublauSans-Regular, Arial, Helvetica, Sans-Serif;
}

.content_top_regale_detail h3 {
    color: #a7a9ac;
}

.content_book_self h3 {
    color: #a7a9ac;
    text-transform: uppercase;
    text-align: justify;
}

.content_book_self span {
    color: #a7a9ac;
}

.content_price {
    z-index: 999;
    color: #000000;
}

.content_footer .description {
    color: #909293;
}

.content_footer p, .content_footer a, #footer-socialbookmarks {
    font-family: GraublauSans-Semibold;
    color: white;
}

#footer-socialbookmarks img {
    float: right !important;
    margin-left: 10px !important;
}

.content_cmt a span, .content_menu ul li span, .content_line_shelf_big, .content_icon ul li span, .content_icon ul li span, .content_view_info, .bx-wrapper, #EmpfeCarousel ul li, .content_price {
    position: relative;
}

.content_line_shelf, .crycle_yellow, section.add-buttom3:after, .add-buttom3, .add-buttom2, section.add-buttom2:after, section.add-buttom1:after, .add-buttom1, .content_crycle img {
    position: absolute;
}

.del h1 {
    margin: 0;
    font-size: 20px;
    float: left;
    color: #545456;
    text-transform: uppercase;
}

.login form label {
    margin: 8px 0;
    color: #545456 !important;
    font-weight: normal;
    font-size: 18px;
}


/*anmelden*/

.login {
    background: #FFFFFF;
}

.login .face span {
    left: 30%;
    position: absolute;
    top: 5px;
}

.login .anmelden {
    margin: 0 8px;
}

.login .anmelden h2 {
    font-size: 18.21px;
    margin-bottom: 8px;
    margin-top: 50px;
    color: #545456 !important;
}

.login .anmelden h3 {
    font-size: 17.99px;
    color: #545456 !important;
}

.login .anmelden b {
    display: inline-block;
    font-size: 14.99px;
    margin-bottom: 25px;
    color: #545456 !important;
}

.login .anmelden p {
    font-size: 14.99px;
    margin-bottom: 8px;
    color: #545456 !important;
}

.login .anmelden .text-end {
    margin: 18px 0 0 0;
    padding-bottom: 18px;
}

.login .anmelden hr {
    background: none repeat scroll 0 0 #cccccc;
    height: 2px;
    margin: 8px 0 18px;
}

.login .anmelden form {
    margin: 0;
}

.login .face {
    background: linear-gradient(to top, #34528F 0%, #9EAFD2 100%);
    background: -moz-linear-gradient(to top, #34528F 0%, #9EAFD2 100%);
    background: -o-linear-gradient(to top, #34528F 0%, #9EAFD2 100%);
    background: -ms-linear-gradient(to top, #34528F 0%, #9EAFD2 100%);
    background: -webkit-linear-gradient(bottom, #34528F 0%, #9EAFD2 100%);
    color: #ffffff;
    position: relative;
}

label {
    color: black !important;
}

.checkbox a, .checkbox a:hover {
    color: #428bca;
}

.login form .button {
    margin: 24px 4px;
}

.login form button {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #7e7e80;
}

.login .button {
    margin: 24px 14px;
}

.login .button_face {
    margin: -25px 13px;
}

.login form .an, .login .an, .login form .submit {
    background: linear-gradient(to top, #D5D5D5 0%, #FDFDFD 100%);
    background: -moz-linear-gradient(to top, #D5D5D5 0%, #FDFDFD 100%);
    background: -o-linear-gradient(to top, #D5D5D5 0%, #FDFDFD 100%);
    background: -ms-linear-gradient(to top, #D5D5D5 0%, #FDFDFD 100%);
    background: -webkit-linear-gradient(bottom, #D5D5D5 0%, #FDFDFD 100%);
    color: black;
}

.del {
    height: 30px;
    background: linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%);
    background: -o-linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%);
    background: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    height: 65px;
    padding: 22px 10px;
    border-bottom: 1px solid #545456;
    /*margin-top: -6px;*/
}

.kontakt .impressum h3 {
    font-size: 16.45px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 15px 0;
    /*border-bottom: 2px solid #ccc;*/
    padding-bottom: 2px;
    color: black;
}

.kontakt .impressum h4 {
    font-size: 18px;
}

.kontakt .impressum p {
    font-size: 16.45px;
    margin: 15px 0 0 0;
    padding-bottom: 15px;
    line-height: 18px;
    text-align: justify;
    color: black;
}

.dropdown-menu {
    margin: 2px 0 0 -100px;
    min-width: 140px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

ul.dropdown-menu li a {
    height: 35px !important;
}

#content-book .checkout {
    position: relative;
    font-size: 14px;
}

.panel {
    height: 40px;
    margin-bottom: 6px;
    background: url(../images/panel.png) no-repeat left top;
    padding: 8px 6px 8px 5px;
    background-size: 100% 100%;
}

a.btn-brown {
    display: block;
    float: left;
    margin-right: 2px;
    height: 20px;
    background: url(../images/btn-brown.png) no-repeat right -20px;
    padding: 0 2px 0 4px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

a.btn-brown.current span {
    color: black;
}

a.btn-brown span {
    display: block;
    float: left;
    height: 20px;
    background: url(../images/btn-brown.png) no-repeat left top;
    padding: 0 6px 0 9px;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

.panel .panel-name {
    float: left;
    font-size: 13px;
    font-family: Verdana;
    line-height: 20px;
    margin-right: 20px;
    color: #545456;
}

.wrap-grid {
    background: url(../images/wrap-grid-top.png) no-repeat left top;
    padding-top: 11px;
    margin-top: 13px;
    background-size: 100%;
}

.form-cont {
    padding: 20px 0px;
}

.table-responsive {
    color: black !important;
}

.kontakt {
    background-color: white;
    margin-top: -20px;
}

.margin_0 {
    margin-top: 0px
}

.margin_final {
    margin-top: -20px
}


/*#shopping_cart{
    margin-top: -29px !important;
}*/

#signup {
    margin-top: -27px !important;
}

.space {
    margin-top: -41px;
}

.form-cont label {
    color: #545456 !important;
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
}

.list-black .list2 .container-fluid .padding {
    padding: 0 8px;
}

.form-ca .row {
    clear: both;
    margin: 0 0 10px;
    margin: 0 8px;
    min-height: 22px;
}

.form-ca .row label {
    /*float: left;*/
    width: 140px;
    margin: 0 10px 5px 0;
    font-weight: bold;
}

#orderconfirmationview .price {
    color: #545456;
}

#orderconfirmationview .table td, #orderconfirmationview .table th, #orderconfirmationview .table th span {
    color: #545456;
}

#orderpaymentview span, #orderpaymentview .odd td, #orderpaymentview .even th, #orderpaymentview .even td, #orderpaymentview .even th span {
    color: #545456;
}

.kontakt .impressum h2 {
    font-size: 16.45px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 8px 0 15px;
}

.materials-right {
    margin-top: 20px;
}

.form-search input.search {
    display: block;
    float: left;
    background: url(../images/btn-search.gif) no-repeat left center;
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    margin-top: -10px;
}

.panel .panel-nav {
    float: left;
}

.form-search {
    display: block;
    float: left;
    background: url(../images/form-border.gif) no-repeat right center;
    padding-right: 9px;
    margin-right: 9px;
    margin-top: -1px;
    height: 21px;
}

.search-rightbtns {
    float: right;
}

.search-rightbtns a.btn-brown.btn-add {
    margin-right: 0;
}

.search-rightbtns a.btn-brown.btn-favorite {
    margin-left: 9px;
    margin-right: 0;
}

.form-search input.text {
    display: block;
    float: left;
    background: url(../images/input-keywords.png) no-repeat right center;
    width: 150px;
    height: 22px;
    margin-right: 6px;
    border: none;
    padding: 0 3px;
    line-height: 22px;
}

.form-search input.text.keyword-long-find {
    background: url(../images/input-keywords-long-find.png) no-repeat right center;
    width: 390px;
}

.form-search input.text.keyword-long-design {
    background: url(../images/input-keywords-long-design.png) no-repeat right center;
    width: 390px;
}

.form-search input.search {
    display: block;
    float: left;
    background: url(../images/btn-search.gif) no-repeat left center;
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    margin-top: 0px;
}

a.more_if:hover {
    text-decoration: none !important;
}

a.sort {
    display: block;
    float: left;
    /*    margin-right: 9px; */
    height: 20px;
    /*    background: url(../images/btn-brown.png) no-repeat right -20px; */
    padding-right: 3px;
    cursor: pointer;
    text-decoration: none;
}

a.sort span {
    display: block;
    float: left;
    height: 20px;
    /*    background: url(../images/btn-brown.png) no-repeat left top; */
    padding: 0 3px 0 6px;
    color: #272222;
    font-size: 12px;
    font-family: Arial;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
}

a.sort-down span span, a.sort.asc span span {
    display: block;
    float: left;
    height: 20px;
    background: url(../images/ico-sort-br-up.png) no-repeat center center;
    padding: 0;
    color: #272222;
    width: 10px;
    cursor: pointer;
    text-decoration: none;
}

a.sort-up span span, a.sort.desc span span {
    display: block;
    float: left;
    height: 20px;
    background: url(../images/ico-sort-br-down.png) no-repeat center center;
    padding: 0;
    color: #272222;
    width: 10px;
    cursor: pointer;
    text-decoration: none;
}

.wrap-dropdown-white {
    display: none;
}

a.sort:hover {
    background: url(../images/btn-white.png) no-repeat right -20px;
}

a.sort:hover span {
    background: url(../images/btn-white.png) no-repeat left top;
}

a.sort-down:hover span span {
    background: url(../images/arr-down.png) no-repeat center center;
}

a.sort-up:hover span span {
    background: url(../images/arr-up.png) no-repeat center center;
}

a.view {
    display: block;
    float: right;
    background: url(../images/btn-view-br.png) no-repeat left top;
    width: 33px;
    height: 28px;
    margin: -4px 0 0 6px;
}

a.view-thumb span {
    display: block;
    background: url(../images/btn-view-thumb-br.png) no-repeat center center;
    width: 33px;
    height: 28px;
}

a.view-list span {
    display: block;
    background: url(../images/btn-view-list.png) no-repeat center center;
    width: 33px;
    height: 28px;
}

a.view:hover, a.view.current-view {
    display: block;
    float: right;
    background: url(../images/btn-view-white.png) no-repeat left top;
    width: 33px;
    height: 28px;
    margin: -4px 0 0 6px;
}

a.view-thumb:hover span, a.view-thumb.current-view span {
    display: block;
    background: url(../images/btn-view-thumb.png) no-repeat center center;
    width: 33px;
    height: 28px;
}

a.view-list:hover span, a.view-list.current-view span {
    display: block;
    background: url(../images/btn-view-list-br.png) no-repeat center center;
    width: 33px;
    height: 28px;
}

.booklist {
    background-color: #fff;
}

#shelf-context a {
    /*color: #4d4c46;*/
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 150%;
    padding-right: 14px;
    text-decoration: none;
    background: url(../images/icon-next.png) no-repeat right;
}

#shelf-meta {
    /*border-top: 4px solid #ddd;*/
    /*border-bottom: 4px solid #ddd;*/
    padding-top: 13px;
    margin-top: 5px;
    /*color: #4d4c46;*/
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

#shelf-meta a {
    color: #fff;
    text-decoration: none;
}

#shelf-meta a {
    color: #fff;
    text-decoration: none;
}

#shelf a.logo {
    float: right;
}

.details {
    /*position: relative;*/
    font-size: 14px;
    /*padding: 10px;*/
}

.details .comments-wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
    /*height: 500px;*/
    height: auto;
}

.details h3 {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    font-weight: 500;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

.details .book-to-comments div.comment > a {
    color: #e85127;
}

.details .comment .rating {
    display: inline;
    margin-left: 5px;
    float: right;
}

a.btn-brown:hover span {
    display: block;
    float: left;
    height: 20px;
    background: url(../images/btn-white.png) no-repeat left top;
    padding: 0 6px 0 9px;
    color: #000;
    font-size: 12px;
    font-family: Arial;
    line-height: 20px;
    text-decoration: none;
}

table.detail-view {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    color: #545456;
}

.help-block {
    color: red;
}

.anmelden p {
    color: black;
}

.menu_detail_3 ul li {
    float: none !important;
}

.menu_detail_2 ul li, .menu_detail_1 ul li {
    margin-right: 6px !important;
}

.list-black .list2 h2 {
    /*color: #fff;*/
}

.form-group, .checkbox, .materials-left, .materials-right {
    padding: 0px 10px;
}

#design-special-order-form {
    padding: 10px;
}

#design-special-order-form .button {
    margin: 0px !important;
}

.comments-compose, .offtheshelf-input-field {
    padding: 10px 10px;
}

.materials-right h1, #registration-form label {
    color: black !important;
}

.impressum, #registration-form {
    color: black !important;
    /*height:100%;*/
}

.errorMessage, .required {
    color: red;
}

.context a {
    color: #FFFFFF;
}

.details .context a {
    color: black;
}

#list2 h2 {
    color: #FFFFFF;
}

.detail_book .impressum {
    padding: 10px;
}

#stage {
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.more_book {
    cursor: pointer;
}

.my_table_div {
    display: table;
}

.totalBoxButtomCheckout {
    padding: 10px;
}

.custom_impressum {
    padding: 10px;
}

.static-wrap-cont {
    padding: 10px;
}

#login-form .submit {
    margin-left: 10px;
}

#forgot-password-form .my_special label {
    color: black !important;
}

.del span {
    float: right;
}

.ico_x {
    background-position: -57px -76px;
    height: 23px;
    width: 22px;
    cursor: pointer;
}

.ico_x_m {
    background-position: -57px -76px;
    height: 23px;
    width: 22px;
    cursor: pointer;
    margin-top: -21px;
}

.menu_detail_3 #show_li ul li {
    border-bottom: 1px solid white;
}

.menu_detail_3 div {
    width: 50%;
    float: left;
}

#show_li_detail {
    width: 50%;
}

#show_li_detail span {
    display: none;
    padding: 10px;
}

.content_input_search {
    display: none;
    float: right;
}

.content_footer p.description {
    text-align: justify;
}


/*.list1 .wrapper-stage{
    overflow: hidden;
}*/

#mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1250;
}

.wrapper-stage h2 {
    text-transform: uppercase !important;
}

#profile-form .table-responsive .form-table label {
    color: black !important;
}

ul#social-special li span {
    float: right !important;
    top: 0px !important;
}

ul#social-special li {
    float: left !important;
    margin-right: 20px;
}

.context, .comments-wrapper {
    padding: 10px;
}

.content-icon-soical ul li a span.ico_share4 {
    height: 29px;
    width: 29px;
}

#outerContainer .modal-dialog {
    margin-top: 100px;
}

.orderview-items {
    padding: 10px;
}

#container {
    max-width: 1920px;
}

.content_header {
    z-index: 999999;
}

#show_li_detail span:first-child {
    display: block;
}

.special_content .bx-wrapper .bxslider {
    overflow: hidden;
}

.special_content .bx-wrapper ul li {
    clear: right;
}

.add-buttom1 {
    display: none;
}

.special_content .bx-wrapper ul li section {
    clear: right;
}


/*.content_menu1 ul li img.img_news, .content_menu2 ul li img.img_news{
    height: 70px !important;
    width: 70px !important;
}*/

.content_menu1 ul li img.img_news {
    /*height: 25% !important;
    width: 50% !important;*/
    height: 210px;
    width: 210px;
    display: inherit;
    margin-left: 22%;
}

.layer-socialbookmarks .content-social li {
    margin-right: 0px !important;
}

.modal-title {
    color: black;
}

.special_content ul.bxslider {
    overflow: hidden;
}

.content_book_self ul li a {
    /*position: relative;
    z-index: 1000;*/
}

.layer-context img {
    height: auto !important;
    width: auto !important;
    box-shadow: none !important;
}

.left {
    left: -30%;
    opacity: 1;
}

.right {
    right: -30%;
    opacity: 1;
}

.modal-body .popup_content {
    height: 320px;
}

.modal-body .popup_content_body_1 {
    width: 40%;
    float: left;
    display: inline-block;
}

.modal-body .popup_content_body_2 {
    width: 60%;
    float: left;
    padding: 0 10px;
}

.multi_social .layer-socialbookmarks .content-social li {
    margin-left: 6px;
}
.modal-body .popup_content_body_1 .layer-socialbookmarks li:last-child{
    margin-left: 20px !important;
}

.gallery_content {
    padding-bottom: 30px;
}

.special_content ul li {
    display: none;
}

.odd td a.btn-search-grid {
    float: right;
}

.grid th .col-name {
    display: block;
    float: left;
    margin-right: 10px;
    color: #6E480B;
    line-height: 20px;
}

div#content-book a span {
    color: #000;
}

div#content-book a:hover {
    color: #05A0C1;
    text-decoration: underline;
}

#booksearch-grid table thead tr th .disabled {
    display: none;
}

@media (max-width: 2560px) {
    body {
        padding-top: 195px;
        width: 1920px;
    }
    .modal-dialog {
        margin: 213px auto !important;
    }
    .content_description_2 p {
        font: normal 20px/normal Arial;
    }
    .right {
        right: -30% !important;
    }
    .arrow_left {
        background: url('../images/arrow_left_1920.png') no-repeat;
        height: 224px;
        width: 118px;
        display: inline-block;
        top: 100px;
    }
    .arrow_right {
        background: url('../images/arrow_right_1920.png') no-repeat;
        height: 224px;
        width: 118px;
        display: inline-block;
        top: 100px;
    }
    #myList h1 {
        font-size: 28px;
        margin-left: 90px;
        font-family: Arial;
        text-transform: uppercase;
        margin-top: 20px;
    }
    .content_slide {
        margin-top: 25px;
        padding: 0px 0px;
    }
    .content_slide_book #myList .items label ul li a img {
        margin-left: 12px;
    }
    .content_slide_book #myList .items label ul li {
        margin-right: 0px !important;
    }
    .content_slide_book #myList .items label ul.book_big_detail {
        margin-left: 15px;
    }
    .content_slide_book #myList .items label ul li .content_cmt a span.no_comment, .content_slide_book #myList .items label ul li .content_cmt a span.have_comment {
        left: 20px;
    }
    .content_header {
        background: url('../images/header.png') no-repeat;
        height: 196px;
        padding: 20px;
        background-size: 100% 100%;
        border: 0px;
        border-radius: 0px !important;
        margin-bottom: 0px;
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 306px;
    }
    .content_crycle img {
        height: 130px !important;
        width: 130px !important;
    }
    .content_menu ul li span.menu_icon {
        background: url('../images/arrow_1920.png') no-repeat;
        top: 0px;
        left: 20px;
    }
    .content_menu ul li a {
        font: normal 30px/normal Arial;
    }
    .content_logo {
        background: url('../images/logo_1920.png') no-repeat;
        height: 93px;
        width: 175px;
    }
    ul.book_big_detail li span.dialog_img {
        height: 255px;
        width: 155px;
    }
    ul.book_big_detail li a img {
        max-width: 239px;
        max-height: 155px;
    }
    .content_header {
        padding: 40px;
    }
    .content_menu {
        padding-left: 70px;
        margin-top: 35px;
        float: left;
    }
    .content_icon ul li a {
        padding-right: 60px;
        height: 47px;
    }
    #carousel-example-generic {
        margin: 0px auto;
        width: 57%;
    }
    .content_icon ul li a.icon_shop {
        background: url('../images/icon_shopping_bag_1920.png') no-repeat;
    }
    .content_icon ul li a.icon_user {
        background: url('../images/icon_user_1920.png') no-repeat;
        width: 50px;
    }
    .content_icon ul li span {
        background: url('../images/icon_arrow_1920.png') no-repeat;
        height: 22px;
        width: 22px;
        top: 25px;
        left: 50px;
    }
    .content_icon {
        padding-top: 20px;
    }
    .form-control {
        width: 30%;
    }
    .content_icon ul li:first-child span {
        left: -10px;
        top: 10px;
    }
    .content_icon ul li:first-child {
        padding-right: 30px;
    }
    .content_input_search {
        padding-top: 0px;
        padding-left: 60px;
    }
    .content_input_search input {
        width: 470px;
        height: 65px;
        font: normal 25px/normal Arial;
        background-repeat: no-repeat;
        background-color: #cccccc;
        background-position: 97% 10px;
    }
    .content_input_search img {
        height: 65px;
    }
    .content_menu ul li {
        list-style: outside none none;
        margin-right: 70px;
    }
    .content_menu2 {
        float: right;
        margin-top: 20px;
        width: 50%;
    }
    .content_icon ul li p {
        margin-left: 15px;
        margin-top: 20px;
        color: white;
    }
    .content_slide_book .bx-wrapper {
        width: 100% !important;
    }
    .bx-wrapper .bx-prev {
        left: -70px !important;
    }
    .bx-wrapper .bx-next {
        right: -70px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 80px !important;
        width: 60px !important;
    }
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls_1.png) no-repeat 0 0px !important;
    }
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls_1.png) no-repeat -55px 0px !important;
    }
    .bx-pager {
        display: none !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale.png) no-repeat;
        width: 508px;
        height: 322px;
        padding: 35px;
        text-align: center;
        border-radius: 15px;
    }
    .content_top_regale_detail h2 {
        font: bold 38px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 38px/normal Arial;
    }
    .bx-wrapper .bx-controls-direction a.disabled {
        display: block;
    }
    #show_li_detail span {
        text-align: justify;
    }
    .content_book_self {
        background: url(../images/book_self.png) no-repeat;
        width: 1716px;
        height: 687px;
        box-shadow: 20px 20px 25px #363636;
        border-radius: 20px;
        padding: 50px 95px;
    }
    .add-buttom1 {
        background: linear-gradient(to top, #D5C7B5 0%, #FFFFFF 100%);
        background: -moz-linear-gradient(to top, #D5C7B5 0%, #FFFFFF 100%);
        background: -o-linear-gradient(to top, #D5C7B5 0%, #FFFFFF 100%);
        background: -ms-linear-gradient(to top, #D5C7B5 0%, #FFFFFF 100%);
        background: -webkit-linear-gradient(bottom, #D5C7B5 0%, #FFFFFF 100%);
        border-top-left-radius: 8px;
        right: -16px;
        top: 160px;
        padding: 20px;
    }
    .add-buttom1 h3 {
        font: bold 30px/normal Arial;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: normal 22px/normal Arial;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 16px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .add-buttom2 {
        background: linear-gradient(to top, #a99987 0%, #FFFFFF 100%);
        background: -moz-linear-gradient(to top, #a99987 0%, #FFFFFF 100%);
        background: -o-linear-gradient(to top, #a99987 0%, #FFFFFF 100%);
        background: -ms-linear-gradient(to top, #a99987 0%, #FFFFFF 100%);
        background: -webkit-linear-gradient(bottom, #a99987 0%, #FFFFFF 100%);
        right: -20px;
        top: 30px;
        padding: 20px;
        opacity: 0.5;
    }
    .add-buttom2 h3 {
        font: bold 30px/normal Arial;
    }
    .add-buttom2 p, .add-buttom2 i {
        font: normal 22px/normal Arial;
    }
    .add-buttom3 {
        background: linear-gradient(to top, #f6f2f0 0%, #FFFFFF 100%);
        background: -moz-linear-gradient(to top, #f6f2f0 0%, #FFFFFF 100%);
        background: -o-linear-gradient(to top, #f6f2f0 0%, #FFFFFF 100%);
        background: -ms-linear-gradient(to top, #f6f2f0 0%, #FFFFFF 100%);
        background: -webkit-linear-gradient(bottom, #f6f2f0 0%, #FFFFFF 100%);
        right: -20px;
        top: 85px;
        padding: 20px;
        opacity: 0.5;
        padding-left: 60px;
    }
    .add-buttom3 p {
        font: bold 22px/normal Arial;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 130px !important;
        width: 130px !important;
        top: 60px;
        left: -28px;
        font: normal 18px/normal Arial;
    }
    .content_line_shelf {
        background: url(../images/line_shelf.png) no-repeat;
        height: 26px;
        width: 100%;
        top: 265px;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 35px;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
    }
    .content_top_regale_detail h3 {
        font: normal 32px/normal Arial;
        text-align: left;
        padding-left: 30px;
    }
    .content_view_info {
        top: -25px;
        right: 40px;
        float: right;
        padding: 20px;
        font: normal 34px/normal Arial;
        box-shadow: 10px 10px 20px #121313;
    }
    .content_book_self h3 {
        font: normal 35px/normal Arial;
    }
    .content_book_self span {
        font: normal 35px/normal Arial;
        margin-top: 35px;
    }
    .content_line_shelf_big {
        background: url(../images/line_shelf_big.png) no-repeat;
        height: 76px;
        width: 100%;
        top: 30px;
    }
    .content_price {
        background: url(../images/price.png) no-repeat;
        top: -5px;
        right: -11px;
        height: 96px;
        font: bold 20px/normal Arial;
        margin-top: 0px;
        width: 130px;
        float: right;
        padding: 65px 0 0 10px;
    }
    .content_book_block {
        padding: 10px 105px;
        width: 100%;
        display: inline-block;
    }
    .content_cmt a span {
        height: 35px;
        width: 41px;
        float: left;
        top: 20px;
        left: 10px;
    }
    .content_cmt a span.no_comment {
        background: url(../images/icon_cmt.png) no-repeat;
    }
    .content_cmt a span.have_comment {
        background: url(../images/icon_have_cmt.png) no-repeat;
    }
    .book_big_detail {
        margin-top: 125px;
        padding-left: 0px;
    }
    .content_slide_book {
        margin-top: 60px;
    }
    .des_detail h3 {
        margin-left: 40px;
    }
    .des_detail span {
        margin-left: -55px;
        display: block;
    }
    .content_empty {
        height: 260px;
    }
    .content_footer {
        padding: 20px 480px 0 480px;
    }
    .content_footer p, .content_footer a {
        font: normal 14px/normal GraublauSans-Semibold;
    }
    .content_footer p {
        padding-bottom: 20px;
    }
    .content_footer .description a {
        text-transform: uppercase;
    }
    #language_box {
        /*margin-left: 200px;*/
        margin-left: 97px;
    }
    #footer-socialbookmarks {
        float: right;
        width: 268px;
        margin-top: 10px;
    }
    #footer-socialbookmarks a {
        /*padding-right: 10px;*/
    }
    .logo_small {
        float: left;
        padding-bottom: 25px;
    }
    .logo_category {
        float: left;
        padding-bottom: 35px;
    }
    .big_logo {
        padding-bottom: 25px;
    }
    .text_logo {
        float: right;
        width: 285px;
    }
    .text_only {
        float: right;
        height: 155px;
        font-size: 22px;
    }
    .block_book {
        height: 350px;
        float: left;
    }
    .content_description_1 h1 {
        font: normal 54px/normal Arial;
    }
    .content_description_1 p {
        font: normal 20px/normal Arial;
        padding-left: 40px;
    }
    .bg_black {
        background: url(../images/bg_black.png);
        height: 200px;
        color: white;
        padding: 35px;
    }
    .bg_black h1 {
        font: normal 40px/normal GraublauSans-Semibold;
        text-transform: uppercase;
    }
    .bg_black p {
        font: normal 20px/normal GraublauSans-Semibold;
        font-style: italic;
        display: inline;
    }
    .bg_black span {
        display: inline-block;
    }
    .content_des_header img {
        float: left;
        height: 90px;
    }
    .content_slide_book h1 {
        font: normal 34px/normal Arial;
        margin-left: 90px;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        position: absolute;
        height: 550px;
        width: 1318px;
        z-index: 9999;
        background: url(../images/bg_black.png);
        left: 8%;
        color: white;
        top: 120px;
    }
    .menu_detail_2, .menu_detail_1 {
        padding: 0 35px 35px 35px;
    }
    .menu_detail_3 {
        padding: 35px 35px 35px 0;
    }
    .menu_detail_2 p {
        font: normal 23px/normal Arial;
        margin-top: 30px;
    }
    .menu_detail_2 h2, .menu_detail_1 h2 {
        font: normal 40px/normal Arial;
        text-transform: uppercase;
    }
    .menu_detail_2 ul, .menu_detail_1 ul {
        margin-top: 20px;
    }
    .menu_detail_2 ul li, .menu_detail_1 ul li {
        float: left;
        margin-right: 5px;
    }
    .menu_detail_2 ul li.text_menu, .menu_detail_1 ul li.text_menu {
        text-align: center;
    }
    .menu_detail_2 ul li.text_menu a, .menu_detail_1 ul li.text_menu a {
        font-size: 16px;
        color: white;
        text-transform: capitalize;
    }
    .menu_detail_3 ul li {
        padding: 5px 10px;
    }
    .menu_detail_3 ul li a:hover {
        background-color: #656362;
        opacity: 0.4;
    }
    .menu_detail_3 ul li a {
        color: white;
        font: normal 16px/normal Arial !important;
        padding: 5px 10px;
        text-transform: capitalize;
    }
    .menu_detail_1 p {
        font: normal 20px/normal GraublauSans-Semibold;
        font-style: italic;
        display: inline;
    }
    .menu_detail_2 p {
        font: italic 20px GraublauSans-Semibold !important;
        font-size: 14px !important;
    }
    .login form button {
        width: 27%;
        border: 0px;
    }
    .face {
        width: 28%;
    }
    .login button {
        width: 27%;
        margin-bottom: 15px;
        border: 0px solid #7e7e80;
    }
    .wiedererwecken_span {
        background: url("../images/icon_arrow_up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        float: right;
        left: auto;
        position: absolute;
        right: 10px;
        top: 7px !important;
        margin-left: 5px;
    }
    .more_book {
        float: right;
        padding: 10px 0;
        display: block;
        width: 80px;
        background: url(../images/arrow_more_1920.png) no-repeat 0 0px !important;
        height: 80px;
    }
    #BookReview_body {
        width: 50%;
    }
    .content_slide_book #myList .content_book_self ul li .content_cmt .content_price {
        right: -3px !important;
    }
    .shopping_cart_icon {
        top: 15px !important;
        left: 25px !important;
    }
    .input_search_hide {
        height: 44px !important;
        width: 42px !important;
        display: inline-block;
        cursor: pointer;
        background-color: #cccccc;
        background: url('../images/icon_search_hide_1920.png') !important;
        background-repeat: no-repeat;
        background-position: 97% 8px;
    }
    .footer-responsive {
        display: none;
    }
    .content_img_book {
        height: 78px;
        width: 50px;
    }
    .content_menu1 {
        width: 50%;
        float: left;
    }
    .content_menu1 a {
        color: #545456;
    }
    .content_menu2 {
        width: 50%;
        float: right;
    }
    .menu_detail_2 ul p, .menu_detail_1 ul p {
        font-size: 16px;
        padding: 0 20px;
        color: white;
    }
    .menu_detail_2 ul p, .menu_detail_1 ul p a {
        color: white;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 40px !important;
    }
}

@media (max-width: 1919px) {
    body {
        padding-top: 140px;
        width: 100%;
    }
    .content_input_search {
        padding-top: 10px;
        padding-left: 0px;
    }
    .content_input_search input {
        width: 260px;
        height: 40px;
        font: normal 16px/normal Arial;
    }
    .content_input_search img {
        height: 40px;
    }
    .carousel .news_img {
        height: 450px !important;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 240px;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_1600.png) no-repeat;
        width: 448px;
        height: 284px;
        padding: 30px;
        text-align: center;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 40px !important;
    }
    .logo_category {
        padding-bottom: 0px;
        width: 50px;
        height: 50px;
    }
    .text_only {
        height: 105px;
        width: 330px;
    }
    .content_img_book {
        height: 105px;
        width: 60px;
    }
    .content_top_regale_detail ul li {
        margin-right: 15px;
    }
    .content_top_regale_detail h3 {
        font: normal 22px/normal Arial;
    }
    .content_des_header {
        padding: 0px;
    }
    .book_big_detail {
        margin-top: 21px;
    }
    .content_book_self ul li {
        margin-right: 50px;
    }
    .add-buttom1 {
        right: -16px;
    }
    .content_book_self {
        background: url(../images/book_self_1600.png) no-repeat;
        width: 1400px;
        height: 560px;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 306px;
    }
}

@media (max-width: 1749px) {
    .block_book ul li.content-book-slide {
        margin-right: 15px !important;
    }
}

@media (max-width: 1599px) {
    .carousel .news_img {
        height: 365px !important;
    }
    .content_header {
        padding: 20px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 35px !important;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 306px;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        height: 540px;
        width: 935px;
        left: 13%;
        color: white;
        top: 65px;
    }
    .shopping_cart_icon {
        top: 15px !important;
        left: 20px !important;
    }
    .menu_detail_2 {
        padding: 0 35px 35px 35px;
    }
    .menu_detail_1 {
        padding: 0 35px 35px 35px;
    }
    .menu_detail_3 {
        padding: 0px 35px 35px 0;
    }
    .menu_detail_2 p {
        font: normal 23px/normal Arial;
        margin-top: 30px;
    }
    .menu_detail_2 h2, .menu_detail_1 h2 {
        font: normal 20px/normal Arial;
        text-transform: uppercase;
    }
    .menu_detail_2 ul, .menu_detail_1 ul {
        margin-top: 30px;
    }
    .menu_detail_2 ul li, .menu_detail_1 ul li {
        float: left;
        margin-right: 5px;
        width: 100%;
    }
    .content_logo {
        background: url('../images/logo_1366.png') no-repeat;
        height: 76px;
        width: 130px;
    }
    .content_header {
        height: 140px;
    }
    .content_menu {
        float: left;
        padding-left: 45px;
        margin-top: 30px;
    }
    .content_menu ul li a {
        font: normal 22px/normal Arial;
    }
    .content_menu ul li span.menu_icon {
        background: url('../images/arrow_1366.png') no-repeat;
        top: 6px;
        left: 10px;
    }
    .content_menu ul li {
        margin-right: 40px;
    }
    .content_input_search {
        padding-top: 10px;
        padding-left: 80px;
    }
    .content_input_search input {
        width: 320px;
        height: 40px;
        font: normal 16px/normal Arial;
    }
    .content_input_search img {
        height: 40px;
    }
    .content_icon ul li:first-child span {
        left: 30px;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 30px;
    }
    .content_slide {
        margin-top: 25px;
        padding: 0px 0px;
    }
    .content_description_1 h1 {
        font: normal 44px/normal Arial;
    }
    .content_description_1 p {
        font: normal 16px/normal Arial;
        padding-left: 30px;
    }
    .content_description_2 p {
        font: normal 16px/normal Arial;
    }
    .content_menu {
        padding-left: 80px;
        margin-top: 35px;
    }
    .content_icon ul li a {
        padding-right: 20px;
    }
    .bx-wrapper .bx-prev {
        left: -70px !important;
    }
    .bx-wrapper .bx-next {
        right: -70px !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_1440.png) no-repeat;
        width: 400px;
        height: 252px;
        padding: 15px;
        text-align: center;
    }
    .content_top_regale_detail h2 {
        font: bold 28px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 29px/normal Arial;
    }
    .content_book_self {
        background: url(../images/book_self_1440.png) no-repeat;
        width: 1250px;
        height: 500px;
        padding: 20px 80px;
    }
    .add-buttom1 {
        right: -20px;
        top: 160px;
        padding: 10px;
    }
    .add-buttom1 h3 {
        font: bold 26px/normal Arial;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 22px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .add-buttom2 {
        right: -20px;
        top: 30px;
        padding: 10px;
        opacity: 0.5;
    }
    .add-buttom2 h3 {
        font: bold 26px/normal Arial;
    }
    .add-buttom2 p, .add-buttom2 i {
        font: normal 16px/normal Arial;
    }
    .add-buttom3 {
        right: -20px;
        top: 85px;
        padding: 13px;
        padding-left: 80px;
    }
    .add-buttom3 p {
        font: bold 16px/normal Arial;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 100px;
        width: 100px;
        top: 68px;
        left: -28px;
        font: normal 18px/normal Arial;
    }
    .content_line_shelf {
        top: 180px;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 27px;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
        height: 60px;
        width: 60px
    }
    .content_top_regale_detail h3 {
        font: normal 27px/normal Arial;
    }
    .content_view_info {
        top: -20px;
        right: 40px;
        padding: 10px;
        font: normal 26px/normal Arial;
    }
    .content_des_header img {
        height: 88px;
    }
    .content_book_self ul li {
        margin-right: 20px;
    }
    .content_book_self h3 {
        font: normal 28px/normal Arial;
    }
    .content_book_self span {
        font: normal 27px/normal Arial;
        margin-top: 20px;
    }
    .content_price {
        background: url(../images/price_1366.png) no-repeat;
        top: -5px;
        right: -25px;
        font: bold 18px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 52px 0 0 0px;
    }
    .content_book_block {
        padding: 10px 95px;
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 10px;
        border-radius: 6px;
    }
    .book_big_detail {
        margin-top: 58px;
    }
    .content_slide_book {
        margin-top: 40px;
    }
    .des_detail h3 {
        margin-left: 40px;
    }
    .content_empty {
        height: 200px;
    }
    .content_footer {
        padding: 20px 200px 0 200px;
    }
    .logo_small {
        height: 65px;
        width: 94px;
    }
    .big_logo {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .text_logo {
        float: right;
        width: 180px;
    }
    .text_only {
        height: 92px;
        width: 300px;
    }
    .block_book {
        height: 300px;
    }
    .bg_black {
        padding: 20px;
    }
    .bg_black p {
        font: normal 16px/normal GraublauSans-Semibold;
    }
    .content_top_regale_detail ul li {
        margin-right: 10px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 150px;
        height: 219px;
    }
    ul.book_big_detail li a img {
        max-width: 150px;
        max-height: 219px;
    }
    .more_book {
        float: right;
        padding: 40px 0;
        display: block;
        width: 80px;
    }
    .wiedererwecken_span {
        background: url("../images/icon_arrow_up_1366.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        left: auto;
        right: 10px;
        top: 7px !important;
    }
    .content_slide_book #myList .content_book_self ul li .content_cmt .content_price {
        right: -25px !important;
    }
}

@media (max-width: 1499px) {
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 208px;
    }
    #carousel-example-generic {
        left: -35px;
    }
}

@media (max-width: 1439px) {
    #carousel-example-generic {
        left: 0px;
    }
    .special_content ul li span.topbook_dialog {
        /*height: 308px;
        width: 195px;*/
        height: 200px;
        width: 190px;
    }
    .content_header {
        padding: 20px;
    }
    .arrow_right, .arrow_left {
        top: 80px;
    }
    .content_img_book {
        height: 90px;
        width: 50px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 30px !important;
    }
    .block_book .bx-wrapper {
        margin-left: 10px;
    }
    .special_content ul li {
        margin-right: 45px !important;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        height: 370px;
        width: 880px;
        left: 14%;
        color: white;
        top: 85px;
    }
    .content_menu_child {
        padding: 30px;
    }
    .content_menu {
        float: left;
        padding-left: 45px;
        margin-top: 30px;
    }
    .content_menu ul li {
        margin-right: 40px;
    }
    .content_input_search {
        padding-top: 10px;
        padding-left: 0px;
    }
    .content_input_search input {
        width: 255px;
        height: 40px;
        font: normal 15px/normal Arial;
    }
    .content_input_search img {
        height: 40px;
        margin-right: 15px;
        margin-left:10px;
    }
    .carousel .news_img {
        height: 350px !important;
    }
    .content_icon ul li:first-child span {
        left: 10px;
        top: 10px;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 30px;
    }
    .content_slide {
        margin-top: 25px;
        padding: 0px 0px;
    }
    .content_description_1 p {
        font: normal 16px/normal Arial;
        padding-left: 30px;
    }
    .content_menu {
        padding-left: 80px;
        margin-top: 35px;
    }
    .content_icon ul li a {
        padding-right: 35px;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_1366.png) no-repeat;
        width: 360px;
        height: 230px;
        padding: 25px;
        text-align: center;
    }
    .content_top_regale_detail h2 {
        font: bold 24px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 26px/normal Arial;
    }
    .content_book_self {
        background: url(../images/book_self_1366_2.png) no-repeat;
        width: 1170px;
        height: 468px;
        padding: 20px 80px;
    }
    .add-buttom1 {
        right: -20px;
        top: 160px;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: normal 16px/normal Arial;
    }
    .bxslider > li {
        width: 190px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 46px !important;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .add-buttom2 {
        right: -20px;
        top: 30px;
        padding: 10px;
    }
    .add-buttom3 {
        right: -20px;
        top: 85px;
        padding: 13px;
        padding-left: 80px;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 100px;
        width: 100px;
        top: 68px;
        left: -28px;
        font: normal 18px/normal Arial;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 18px;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
        height: 50px;
        width: 50px
    }
    .content_top_regale_detail h3 {
        font: normal 20px/normal Arial;
    }
    .content_view_info {
        top: -25px;
        right: 40px;
        padding: 10px;
        font: normal 24px/normal Arial;
    }
    .content_book_self ul li {
        margin-right: 10px;
    }
    .content_book_self h3 {
        font: normal 14px/normal Arial;
    }
    .content_book_self span {
        font: normal 16px/normal Arial;
        margin-top: 20px;
    }
    .content_price {
        top: -2px;
        right: -16px;
        margin-top: 0px;
        float: right;
        padding: 50px 0 0 0;
    }
    .content_book_block {
        padding: 10px 95px;
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 10px;
        border-radius: 6px;
    }
    .book_big_detail {
        margin-top: 55px;
    }
    @-moz-document url-prefix() {
        .book_big_detail {
            margin-top: 45px;
        }
    }
    .content_slide_book {
        margin-top: 40px;
    }
    .content_book_self h3 {
        font: normal 24px/normal Arial;
    }
    .logo_small {
        height: 48px;
        width: 70px;
    }
    .big_logo {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .text_logo {
        float: right;
        width: 160px;
    }
    .text_only {
        height: 75px;
        width: 250px;
    }
    .block_book {
        height: 270px;
    }
    .bg_black {
        padding: 35px;
    }
    .content_top_regale_detail ul li {
        margin-right: 8px;
    }
    .content_des_header img {
        height: 88px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 150px;
        height: 209px;
    }
    ul.book_big_detail li a img {
        max-width: 150px;
        max-height: 209px;
    }
    .more_book {
        float: right;
        padding: 40px 0;
        display: block;
        width: 80px;
    }
    .special_content .bx-viewport {
        margin-left: 20px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 40px !important;
    }
    .block_book .bx-wrapper .bx-next {
        right: -70px !important;
    }
}

@media (max-width: 1420px) {}

@media (max-width: 1365px) {
    .block_book ul li.content-book-slide {
        margin-right: 35px !important;
    }
    #outerContainer .modal-dialog {
        margin-top: 150px;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        height: 495px;
        width: 860px;
        left: 11%;
        color: white;
        top: 85px;
    }
    .content_menu {
        float: left;
        padding-left: 45px;
        margin-top: 30px;
    }
    .content_menu ul li {
        margin-right: 40px;
    }
    .content_input_search {
        padding-top: 5px;
        padding-left: 0px;
    }
    .content_input_search input {
        width: 210px;
        height: 40px;
        font: normal 16px/normal Arial;
    }
    .content_input_search img {
        height: 40px;
    }
    .content_icon {
        padding-left: 40px;
    }
    .content_icon ul li:first-child span {
        left: 0px;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_description_2 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_slide {
        margin-top: 25px;
        padding: 0px 0px;
    }
    .content_description_1 p {
        font: normal 16px/normal Arial;
        padding-left: 30px;
    }
    .content_menu {
        padding-left: 45px;
        margin-top: 35px;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_1240.png) no-repeat;
        width: 349px;
        height: 220px;
        padding: 15px;
        text-align: center;
    }
    .content_top_regale_detail h2 {
        font: bold 25px/normal Arial;
    }
    .content_book_self {
        background: url(../images/book_self_1240.png) no-repeat;
        width: 1120px;
        height: 448px;
        border-radius: 10px;
        padding: 20px 80px;
    }
    .add-buttom1 {
        right: -20px;
        top: 140px;
    }
    .add-buttom1 h3 {
        font: bold 26px/normal Arial;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: normal 16px/normal Arial;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .add-buttom2 {
        right: -20px;
        top: 30px;
        padding: 10px;
    }
    .add-buttom3 {
        right: -20px;
        top: 85px;
        padding: 13px;
        padding-left: 80px;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -25px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 100px !important;
        width: 100px !important;
        top: 68px;
        left: -28px;
        font: normal 18px/normal Arial;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 15px;
    }
    .content_top_regale_detail h3 {
        font: normal 18px/normal Arial;
    }
    .content_view_info {
        top: -18px;
        right: 55px;
        padding: 7px;
        font: normal 22px/normal Arial;
    }
    .content_book_self h3 {
        font: normal 26px/normal Arial;
    }
    .content_book_self span {
        font: normal 25px/normal Arial;
        margin-top: 20px;
    }
    .content_price {
        background: url(../images/price_1280.png) no-repeat;
        top: 0px;
        font: bold 18px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 40px 0 0 25px;
        text-align: left;
        height: 80px;
        width: 120px;
        right: -20px;
    }
    .content_book_block {
        padding: 10px 85px;
    }
    .special_content {
        width: 100%;
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 25px;
        border-radius: 6px;
        top: 6px;
    }
    .book_big_detail {
        margin-top: 63px;
        margin-left: 20px;
        width: 855px;
    }
    .content_slide_book {
        margin-top: 40px;
    }
    .content_footer {
        padding: 20px 150px 0 150px;
    }
    .logo_small {
        height: 40px;
        width: 58px;
    }
    .big_logo {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .content_top_regale_detail .logo_category a img {
        height: 50px;
        width: 50px;
    }
    .text_logo {
        float: right;
        width: 160px;
    }
    .text_only {
        height: 80px;
        width: 250px;
    }
    .block_book {
        height: 280px;
    }
    .content_top_regale_detail ul li {
        margin-right: 8px;
    }
    .content_slide_book h1 {
        font: normal 30px/normal Arial;
        margin-left: 80px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 137px;
        height: 180px;
    }
    ul.book_big_detail li a img {
        max-width: 115px;
        max-height: 188px;
    }
    .more_book {
        float: right;
        padding: 20px 0;
        display: block;
        width: 100px;
    }
    .bx-wrapper .bx-prev {
        left: -60px !important;
    }
    .bx-wrapper .bx-next {
        right: -45px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 50px !important;
        width: 30px !important;
    }
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls_1240.png) no-repeat 0 0px !important;
    }
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls_1240.png) no-repeat -43px 0px !important;
    }
    .special_content .bx-wrapper {
        margin-left: 10px;
    }
    .special_content .bx-viewport {
        margin-left: 10px;
    }
    .bxslider > li {
        width: 190px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 35px !important;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 190px;
    }
    .special_content .bx-wrapper {
        margin-left: 0px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 30px !important;
    }
    .block_book .bx-wrapper .bx-next {
        right: -50px !important;
    }
}

@media (max-width: 1319px) {
    .special_content .bx-wrapper ul li {
        margin-right: 33px !important;
    }
}

@media (max-width: 1279px) {
    body {
        padding-top: 100px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 25px !important;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        height: 540px;
        width: 725px;
        left: 9%;
        color: white;
        top: 65px;
    }
    .content_icon ul li a.icon_shop {
        background: url('../images/icon_shopping_bag_1024.png') no-repeat;
    }
    .content_icon ul li a.icon_user {
        background: url('../images/icon_user_1024.png') no-repeat;
    }
    .content_icon ul li span {
        background: url('../images/icon_arrow_1024.png') no-repeat;
        height: 17px;
        width: 17px;
        top: 14px;
        left: 32px;
    }
    .content_logo {
        background: url('../images/logo_1024.png') no-repeat;
        height: 53px;
        width: 90px;
    }
    .content_header {
        height: 100px;
        padding-left: 120px;
        padding-right: 120px;
    }
    .content_menu {
        float: left;
        padding-left: 45px;
        margin-top: 30px;
    }
    .content_menu ul li a {
        font: normal 16px/normal Arial;
    }
    .content_menu ul li span.menu_icon {
        background: url('../images/arrow_980.png') no-repeat;
        top: 5px;
        left: 10px;
        height: 15px;
    }
    .content_menu ul li {
        float: left;
        margin-right: 25px;
    }
    .content_input_search {
        padding-top: 0px;
        padding-left: 0px;
        margin-top: -10px;
    }
    .content_input_search input {
        width: 230px;
        height: 27px;
        font: normal 16px/normal Arial;
    }
    .content_input_search img {
        height: 27px;
        margin-right: 5px;
    }
    .content_icon {
        padding-top: 10px;
        padding-left: 30px;
    }
    .carousel .news_img {
        height: 325px !important;
    }
    .content_icon ul li:first-child span {
        left: -15px;
        top: 6px;
    }
    .content_icon ul li p {
        margin-left: 11px;
        margin-top: 11px;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_description_2 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_icon ul li:first-child {
        padding-right: 10px;
    }
    .content_slide {
        margin-top: 10px;
        padding: 0px 0px;
    }
    .content_description_1 h1 {
        font: normal 30px/normal Arial;
    }
    .content_description_1 p {
        font: normal 16px/normal Arial;
        padding-left: 0px;
    }
    .content_menu {
        padding-left: 45px;
        margin-top: 15px;
    }
    .bx-wrapper .bx-prev {
        left: -70px !important;
    }
    .bx-wrapper .bx-next {
        right: -70px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 80px !important;
        width: 60px !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_1024_2.png) no-repeat;
        width: 418px;
        height: 266px;
        padding: 15px;
        text-align: center;
    }
    .content_top_regale_detail h2 {
        font: bold 31px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 31px/normal Arial;
    }
    .content_book_self {
        background: url(../images/book_self_1024_2.png) no-repeat;
        width: 860px;
        height: 344px;
        padding: 20px 60px;
    }
    .add-buttom1 {
        right: -15px;
        top: 130px;
    }
    .add-buttom1 h3 {
        font: bold 18px/normal Arial;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: normal 18px/normal Arial;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -15px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .special_content .bx-viewport {
        margin-left: 0px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 30px !important;
    }
    .add-buttom2 {
        right: -15px;
        top: 30px;
        padding: 10px;
    }
    .add-buttom2 h3 {
        font: bold 18px/normal Arial;
    }
    .add-buttom2 p, .add-buttom2 i {
        font: normal 10px/normal Arial;
    }
    .add-buttom3 {
        right: -15px;
        top: 85px;
        padding: 10px;
        padding-left: 60px;
    }
    .add-buttom3 p {
        font: bold 12px/normal Arial;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -15px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 80px;
        width: 80px;
        top: 68px;
        left: -28px;
        font: normal 18px/normal Arial;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 29px;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
        height: 60px;
        width: 60px
    }
    .content_top_regale_detail h3 {
        font: normal 20px/normal Arial;
    }
    .content_view_info {
        top: -18px;
        right: 55px;
        padding: 10px;
        font: normal 26px/normal Arial;
    }
    .content_book_self ul li {
        margin-right: -5px;
    }
    .content_book_self h3 {
        font: normal 18px/normal Arial;
    }
    .content_book_self span {
        font: normal 16px/normal Arial;
        margin-top: 20px;
    }
    .content_price {
        background: url(../images/price_1024.png) no-repeat;
        top: -5px;
        right: -12px;
        font: bold 13px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 35px 0 0 20px;
        text-align: left;
        width: 105px;
    }
    .content_book_block {
        padding: 10px 80px;
    }
    .content_cmt a span.no_comment {
        background: url(../images/icon_cmt_1024.png) no-repeat;
        left: 30px;
        border-radius: 6px;
        top: 5px;
    }
    .content_cmt a span.have_comment {
        background: url(../images/icon_have_cmt_1024.png) no-repeat;
        left: 30px;
        border-radius: 6px;
        top: 5px;
    }
    .book_big_detail {
        margin-top: 42px;
        margin-left: 0px;
    }
    .content_slide_book {
        margin-top: 40px;
    }
    .content_empty {
        height: 100px;
    }
    .content_footer {
        padding: 20px 80px 0 80px;
    }
    .logo_small {
        height: 70px;
        width: 101px;
    }
    .logo_category {
        padding-bottom: 35px;
    }
    .big_logo {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .text_logo {
        float: right;
        width: 180px;
    }
    .text_only {
        height: 115px;
        width: 305px;
    }
    .content_img_book {
        height: 90px;
        width: 55px;
    }
    .block_book {
        height: 330px;
    }
    .bg_black {
        padding: 20px;
    }
    .content_top_regale_detail ul li {
        margin-right: 10px;
    }
    .content_des_header img {
        height: 50px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 100px;
        height: 148px;
        margin-left: 15px;
    }
    ul.book_big_detail li a img {
        max-width: 90px;
        max-height: 148px;
    }
    .more_book {
        float: right;
        padding: 20px 0;
        display: block;
        width: 80px;
        height: 80px;
    }
    .book_big_detail {
        width: 710px;
    }
    .bx-wrapper .bx-prev {
        left: -60px !important;
    }
    .bx-wrapper .bx-next {
        right: -45px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 50px !important;
        width: 30px !important;
    }
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls_1240.png) no-repeat 0 0px !important;
    }
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls_1240.png) no-repeat -43px 0px !important;
    }
    .wiedererwecken_span {
        background: url("../images/icon_arrow_up_980.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        left: auto;
        right: 10px;
        top: 5px !important;
    }
    .shopping_cart_icon {
        top: 7px !important;
        left: 10px !important;
    }
    .input_search_hide {
        height: 28px !important;
        width: 27px !important;
        background: url('../images/icon_search_hide_1024.png') !important;
    }
    .content_slide_book #myList .items label ul.book_big_detail {
        margin-left: 0px;
    }
    .content_slide_book #myList .items label ul li {
        margin-right: -60px !important;
    }
    .content_slide_book #myList .items label ul li .content_cmt a span.no_comment, .content_slide_book #myList .items label ul li .content_cmt a span.have_comment {
        left: 45px;
    }
    .content_des_header {
        height: 65px;
    }
    .block_book .bx-wrapper {
        margin-left: 0px;
    }
    .bxslider > li {
        width: 190px !important;
    }
    .block_book ul li.content-book-slide {
        width: 415px !important;
    }
}

@media (max-width: 1249px) {
    .block_book ul li.content-book-slide {
        width: 415px !important;
    }
    .block_book ul li.content-book-slide {
        margin-right: 125px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 10px !important;
    }
    .content_header {
        padding-left: 110px;
        padding-right: 110px;
    }
    .content_input_search input {
        width: 200px;
    }
}

@media (max-width: 1199px) {
    .block_book ul li.content-book-slide {
        width: 415px !important;
    }
    .block_book ul li.content-book-slide {
        margin-right: 156px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 10px !important;
    }
    .content_header {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 1149px) {
    .block_book ul li.content-book-slide {
        width: 415px !important;
    }
    .block_book ul li.content-book-slide {
        margin-right: 80px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 10px !important;
    }
    .del {
        margin-top: 30px;
    }
}

@media (max-width: 1130px) {
    .content_header {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1099px) {
    .block_book ul li.content-book-slide {
        width: 415px !important;
    }
    .block_book ul li.content-book-slide {
        margin-right: 8px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 10px !important;
    }
    .content_header {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (max-width: 1050px) {
    .content_header {
        padding-left: 40px;
        padding-right: 40px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 25px !important;
    }
    /*.kontakt{margin-top: -40px !important;}
    del{margin-top: -42px; !important}*/
    .special_content .bx-wrapper ul li {
        margin-right: 30px !important;
    }
    .block_book .bx-wrapper {
        max-width: 100% !important;
    }
    .menu_detail_2, .menu_detail_1 {
        padding: 0 20px;
    }
    .arrow_right, .arrow_left {
        top: 60px;
    }
    .arrow_right {
        right: 25px;
    }
    .special_content .bx-wrapper {
        margin-left: 10px;
    }
    .block_book .bx-wrapper .bx-next {
        right: -50px !important;
    }
    #carousel-example-generic {
        margin: 0px auto;
        width: 70%;
    }
    .left {
        left: -20%;
    }
    .right {
        right: -22% !important;
    }
}

@media (max-width: 1023px) {
    #carousel-example-generic {
        margin: 0px auto;
        width: 57%;
    }
    .left {
        left: -30%;
    }
    .right {
        right: -30% !important;
    }
    .special_content .bx-viewport {
        margin-left: 0px;
    }
    .special_content .bx-wrapper {
        margin-left: 10px;
    }
    .block_book .bx-wrapper {
        margin-left: 10px;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        height: 480px;
        width: 680px;
        left: 7%;
        color: white;
        top: 60px;
    }
    .content_icon ul li a.icon_shop {
        background: url('../images/icon_shopping_bag_1024.png') no-repeat;
    }
    .content_icon ul li a.icon_user {
        background: url('../images/icon_user_1024.png') no-repeat;
    }
    .content_icon ul li span {
        background: url('../images/icon_arrow_1024.png') no-repeat;
        height: 17px;
        width: 17px;
        top: 14px;
        left: 32px;
    }
    .content_des_header {
        height: 110px;
    }
    .content_logo {
        background: url('../images/logo_1024.png') no-repeat;
        height: 53px;
        width: 90px;
    }
    .content_menu {
        float: left;
        padding-left: 45px;
        margin-top: 30px;
    }
    .content_menu ul li a {
        font: normal 16px/normal Arial;
    }
    .content_menu ul li span.menu_icon {
        background: url('../images/arrow_980.png') no-repeat;
        top: 5px;
        left: 10px;
    }
    .content_menu ul li {
        float: left;
        margin-right: 25px;
    }
    .content_input_search {
        padding-top: 0px;
        padding-left: 0px;
        float: right;
    }
    .content_input_search input {
        width: 185px;
        height: 27px;
        font: normal 16px/normal Arial;
    }
    .content_input_search img {
        height: 27px;
        margin-right: 0px;
    }
    .content_icon {
        padding-top: 10px;
        padding-right: 0px;
        padding-left: 10px;
    }
    .content_icon ul li p {
        margin-left: 11px;
        margin-top: 11px;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_description_2 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_slide {
        margin-top: 10px;
        padding: 0px 0px;
    }
    .content_description_1 p {
        font: normal 16px/normal Arial;
        padding-left: 0px;
    }
    .content_description_2 p {
        font: normal 14px/normal Arial;
    }
    .content_menu {
        padding-left: 40px;
        margin-top: 20px;
    }
    .bx-wrapper .bx-prev {
        left: -70px !important;
    }
    .bx-wrapper .bx-next {
        right: -70px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 80px !important;
        width: 60px !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_980_2.png) no-repeat;
        width: 389px;
        height: 247px;
        padding: 15px;
        text-align: center;
    }
    .content_top_regale_detail h2 {
        font: bold 28px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 30px/normal Arial;
    }
    .content_book_self {
        background: url(../images/book_self_980.png) no-repeat;
        width: 820px;
        height: 329px;
        padding: 20px 50px;
    }
    .add-buttom1 {
        right: -15px;
        top: 100px;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -15px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .add-buttom2 {
        right: -15px;
        top: 30px;
        padding: 10px;
    }
    .add-buttom3 {
        right: -15px;
        top: 85px;
        padding: 10px;
        padding-left: 50px;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -15px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 80px;
        width: 80px;
        top: 68px;
        left: -28px;
        font: normal 18px/normal Arial;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 23px;
    }
    .content_top_regale_detail h3 {
        font: normal 22px/normal Arial;
    }
    .content_view_info {
        top: -18px;
        right: 55px;
        padding: 10px;
        font: normal 24px/normal Arial;
    }
    .content_book_self h3 {
        font: normal 18px/normal Arial;
    }
    .content_book_self span {
        font: normal 16px/normal Arial;
        margin-top: 20px;
    }
    .content_price {
        background: url(../images/price_980.png) no-repeat;
        top: -5px;
        right: -12px;
        font: bold 14px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 30px 0 0 17px;
        text-align: left;
        width: 100px;
    }
    .content_book_block {
        padding: 10px 80px;
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 30px;
        border-radius: 6px;
        top: 0px;
    }
    .book_big_detail {
        margin-top: 0px;
        margin-left: 30px;
    }
    .content_slide_book {
        margin-top: 20px;
    }
    .des_detail h3 {
        margin-left: 40px;
    }
    .content_footer {
        padding: 20px 20px 0 20px;
    }
    .logo_small {
        height: 61px;
        width: 90px;
    }
    .logo_category {
        float: left;
        padding-bottom: 0px;
    }
    .big_logo {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .text_logo {
        float: right;
        width: 170px;
    }
    .text_only {
        height: 100px;
        width: 280px;
    }
    .block_book {
        height: 280px;
    }
    .content_top_regale_detail ul li {
        margin-right: 8px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 80px;
        height: 126px;
        margin-left: 0px;
    }
    ul.book_big_detail li a img {
        max-width: 80px;
        max-height: 126px;
    }
    .more_book {
        float: right;
        padding: 20px 0;
        display: block;
        width: 80px;
        height: 80px;
    }
    .bx-wrapper .bx-prev {
        left: -60px !important;
    }
    .bx-wrapper .bx-next {
        right: -45px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 50px !important;
        width: 30px !important;
    }
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls_1240.png) no-repeat 0 0px !important;
    }
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls_1240.png) no-repeat -43px 0px !important;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 180px;
    }
    .bxslider, .special_content .bx-viewport {
        /*height: 290px !important;*/
    }
    .bxslider > li {
        width: 180px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 28px !important;
    }
    .block_book ul li.content-book-slide {
        width: 390px !important;
    }
    .content_menu2 {
        float: right;
        margin-top: 0px;
        width: 50%;
    }
    .arrow_left {
        background: url('../images/arrow_left_980.png') no-repeat;
        height: 95px;
        width: 50px;
        display: inline-block;
        top: 120px;
    }
    .arrow_right {
        background: url('../images/arrow_right_980.png') no-repeat;
        height: 95px;
        width: 50px;
        display: inline-block;
        top: 120px;
    }
    #carousel-example-generic {
        margin: 0px auto;
        width: 70%;
    }
    .left {
        left: -20%;
    }
    .right {
        right: -20% !important;
    }
    .carousel .news_img {
        height: 350px !important;
    }
    ul.book_big_detail li a img {
        right: 0px;
    }
}

@media (max-width: 979px) {
    .content_input_search input {
        width: 180px;
    }
    .block_book ul li.content-book-slide {
        width: 390px !important;
    }
    .add-buttom3 {
        top: 120px;
    }
    .content_crycle img {
        width: 80px;
        top: 105px;
    }
    .content_book_self {
        background: url(../images/book_self_968.png) no-repeat;
        width: 810px;
        height: 324px;
    }
    .book_big_detail {
        margin-top: 0px;
        margin-left: 20px;
    }
    .content_des_header {
        height: 110px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 25px !important;
    }
    .content_menu2 {
        float: right;
        margin-top: 25px;
        width: 50%;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 180px;
    }
    .block_book ul li.content-book-slide {
        width: 390px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 115px !important;
    }
    .block_book ul li.content-book-slide {
        margin-right: 20px !important;
    }
    .carousel .news_img {
        height: 305px !important;
    }
}

@media (max-width: 975px) {
    body {
        padding-top: 0px;
    }
    #logo {
        background: url("../images/header.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
        min-height: 60px;
    }
    .content_menu .img_news {
        min-width: 70px;
    }
    .content_header {
        height: 250px;
    }
    .menu-fixed {
        background: url("../images/header.png") no-repeat;
        min-height: 60px;
        width: 100%;
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        z-index: 999999;
        _top: expression(eval(document.body.scrollTop));
        _position: absolute;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        /*overflow: hidden;*/
    }
    .wiedererwecken_span {
        background: url("../images/icon_arrow_up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        left: auto;
        right: 10px;
        top: 35%;
    }
    .detail_book {
        padding: 0 0 20px 0;
    }
    .special_content ul li span.topbook_dialog {
        height: 200px;
        width: 140px;
    }
    .content_icon ul li a.icon_shop {
        background: url('../images/icon_shopping_bag_1024.png') no-repeat;
    }
    .content_icon ul li a.icon_user {
        background: url('../images/icon_user_1024.png') no-repeat;
    }
    .content_icon ul li span {
        background: url('../images/icon_arrow_1024.png') no-repeat;
        height: 17px;
        width: 17px;
        top: 14px;
        left: 32px;
    }
    .content_logo {
        background: url('../images/logo_1024.png') no-repeat;
        height: 53px;
        width: 90px;
    }
    .content_input_search img {
        height: 27px;
    }
    .content_icon {
        padding-top: 20px;
    }
    .link-web .share-detail li span, .link-web .share li span {
        top: 0px;
    }
    .content_icon ul li:first-child span {
        left: 10px;
        top: 6px;
    }
    .content_icon ul li p {
        margin-left: 11px;
        margin-top: 11px;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_description_2 {
        float: left;
        width: 50%;
        padding: 20px;
    }
    .content_icon ul li:first-child {
        padding-right: 30px;
    }
    .content_slide {
        margin-top: 10px;
        padding: 0px 0px;
    }
    .content_description_1 h1 {
        font: normal 24px/normal Arial;
    }
    .content_description_1 p {
        font: normal 14px/normal Arial;
        padding-left: 0px;
    }
    .content_description_2 p {
        font: normal 13px/normal Arial;
    }
    .content_menu {
        padding-left: 30px;
        margin-top: 50px;
    }
    .content_icon ul li a {
        padding-right: 20px;
    }
    .bx-wrapper .bx-prev {
        left: -70px !important;
    }
    .bx-wrapper .bx-next {
        right: -70px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 80px !important;
        width: 60px !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_800_2.png) no-repeat;
        width: 320px;
        height: 202px;
        padding: 20px;
        text-align: center;
    }
    .content_top_regale_detail h2 {
        font: bold 22px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 22px/normal Arial;
    }
    .content_book_self {
        background: url(../images/book_self_800.png) no-repeat;
        width: 680px;
        height: 273px;
        padding: 15px 45px;
    }
    .add-buttom1 {
        right: -10px;
        top: 70px;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: normal 14px/normal Arial;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -10px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .add-buttom2 {
        right: -10px;
        top: 30px;
        padding: 10px;
    }
    .add-buttom3 {
        right: -10px;
        top: 115px;
        padding: 10px;
        padding-left: 50px;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -10px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_crycle img {
        height: 70px;
        width: 70px;
        top: 105px;
        left: -17px;
        font: normal 18px/normal Arial;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 12px;
    }
    .content_img_book {
        height: 70px;
        width: 40px;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
        height: 50px;
        width: 50px
    }
    .content_top_regale_detail h3 {
        font: normal 17px/normal Arial;
    }
    .content_view_info {
        top: -18px;
        right: 40px;
        padding: 10px;
        font: normal 18px/normal Arial;
    }
    .content_book_self ul li {
        margin-right: 0px;
    }
    .content_book_self h3 {
        font: normal 15px/normal Arial;
    }
    .content_book_self span {
        font: normal 14px/normal Arial;
        margin-top: 20px;
    }
    .content_price {
        top: -5px;
        right: 20px;
        font: bold 13px/normal Arial;
        float: right;
        padding: 30px 0 0 20px;
        height: 65px;
        width: 70px;
    }
    .content_book_block {
        padding: 10px 64px;
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 0px;
        border-radius: 6px;
        top: 0px;
    }
    .book_big_detail {
        margin-top: 27px;
        margin-left: 30px;
    }
    .book_big_detail {
        width: 570px;
    }
    .content_slide_book {
        margin-top: 10px;
    }
    .des_detail h3 {
        margin-left: 20px;
        float: left;
    }
    .des_detail span {
        margin-left: -45px;
    }
    #language_box {
        margin-left: 61px;
        /*margin-left: 100px;*/
    }
    .logo_small {
        height: 35px;
        width: 50px;
    }
    .big_logo {
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .text_logo {
        float: right;
        width: 150px;
    }
    .text_only {
        height: 77px;
        width: 225px;
        font-size: 16px;
    }
    .block_book {
        height: 260px;
    }
    .bg_black h1 {
        font: normal 32px/normal GraublauSans-Semibold;
    }
    .content_top_regale_detail ul li {
        margin-right: 8px;
    }
    .content_slide_book h1 {
        font: normal 26px/normal Arial;
        margin-left: 56px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 80px;
        height: 115px;
    }
    ul.book_big_detail li a img {
        max-width: 80px;
        max-height: 115px;
    }
    .more_book {
        float: right;
        padding: 10px 0;
        display: block;
        width: 40px;
        background: url(../images/arrow_more_800.png) no-repeat 0 0px !important;
        height: 40px;
    }
    .bx-wrapper .bx-prev {
        left: -60px !important;
    }
    .bx-wrapper .bx-next {
        right: -45px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 50px !important;
        width: 30px !important;
        margin-left: 10px;
    }
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls_1240.png) no-repeat 0 0px !important;
    }
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls_1240.png) no-repeat -42px -2px !important;
    }
    .content_header {
        height: auto;
        padding: 10px 0 0 0;
    }
    .content_logo {
        background: url("../images/logo_1366.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 41px;
        width: 72px;
        background-size: 72px 41px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .content_menu {
        clear: both;
        width: 100%;
        padding: 0;
        background: #ededee;
    }
    .content_menu ul li {
        float: none;
        position: relative;
        min-height: 60px;
        padding: 20px 10px;
        border-bottom: 1px solid #cccccc;
        margin-right: 0px;
    }
    .content_menu ul li a {
        font: 16px Arial;
        color: #545456;
        text-transform: capitalize;
    }
    .content_menu ul li span.menu_icon {
        background: url("../images/arrow_1366_blak.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: right;
        left: auto;
        position: absolute;
        right: 10px;
        top: 35%;
        height: 20px;
    }
    .content_input_search {
        position: fixed;
        top: 0px;
        right: 136px;
        z-index: 999999;
        width: 250px;
        padding: 0px;
    }
    .content_input_search input {
        width: 210px;
        position: inherit;
        padding: 0px;
        height: 27px;
    }
    .content_icon {
        position: absolute;
        right: 0px;
        top: 0;
        padding: 10px 0px;
    }
    .form-control {
        width: 100%;
    }
    .wiedererwecken_span {
        background: url("../images/icon_arrow_up_black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        left: auto;
        right: 10px;
        top: 20px !important;
    }
    .menu_detail_3, .menu_detail_2, .menu_detail_1 {
        min-height: 480px;
        width: 100%;
        left: 0;
        color: white;
    }
    .menu_detail_3 {
        height: 470px;
    }
    .menu_detail_1, .menu_detail_2 {
        top: 62px;
    }
    .menu_detail_2 {
        top: 125px;
    }
    .menu_detail_3 {
        top: 187px;
    }
    .menu_detail_2 h2, .menu_detail_1 h2 {
        font: normal 16px/normal Arial;
        text-transform: uppercase;
    }
    .menu_detail_1 p {
        font-size: 14px;
    }
    .menu_detail_2 ul li, .menu_detail_1 ul li {
        float: left !important;
        border: 0px !important;
        margin-right: 5px !important;
    }
    .menu_detail_3 ul li {
        float: none !important;
    }
    .menu_detail_3 {
        padding: 0px;
    }
    .menu_detail_3 ul li a {
        color: white !important;
        text-transform: capitalize !important;
    }
    .menu_detail_2 p {
        font: normal 14px/normal Arial;
        margin-top: 10px;
    }
    .menu_detail_2 ul {
        margin-top: 20px;
    }
    .menu_detail_2 ul li, .menu_detail_1 ul li {
        margin-right: 3px !important;
        padding: 0 10px !important;
    }
    .carousel .news_img {
        height: 270px !important;
    }
    #carousel-example-generic {
        margin: 0px auto;
        width: 100%;
    }
    #BookReview_body {
        width: 100%;
    }
    .list-black {
        padding: 10px;
    }
    .more_if, .dola, .list-black h2 {
        font-size: 16px;
    }
    .details div.left, .details div.right, form div.button {
        padding: 10px;
    }
    .wrapper-stage {
        width: 100%;
    }
    #shelf-previous {
        left: 0px;
    }
    #shelf-next {
        right: 15px;
    }
    .input_search_hide {
        position: fixed;
        top: 10px;
        z-index: 999999;
        right: 210px;
    }
    .keyword-long-find {
        /*display: none;*/
        z-index: 999996;
    }
    .content_input_search {
        display: block !important;
    }
    .content_header {
        position: relative;
        display: inline-block;
        z-index: 999999;
    }
    .keyword-long-find {
        position: absolute;
        top: 66px;
    }
    .content_des_header {
        height: 80px;
    }
    .book_big_detail {
        margin-top: 0px;
    }
    .content_slide_book #myList .items label ul li {
        margin-right: -87px !important;
    }
    .content_slide_book #myList .items label ul li .content_cmt a span.no_comment, .content_slide_book #myList .items label ul li .content_cmt a span.have_comment {
        left: 50px;
    }
    #list-black #list2 {
        margin-top: 30px;
    }
    .special_content .bx-wrapper {
        margin-left: 15px;
    }
    .special_content .bx-wrapper a.bx-next {
        left: 98%;
    }
    .block_book .bx-wrapper {
        margin-left: 5px;
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: 10px;
    }
    .offtheshelf-input-field {
        padding: 10px 0px !important;
    }
    #shelf-previous {
        left: 85%;
        top: -60px;
    }
    #shelf-next {
        top: -60px;
    }
    #list1 .wrapper-stage {
        top: 60px;
    }
    #myList {
        margin-top: 100px;
    }
    #myList h1 {
        font-size: 28px;
        margin-left: 65px;
        font-family: Arial;
        text-transform: uppercase;
    }
    .menu_detail_3 #show_li ul li {
        padding: 10px 0px 0px;
        min-height: 30px !important;
        border-bottom: 1px solid white;
    }
    #login-form .submit {
        margin-left: 0px;
    }
    .bxslider > li {
        width: 140px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 75px !important;
    }
    .block_book ul li.content-book-slide {
        width: 420px !important;
    }
    .arrow_left {
        background: url('../images/arrow_left_980.png') no-repeat;
        height: 95px;
        width: 50px;
        display: inline-block;
        top: 120px;
    }
    .arrow_right {
        background: url('../images/arrow_right_980.png') no-repeat;
        height: 95px;
        width: 50px;
        display: inline-block;
        top: 120px;
    }
    #carousel-example-generic {
        margin: 0px auto;
        width: 75%;
    }
    .left {
        left: -15%;
    }
    .right {
        right: -15% !important;
    }
    .space {
        margin-top: -20px;
    }
    .margin_final {
        margin-top: 0px
    }
    .margin_0 {
        margin-top: -6px;
    }
}

@media (max-width: 949px) {
    .block_book ul li.content-book-slide {
        width: 370px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 55px !important;
    }
    .arrow_right {
        right: 0px;
    }
    .block_book .bx-wrapper .bx-next {
        right: -40px !important;
    }
}

@media (max-width: 899px) {
    .block_book ul li.content-book-slide {
        width: 350px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 50px !important;
    }
}

@media (max-width: 849px) {
    .block_book ul li.content-book-slide {
        width: 320px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 30px !important;
    }
    .arrow_left, .arrow_right {
        top: 80px;
    }
    .arrow_right {
        right: 0px;
    }
    #link-web {
        height: 130px;
    }
    .list-black {
        /*height: 630px;*/
    }
    /*.kontakt {
        margin-top: -27px;
    }*/
    .space {
        margin-top: -22px !important;
    }
    .gallery_content {
        padding-top: 60px;
    }
}

@media (max-width: 799px) {
    .content_header {
        height: auto;
        padding: 10px 0 0 0;
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: 10px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 0px !important;
        width: 325px !important;
    }
    .login form button {
        width: 100%;
        border: 0px;
    }
    .face {
        width: 100%;
    }
    .login button {
        width: 100%;
        margin-bottom: 15px;
        border: 0px solid #7e7e80;
    }
    .content_logo {
        background: url("../images/logo_1366.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 41px;
        width: 72px;
        background-size: 72px 41px;
        margin-left: 10px;
    }
    .content_menu {
        clear: both;
        width: 100%;
        padding: 0;
        background: #ededee;
    }
    .content_menu ul li {
        float: none;
        position: relative;
        min-height: 60px;
        padding: 20px 10px;
        border-bottom: 1px solid #cccccc;
        margin-right: 0px;
    }
    .content_menu ul li a {
        font: 16px Arial;
        color: #545456;
        text-transform: uppercase;
    }
    .content_input_search {
        clear: both;
        float: none;
        padding: 0;
    }
    /*slider*/
    .content_slide {
        margin-top: 50px;
        padding: 0;
    }
    .carousel {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    .content_description_1 h1 {
        font: normal 30px/normal Arial;
        padding-left: 30px;
    }
    .special_content ul li span.topbook_dialog {
        height: 213px;
        width: 135px;
    }
    .special_content ul li {
        margin-right: 43px !important;
    }
    .content_description_1 p {
        font: normal 12px/normal Arial;
        padding-left: 30px;
    }
    .content_description_2 p {
        font: normal 12px/normal Arial;
    }
    .content_description_2 span a {
        color: #d4d6d7;
        font: 14px Arial;
        text-decoration: underline;
    }
    .bg_black {
        padding: 5px 35px;
    }
    .bg_black h1 {
        font: 40px GraublauSans-Semibold;
    }
    .bg_black p {
        font: italic 12px GraublauSans-Semibold;
    }
    /*content_slide_book*/
    /*bx-wrapper*/
    .bx-wrapper .bx-controls-direction a {
        margin-top: -24px;
    }
    .bx-wrapper .bx-prev {
        left: -48px !important;
    }
    .bx-wrapper .bx-next {
        right: -48px !important;
    }
    .bxslider > li {
        width: 135px !important;
    }
    .bxslider img {
        /*height: 141px;
        width: 90px;*/
        height: 140px;
        bottom: 20px !important;
        width: 94px;
    }
    .add-buttom1 {
        top: 80px;
    }
    .add-buttom1 h3 {
        font: bold 14px Arial;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: 14px Arial;
    }
    .add-buttom2 {
        background: none repeat scroll 0 0 rgba(231, 223, 213, 0.6);
        top: 20px;
        opacity: 1;
    }
    .add-buttom2 h3 {
        font: bold 15px Arial;
    }
    .add-buttom2 p, .add-buttom2 i {
        font: 8px Arial;
    }
    .add-buttom3 {
        background: none repeat scroll 0 0 rgba(231, 223, 213, 0.6);
        opacity: 1;
        top: 20px;
        padding: 10px 10px 10px 28px;
    }
    .add-buttom3 p {
        font: bolder 8px Arial;
    }
    .content_crycle img {
        font: 18px Arial;
        height: 60px;
        left: -28px;
        top: 12px;
        width: 60px;
    }
    .content_slide_book {
        margin-top: 60px;
    }
    .des_detail {
        float: none;
        margin-top: 0px;
    }
    .content_book_self {
        background: url(../images/book_self_768.png) no-repeat;
        width: 650px;
        height: 260px;
        width: auto;
    }
    .content_book_self ul {
        position: relative;
        height: 170px;
    }
    .book_big_detail {
        width: 490px;
        margin-top: 0px;
    }
    .content_slide_book {
        margin-top: 30px;
    }
    .content_slide_book h1 {
        font: 22px Arial;
    }
    .content_book_block {
        padding: 10px 60px;
    }
    /*footer*/
    .content_footer {
        padding: 20px 60px 0;
    }
    #footer-socialbookmarks {
        float: none;
        margin: 20px 0;
        width: 240px;
    }
    #language_box {
        margin-left: 50px;
    }
    .content_book_self ul li {
        margin-right: 20px;
        width: 80px;
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 0px;
        border-radius: 6px;
        top: 0px;
    }
    .content_price {
        top: -60px;
        right: -10px;
        font: bold 13px/normal Arial;
        float: right;
        padding: 30px 0 0 20px;
    }
    .content_des_header {
        height: 70px;
    }
    .carousel .news_img {
        height: 350px !important;
    }
    .content_all_social {
        top: 115%;
    }
    .special_content .bx-viewport {
        height: 200px !important;
    }
    .special_content .bx-viewport {
        margin-left: 10px;
    }
    .arrow_left {
        background: url('../images/arrow_left_768.png') no-repeat;
        height: 48px;
        width: 25px;
        display: inline-block;
        top: -60px;
    }
    .arrow_right {
        background: url('../images/arrow_right_768.png') no-repeat;
        height: 48px;
        width: 25px;
        display: inline-block;
        top: -60px;
    }
    #carousel-example-generic {
        margin: 0px auto;
        width: 100%;
    }
    .left {
        left: 78%;
    }
    .right {
        right: 0px !important;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 28px !important;
    }
    .arrow_left, .arrow_right {
        top: -50px;
    }
}

@media (max-width: 767px) {
    #outerContainer .modal-dialog {
        margin-top: 80px;
    }
    .special_content .bx-viewport {
        height: 160px !important;
    }
    .nav-left {
        top: -70px;
    }
    .content_slide {
        margin-top: 50px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 50px !important;
    }
    .special_content ul li span.topbook_dialog {
        height: 160px;
        width: 135px;
    }
    .content_des_header img {
        width: 50px;
    }
    .content_book_self h3 {
        font: 15px Arial;
    }
    .content_book_self span {
        font: 12px Arial;
        margin-top: 10px;
    }
    .bxslider > li {
        width: 135px !important;
    }
    .content_book_block {
        padding: 10px 45px;
    }
    .content_book_self {
        background: url(../images/book_self_648_1.png) no-repeat;
        width: 540px;
        height: 216px;
        padding: 10px 35px;
    }
    .content_crycle img {
        font: 18px Arial;
        height: 55px;
        left: -15px;
        top: 12px;
        width: 55px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 65px;
        height: 105px;
    }
    ul.book_big_detail li a img {
        max-width: 65px;
        max-height: 105px;
    }
    .content_book_self ul li {
        margin-right: 10px;
        width: 15%;
        height: 150px;
    }
    .book_big_detail {
        margin-top: 0px;
        margin-left: 30px;
    }
    .content_price {
        background: url(../images/price_648.png) no-repeat;
        top: -45px;
        right: 0px;
        font-size: 9px;
        padding: 20px 0 0 10px;
        height: 33px;
        width: 47px
    }
    .content_cmt a span.no_comment, .content_cmt a span.have_comment {
        left: 0px;
        top: -3px;
    }
    .bx-next {
        margin-right: 10px;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_640_2.png) no-repeat;
        width: 508px;
        height: 322px;
        padding: 35px;
        text-align: center;
        margin-left: 40px;
    }
    .block_book {
        height: 380px;
    }
    .content_top_regale_detail h4 {
        font: normal 38px/normal Arial;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
        height: 70px;
        width: 70px;
    }
    .content_img_book {
        height: 120px;
        width: 70px;
    }
    .content_top_regale_detail ul li {
        margin-right: 10px;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 25px;
    }
    .text_only {
        height: 110px;
        width: 370px;
    }
    .block_book .bx-wrapper {
        margin-left: 25px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 9px !important;
        margin-left: 2px;
        width: 665px !important;
    }
    .bx-wrapper .bx-next {
        right: -10px !important;
    }
    .logo_small {
        height: 85px;
        width: 95px;
    }
    .text_logo {
        width: 210px;
    }
    .content_top_regale_detail h3 {
        font: normal 28px/normal Arial;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 15px solid transparent;
        border-left: 10px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -15px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 15px solid transparent;
        border-left: 10px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -15px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .content_des_header {
        height: 50px;
    }
    #shelf-previous {
        left: 77%;
    }
    #myList h1 {
        margin-left: 40px;
    }
    .footer-responsive {
        display: block;
    }
    .content_footer {
        display: none !important;
    }
    .button1 {
        border-radius: 4px;
        color: #ffffff;
        background: #fcb316;
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        padding: 18px;
        border: none;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
    .button2 {
        border-radius: 4px;
        color: #ffffff;
        background: #727272;
        width: 100%;
        font-size: 18px;
        text-align: center;
        padding: 13px;
        border: none;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
    .button1 a {
        color: white;
    }
    .link-web {
        background: none !important;
    }
    .link-web .cart {
        overflow: hidden;
        padding: 10px;
    }
    .link-web .cart ul {
        padding: 0
    }
    .link-web .cart li {
        /*width: 12.5%;*/
        float: left;
    }
    .link-web .cart li span {
        float: left;
        display: block;
        margin: 0;
    }
    /*Ico*/
    .ico_cart9, .ico_cart8, .ico_cart7, .ico_cart6, .ico_cart3, .ico_cart4, .ico_cart5, .ico_cart2, .ico_cart1 {
        display: inline-block;
        background: url('../images/ico/cart.png');
        background-repeat: no-repeat
    }
    .ico_cart9 {
        background-position: 0px -44px;
        height: 22px;
        width: 134px;
    }
    .ico_cart8 {
        background-position: -85px -22px;
        height: 22px;
        width: 30px;
    }
    .ico_cart7 {
        background-position: -2px -22px;
        height: 22px;
        width: 75px
    }
    .ico_cart6 {
        background-position: -0px -0px;
        height: 22px;
        width: 75px
    }
    .ico_cart3 {
        background-position: -0px -22px;
        height: 22px;
        width: 36px
    }
    .ico_cart4 {
        background-position: -36px -22px;
        height: 22px;
        width: 35px
    }
    .ico_cart5 {
        background-position: -0px -44px;
        height: 22px;
        width: 35px
    }
    .ico_cart2 {
        background-position: -35px -44px;
        height: 22px;
        width: 34px
    }
    .ico_cart1 {
        background-position: -75px -0px;
        height: 22px;
        width: 34px
    }
    .link-web .share-detail, .link-web .share {
        color: #444343;
        background: #fff;
        width: 100%;
        font-size: 18px;
        padding: 10px 15px;
        border: none;
        text-transform: uppercase;
    }
    .link-web .share-detail .padding, .link-web .share .padding {
        padding: 0;
    }
    .link-web .share li {
        width: 25%;
        float: left;
    }
    .link-web .share-detail li {
        float: left;
    }
    .content-language {
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        display: block !important;
    }
    .content-language a {
        color: white;
        cursor: pointer;
    }
    .content-language a:hover {
        color: white;
        text-decoration: none;
    }
    .content_empty {
        display: none;
    }
    .bx-wrapper .bx-controls-direction a {
        height: 50px !important;
        width: 30px !important;
        margin-left: -0px;
    }
}

@media (max-width: 749px) {
    .special_content .bx-wrapper ul li {
        margin-right: 70px !important;
    }
}

@media (max-width: 720px) {
    .special_content .bx-wrapper ul li {
        margin-right: 85px !important;
    }
    /*.del{margin-top: 0px; !important}*/
    .space {
        margin-top: -20px !important;
    }
    .block_book ul li.content-book-slide {
        margin-left: 40px;
    }
    .content_book_self {
        background: url(../images/book_self_720.png) no-repeat;
        width: 630px;
        height: 252px;
        padding: 10px 35px;
    }
    .content_des_header {
        height: 80px;
    }
    .content_book_self ul li {
        margin-right: 22px;
        width: 15%;
        height: 150px;
    }
    .block_book .bx-wrapper .bx-next {
        right: -20px !important;
    }
    .carousel .news_img {
        height: 330px !important;
    }
}

@media (max-width: 680px) {
    .title-list h1 {
        color: black;
        font-size: 20px;
        margin: 0 0 20px 10px;
    }
    .carousel .news_img {
        height: 310px !important;
    }
    .content_book_self {
        background: url(../images/book_self_648_1.png) no-repeat;
        width: 530px;
        height: 212px;
        padding: 10px 35px;
    }
    .content_top_regale_detail {
        margin-left: 0px;
    }
    .content_des_header {
        height: 50px;
    }
    .content_book_self ul li {
        margin-right: 10px;
        width: 15%;
        height: 150px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 50px !important;
    }
    .block_book ul li.content-book-slide {
        margin-left: 0px;
    }
    .content_top_regale_detail ul {
        margin-left: 10px;
    }
    .arrow_right {
        right: 10px;
    }
    .block_book .bx-wrapper .bx-next {
        right: 0px !important;
    }
    .arrow_right {
        right: 0px;
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: 0px;
    }
}

@media (max-width: 639px) {
    .content_top_regale_detail {
        background: url(../images/top_regale_480_2.png) no-repeat;
        width: 458px;
        height: 291px;
        padding: 30px;
        text-align: center;
        margin-left: 0px;
    }
    /*.del{margin-top: 0px; !important}*/
    .list-black {
        height: 334px !important;
    }
    .content_book_self {
        background: url(../images/book_self_480_1.png) no-repeat;
        width: 455px;
        height: 182px;
    }
    .content_price {
        background: url(../images/price_480.png) no-repeat;
        top: -60px;
        right: -20px;
        font: bold 10px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 21px 0 0 12px;
        text-align: left;
        height: 40px;
        width: 55px;
    }
    .content_cmt a span.no_comment {
        background: url(../images/icon_cmt_480.png) no-repeat;
    }
    .content_cmt a span.have_comment {
        background: url(../images/icon_have_cmt_480.png) no-repeat;
    }
    .bx-wrapper .bx-next {
        background: url(images/controls_1240.png) no-repeat -42px 0px !important;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 10px;
    }
    .menu_detail_2 ul p, .menu_detail_1 ul p {
        clear: both;
        display: block;
        margin-top: 4px;
        padding-left: 0;
        word-wrap: break-word;
    }
    #login-form .submit {
        margin-left: 0px;
    }
    .bx-wrapper .bx-controls-direction a {
        margin-left: 35px;
    }
    .text_only {
        height: 100px;
        width: 345px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 8px !important;
        margin-left: 0px;
    }
    .logo_category img {
        height: 50px;
        width: 50px;
    }
    .special_content ul li {
        margin-right: 29px !important;
    }
    .content_slide_book #myList .content_book_self ul li .content_cmt .content_price {
        right: -87px !important;
    }
    .login, .kontakt {
        padding: 0px !important;
    }
    .content_slide_book {
        margin-top: 45px;
    }
    section.add-buttom2:after, section.add-buttom1:after {
        width: 0;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -13px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    section.add-buttom3:after {
        width: 0;
        border-bottom: 13px solid transparent;
        border-left: 11px solid #736758;
        content: "";
        height: 0;
        right: 0;
        bottom: -13px;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .des_detail {
        margin-top: 10px;
    }
    .content_des_header img {
        width: 139px;
    }
    .content_book_self h3 {
        font: 12px Arial;
        height: 70px;
    }
    .content_book_self span {
        font: 12px Arial;
        margin-top: 10px;
    }
    .content_book_self span {
        font: 12px Arial;
        margin-top: 20px;
        margin-left: -10px;
    }
    .content_footer .bank_card img {
        margin-top: 10px;
    }
    .bxslider > li {
        width: 150px !important;
    }
    .bx-controls-direction {
        position: absolute;
        right: 55px;
        top: -35px;
    }
    .content_book_block {
        padding: 11px;
    }
    .content_slide_book h1 {
        font: 26px Arial;
        margin-left: 20px;
    }
    .add-buttom2 h3 {
        font: bold 12px Arial;
    }
    .content_top_regale_detail h2 {
        font: bold 33px/normal Arial;
    }
    .crycle_yellow {
        top: 10px;
        right: 10px;
        height: 65px;
        width: 65px;
    }
    .content_footer {
        padding: 20px 20px 0;
    }
    .special_content .bx-wrapper {
        margin-left: 10px;
    }
    .content_book_self ul.book_big_detail li:last-child {
        /* display: none; */
    }
    .book_big_detail {
        margin-top: 5px;
        margin-left: 0px;
        float: left;
    }
    ul.book_big_detail li span.dialog_img {
        width: 75px;
        height: 105px;
    }
    ul.book_big_detail li a img {
        max-width: 75px;
        max-height: 105px;
    }
    .content_book_self ul li {
        margin-right: 20px;
        width: 18%;
    }
    .content_cmt a span.have_comment, .content_cmt a span.no_comment {
        left: 10px;
        top: -11px;
    }
    .content_des_header {
        display: none;
    }
    .content_book_self ul {
        left: 25px;
        top: 26px;
        width: 95%;
    }
    .logo_small {
        padding-bottom: 25px;
        height: 53px;
        width: 70px;
    }
    .content_top_regale_detail h3 {
        font: normal 22px/normal Arial;
    }
    .content_description_1 h1 {
        font: normal 18px/normal Arial;
        padding-left: 0px;
    }
    .content_description_1 p {
        font: normal 12px/normal Arial;
        padding-left: 0px;
    }
    .content_crycle img {
        height: 60px !important;
        width: 60px !important;
    }
    .content_slide {
        margin-top: 50px;
        padding: 0;
    }
    .carousel .news_img {
        height: 220px !important;
    }
    .block_book .bx-wrapper {
        margin-left: 5px;
    }
    .content_des_header {
        height: 50px;
    }
    #myList h1 {
        margin-left: 5px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 65px !important;
        margin-left: 20px;
    }
    #language_box {
        margin-left: 0px;
    }
    .add-buttom1 h3 {
        font: bold 16px Arial;
    }
    .shopping_cart_icon {
        top: 5px !important;
        left: 7px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        margin-left: 10px;
    }
    .block_book .bx-wrapper .bx-controls-direction a {
        margin-left: -30px;
    }
    .content_img_book {
        height: 110px;
        width: 65px;
    }
    .content_view_info {
        top: -18px;
        right: 55px;
        padding: 10px;
        font: normal 30px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 33px/normal Arial;
    }
    .content_top_regale_detail ul li {
        margin-right: 10px;
    }
    .block_book {
        height: 320px;
    }
    .view_shelf .content_slide_book {
        margin-top: 20px;
    }
    .arrow_left, .arrow_right {
        top: -50px;
    }
    .add-buttom1 {
        right: 5px;
    }
    .content_input_search {
        width: 230px;
    }
    .content_input_search input {
        width: 190px;
    }
}

@media (max-width: 479px) {
    .special_content .bx-wrapper ul li {
        margin-right: 20px !important;
        margin-left: 20px;
    }
    .content_book_self ul {
        height: 125px;
    }
    .view_shelf .content_slide_book {
        margin-top: 20px;
    }
    .special_content .bx-wrapper {
        margin-left: 0px;
    }
    .block_book ul li.content-book-slide {
        width: 415px !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_414.png) no-repeat;
        width: 390px;
        height: 245px;
        padding: 20px 30px;
        text-align: center;
    }
    .text_only {
        height: 70px;
        width: 270px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 8px !important;
        margin-left: 3px;
    }
    .content_top_regale_detail ul li:last-child {
        /*display: none;*/
        display: block;
    }
    .content_top_regale_detail ul li:nth-of-type(5) {
        display: none;
    }
    .content_book_self {
        background: url(../images/book_self_414_1.png) no-repeat;
        width: 390px;
        height: 156px;
    }
    .content_book_self ul {
        left: 15px;
        top: 15px;
    }
    ul.book_big_detail li span.dialog_img {
        width: 55px;
        height: 94px;
    }
    ul.book_big_detail li a img {
        max-width: 55px;
        max-height: 94px;
    }
    .content_price {
        background: url(../images/price_375.png) no-repeat;
        top: -58px;
        right: -17px;
        font: bold 9px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 15px 0 0 10px;
        text-align: left;
    }
    .content_cmt a span.no_comment {
        background: url(../images/icon_cmt_320.png) no-repeat;
    }
    .content_cmt a span.have_comment {
        background: url(../images/icon_have_cmt_320.png) no-repeat;
    }
    .shopping_cart_icon {
        top: 5px !important;
        left: 7px !important;
    }
    .nav-right {
        top: -45px;
    }
    .content_slide {
        margin-top: 45px;
    }
    .bxslider > li {
        width: 150px !important;
    }
    .content_slide_book h1 {
        font: 22px Arial;
    }
    .special_content .bx-viewport {
        margin-left: 10px;
    }
    .block_book .bx-wrapper {
        margin-left: 0px;
    }
    .content_top_regale_detail h3 {
        font: normal 20px/normal Arial;
    }
    .content_img_book {
        height: 110px;
        width: 65px;
    }
    .block_book {
        height: 265px;
    }
    .special_content .bx-viewport {
        height: 200px !important;
    }
}

@media (max-width: 477px) {
    .special_content .bx-wrapper ul li {
        margin-right: 65px !important;
        margin-left: 20px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 10px !important;
        margin-left: 15px;
    }
}

@media (max-width: 450px) {
    .content_input_search {
        width: 150px;
    }
    .content_input_search input {
        width: 110px;
        font-size: 12px;
        padding: 0px 10px;
    }
    .content_input-search img {
        margin-left: 5px;
    }
    .block_book ul li.content-book-slide {
        margin-right: 10px !important;
        margin-left: 3px;
    }
    .bxslider img {
        /*height: 150px;*/
        height: 140px;
        /*bottom:0px !important;*/
        width: 94px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 50px !important;
        margin-left: 10px;
    }
    .left {
        left: 75%;
    }
    .content_menu1 ul li img.img_news {
        height: 90% !important;
        width: 90% !important;
        margin-left: 0;
    }
}

@media (max-width: 413px) {
    .special_content .bx-viewport {
        height: 140px !important;
    }
    .list-black {
        height: 390px !important;
    }
    /*.kontakt{margin-top: -27px;}*/
    .special_content .bx-wrapper ul li {
        margin-right: 15px !important;
        margin-left: 12px;
    }
    .shopping_cart_icon {
        top: 5px !important;
        left: 7px !important;
    }
    .content-book-slide {
        width: 360px;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_384.png) no-repeat;
        width: 360px;
        height: 226px;
        padding: 20px 30px;
        text-align: center;
    }
    .text_only {
        height: 60px;
        width: 260px;
    }
    .content_slide_book h1 {
        font: 14px Arial;
    }
    .content_book_self {
        background: url(../images/book_self_384.png) no-repeat;
        width: 360px;
        height: 144px;
    }
    .content_book_self ul {
        left: 15px;
        top: 14px;
    }
    ul.book_big_detail li span.dialog_img {
        height: 85px;
    }
    ul.book_big_detail li a img {
        max-height: 85px;
    }
    .content_book_self ul li {
        margin-right: 17px;
    }
    .content_book_self ul {
        height: 120px;
    }
    .content_price {
        padding: 12px;
    }
    .nav-right {
        top: -45px;
    }
    .content_slide {
        margin-top: 45px;
    }
    .bxslider > li {
        width: 150px !important;
    }
    .content_slide_book h1 {
        margin-left: 20px;
    }
    .special_content .bx-viewport {
        margin-left: 10px;
    }
    .block_book .bx-wrapper {
        margin-left: 0px;
    }
    .content_top_regale_detail h3 {
        font: normal 18px/normal Arial;
    }
    .content_img_book {
        height: 110px;
        width: 65px;
    }
    .block_book {
        height: 240px;
    }
    .content_top_regale_detail ul {
        margin-left: 5px;
    }
    .content_top_regale_detail ul li {
        margin-right: 5px;
    }
    .add-buttom1 {
        right: 5px;
    }
}

@media (max-width: 383px) {
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 10px;
    }
    .shopping_cart_icon {
        top: 5px !important;
        left: 7px !important;
    }
    .nav-left {
        top: -50px;
    }
    .nav-right {
        top: -45px;
    }
    .special_content .bx-wrapper {
        margin-left: 0px;
    }
    .block_book .bx-wrapper {
        margin-left: 2px;
    }
    .block_book {
        height: 240px;
    }
    .content_slide {
        margin-top: 45px;
    }
    .content_icon ul li:first-child span {
        left: -10px;
    }
    .add-buttom1 h3 {
        font: bold 12px Arial;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: 10px Arial;
    }
    .content_description_1 h1 {
        font: normal 20px/normal Arial;
        padding-left: 10px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 30px !important;
        margin-left: 20px;
    }
    .content_description_1 p {
        font: normal 14px/normal Arial;
        padding-left: 10px;
    }
    .content_description_2 {
        float: left;
        width: 50%;
        padding: 10px;
    }
    .content_description_2 span a {
        color: #d4d6d7;
        font: 13px Arial;
        text-decoration: underline;
    }
    .carousel .news_img {
        height: 170px !important;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_375_p_2.png) no-repeat;
        width: 350px;
        height: 222px;
        padding: 25px;
        text-align: center;
    }
    .text_only {
        height: 58px;
        width: 250px;
    }
    .content_top_regale_detail h3 {
        font: normal 16px/normal Arial;
    }
    .content_view_info {
        font-size: 22px;
    }
    .content_img_book {
        height: 100px;
        width: 60px;
    }
    .content_top_regale_detail ul li:last-child {
        /*display: none;*/
        display: block;
    }
    .content_top_regale_detail ul li:nth-of-type(5) {
        display: none;
    }
    .content_book_self {
        background: url(../images/book_self_375_2.png) no-repeat;
        width: 350px;
        height: 140px;
    }
    ul.book_big_detail li span.dialog_img {
        height: 85px;
    }
    ul.book_big_detail li a img {
        max-height: 85px;
    }
    .content_book_self ul li {
        height: 135px;
        margin-right: 10px;
        width: 20%;
    }
    .content_book_self ul {
        left: 10px;
        top: 11px;
        width: 100%;
        margin-left: 0px;
        overflow: hidden;
        height: 131px;
    }
    li.view_shelf .content_slide_book {
        margin-top: 10px;
    }
    .content_price {
        background: url(../images/price_375.png) no-repeat;
        top: -58px;
        right: -22px;
        font: bold 9px/normal Arial;
        margin-top: 0px;
        float: right;
        padding: 15px 0 0 6px;
        text-align: left;
    }
    .content_slide_book {
        margin-top: 40px;
    }
    .bxslider > li {
        width: 120px !important;
    }
    .special_content ul li span.topbook_dialog {
        height: 170px;
        width: 120px;
    }
    .special_content ul li {
        margin-right: 30px !important;
        margin-left: 30px;
    }
    #shelf-previous {
        left: 73%;
    }
    #shelf-previous {
        left: 80%;
        top: -36px;
        background: url(../images/icon-shelf-previous_small.png) no-repeat;
    }
    #shelf-next {
        right: 0px;
        background: url(../images/icon-shelf-next_small.png) no-repeat;
        top: -36px;
    }
    #list1 .wrapper-stage {
        top: 40px;
    }
    #myList h1 {
        font-size: 18px;
    }
    .list-black .list1 .container-fluid h2 {
        font-size: 15px !important;
    }
    #myList {
        margin-top: 60px;
    }
    .content_logo {
        margin-top: 10px;
    }
    .content_icon ul li:first-child {
        padding-right: 5px;
    }
    .input_search_hide {
        right: 42%;
    }
    ul.content-social li {
        margin-left: 10px;
    }
    .left {
        left: 73%;
    }
    .add-buttom1 {
        right: -10px;
    }
}

@media (max-width: 374px) {
    .content_input_search {
        right: 104px;
        top: 4px;
    }
    .content_book_self {
        background: url(../images/book_self_375_20.png) no-repeat;
        width: 335px;
        height: 134px;
    }
    .special_content ul li span.topbook_dialog {
        height: 140px;
        width: 150px;
    }
    .bxslider img {
        /*height: 150px;*/
        height: 140px;
        bottom: 0px !important;
        width: 94px;
    }
    .bx-wrapper .bx-controls-direction a {
        margin-top: -24px;
        height: 50px !important;
        width: 30px !important;
        margin-left: -25px;
    }
    .content_slide_book h1 {
        margin-left: 20px;
    }
    .special_content .bx-wrapper ul li {
        margin-right: 20px !important;
        margin-left: 18px;
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: 10px;
    }
    .content_icon {
        top: 5px;
    }
    .nav-right {
        top: -45px;
    }
    .content_slide {
        margin-top: 45px;
    }
    .carousel .news_img {
        height: 170px !important;
    }
    .bxslider > li {
        width: 125px !important;
    }
    .input_search_hide {
        top: 15px;
    }
    .block_book .bx-wrapper {
        margin-left: 10px;
    }
    .content_view_info {
        right: 45px;
    }
    .special_content ul li {
        margin-right: 25px !important;
        margin-left: 25px;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_375_2.png) no-repeat;
        width: 329px;
        height: 210px;
        padding: 15px;
        text-align: center;
    }
    .special_content .bx-wrapper {
        margin-left: 0px;
    }
    ul.book_big_detail li span.dialog_img {
        height: 80px;
        box-shadow: none;
    }
    ul.book_big_detail li a img {
        max-height: 80px;
    }
    .content_book_self ul {
        top: 12px;
        left: 10px;
    }
    .special_content .bx-viewport {
        margin-left: 10px;
    }
    .content_img_book {
        height: 85px;
        width: 50px;
    }
    .text_only {
        height: 72px;
        width: 245px;
    }
    .content_top_regale_detail h3 {
        font: normal 16px/normal Arial;
    }
    .block_book ul li.content-book-slide {
        margin-right: 10px !important;
        margin-left: 1px;
    }
    .shopping_cart_icon {
        top: 5px !important;
        left: 7px !important;
    }
    .menu_detail_3 {
        height: 540px;
        min-height: 540px;
    }
    .content_menu1 ul li img.img_news {
        height: 110px !important;
        width: 110px !important;
        margin-left: 0;
    }
    .materials-left .cover {
        height: 350px;
    }
    .materials-left .cover img {
        height: 100%;
    }
}


/****************************************************************************************************************************/


/*************************************************************************** max-width: 320px                             */


/****************************************************************************************************************************/

@media (max-width: 359px) {
    .bx-wrapper .bx-controls-direction a {
        margin-left: 5px;
    }
    .bg_black {
        padding: 5px 15px;
    }
    .bg_black h1 {
        font: 30px GraublauSans-Semibold;
    }
    .content_description_1 {
        float: left;
        width: 50%;
        padding: 5px;
    }
    .des_detail h3 {
        margin-left: 0px;
    }
    .content_book_self span {
        margin-top: 10px;
    }
    .content_book_self h3 {
        margin-top: 20px;
    }
    .content_slide_book {
        margin-top: 30px;
    }
    .content_slide_book h1 {
        font: 14px Arial;
    }
    /*footer*/
    .content_footer {
        padding: 20px 10px 0;
    }
    /*slider*/
    .carousel .news_img {
        height: 145px !important;
    }
    .content_description_1 h1 {
        font: normal 18px/normal Arial;
        padding-left: 5px;
    }
    .content_description_1 p {
        font: normal 12px/normal Arial;
        padding-left: 5px;
    }
    .content_description_2 p {
        font: normal 10px/normal Arial;
    }
    .content_description_2 span a {
        color: #d4d6d7;
        font: 12px Arial;
        text-decoration: underline;
    }
    /*box 2*/
    .content_slide_book {
        position: relative;
        margin-top: 30px;
    }
    .bx-controls-direction {
        right: 10px;
        top: -15px;
    }
    .bx-wrapper .bx-next {
        right: 0 !important;
    }
    .bx-wrapper .bx-prev {
        left: -88px !important;
    }
    .bx-wrapper .bx-prev {
        background-size: 50px 30px !important;
    }
    .bx-wrapper .bx-next {
        background-size: 61px 35px !important;
    }
    /*v*/
    .more_book {
        margin-right: 5px;
    }
    .content_description_2 {
        float: left;
        width: 50%;
        padding: 7px;
    }
    .special_content {
        padding: 0px 30px;
    }
    .bxslider img {
        height: 150px;
        width: 94px;
        /*bottom:0px !important;
        width: 110px;*/
    }
    .bxslider > li {
        width: 110px !important;
    }
    .bxslider li {
        margin-left: 20px;
    }
    .content_crycle img {
        height: 60px !important;
        width: 60px !important;
        left: -20px;
    }
    .add-buttom3 p {
        font: bolder 10px Arial;
    }
    .add-buttom3 {
        padding: 5px 5px 5px 45px;
    }
    .add-buttom1 {
        padding: 5px;
    }
    .add-buttom1 h3 {
        font: bold 14px Arial;
    }
    .add-buttom1 p, .add-buttom1 i {
        font: 9px Arial;
    }
    .add-buttom3 {
        padding: 5px;
    }
    .add-buttom2 h3 {
        font: bold 13px Arial;
    }
    .content_top_regale_detail {
        background: url(../images/top_regale_320_1.png) no-repeat;
        width: 290px;
        height: 184px;
        padding: 15px 20px;
        text-align: center;
    }
    .block_book ul li.content-book-slide {
        margin-left: 0px;
    }
    .content_top_regale_detail h2 {
        font: bold 20px/normal Arial;
    }
    .content_top_regale_detail h4 {
        font: normal 20px/normal Arial;
    }
    .content_top_regale_detail h2, .content_top_regale_detail h4 {
        padding-bottom: 7px;
    }
    .content_view_info {
        top: -15px;
        right: 50px;
        padding: 10px;
        font: normal 20px/normal Arial;
    }
    .block_book .bx-wrapper {
        margin-left: 10px;
    }
    .crycle_yellow {
        height: 55px;
    }
    .ajax-loader{
        height: 40px;
        background: url("../images/bx_loader.gif") no-repeat center center;
        padding: 10px;
    }