/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  
  padding-bottom: 3rem;
  color: #5a5a5a;
}

.pagination {
    margin: 20px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,
.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #f5f5f5
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #98b827;
    cursor: default
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
    color: #98b827;
    background-color: transparent;
    cursor: default
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pagination-large ul>li>a,
.pagination-large ul>li>span {
    padding: 11px 19px;
    font-size: 17.5px
}

.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.pagination-mini ul>li:first-child>a,
.pagination-small ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
}

.pagination-mini ul>li:last-child>a,
.pagination-small ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
}

.pagination-small ul>li>a,
.pagination-small ul>li>span {
    padding: 2px 10px;
    font-size: 11.9px
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
    padding: 0 6px;
    font-size: 10.5px
}

.pager {
    margin: 20px 0;
    list-style: none;
    text-align: center;
    *zoom: 1
}

.pager:before,
.pager:after {
    display: table;
    content: "";
    line-height: 0
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #999;
    background-color: #fff;
    cursor: default
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-top-gray { border-top-color: #adb5bd; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-condensed { line-height: 1.25; }


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;

    /* the rest of your styling */
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


@media(max-width:810px) and (min-width:790px) {
    .featured-author .right {
        width: 92%;
        float: none;
        overflow: hidden
    }
    .featured-author .left {
        width: 100%;
        float: none
    }
    #main-header .navbar .nav>li {
        background: 0 0
    }
    .navbar-inverse .nav-collapse .nav>li>a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #000!important
    }
    .s-product-img {
        float: none;
        margin-bottom: 13px;
        width: 100%
    }
    .s-product-img img {
        width: 100%
    }
    .s-product-det {
        float: none;
        width: 100%
    }
}

@media(max-width:480px) {
    .container,
    .testimonials .slide,
    .best-sellers .slide,
    .bb-bookblock,
    .bb-custom-wrapper {
        width: 320px!important
    }
    .book-holder {
        margin-bottom: 70px!important
    }
    .cap-holder img {
        width: 45%
    }
    .cap-holder {
        padding: 0
    }
    .cap-holder a {
        display: none
    }
    .s-product-det {
        margin-left: 20px;
        width: 62%
    }
    .featured-author .ico-holder {
        padding-top: 120px;
        position: static;
        width: 180px
    }
    .author-img-holder {
        left: 26%
    }
    .featured-author .left {
        float: none;
        width: 100%
    }
    .author-det {
        padding: 20px;
        width: 90%
    }
    .current-book {
        margin: 0
    }
    .featured-author .right {
        width: 85%
    }
    .blog-section .slide {
        width: 300px!important
    }
    .features-books .slide {
        width: 180px!important
    }
    #socialicons>a {
        margin-bottom: 10px
    }
    .f2-img-list li .right {
        width: 49px
    }
    .top-nav li a {
        padding: 0 8px
    }
    .c-btn {
        position: static;
        float: right
    }
    #main-header .container {
        width: 90%!important
    }
    .blog-section .bx-controls-direction {
        right: 82px
    }
    .s-product-img {
        float: none;
        margin-bottom: 20px;
        width: 100%
    }
    .s-product-img img {
        width: 100%
    }
    .s-product-det {
        margin-left: 0;
        width: 100%
    }
    .current-book {
        width: 50%
    }
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }
    .page-header h1 small {
        display: block;
        line-height: 20px
    }
    input[type=checkbox],
    input[type=radio] {
        border: 1px solid #ccc
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }
    .form-horizontal .controls {
        margin-left: 0
    }
    .form-horizontal .control-list {
        padding-top: 0
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }
    .media .pull-left,
    .media .pull-right {
        float: none;
        display: block;
        margin-bottom: 10px
    }
    .media-object {
        margin-right: 0;
        margin-left: 0
    }
    .modal {
        top: 10px;
        left: 10px;
        right: 10px
    }
    .modal-header .close {
        padding: 10px;
        margin: -10px
    }
    .carousel-caption {
        position: static
    }
	
	.img_product {
        width: 240px;
		height: auto;
    }
}

@media(min-width:768px) and (max-width:979px) {
    .row {
        margin-left: -20px;
        *zoom: 1
    }
    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0
    }
    .row:after {
        clear: both
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px
    }
    .span12 {
        width: 724px
    }
    .span11 {
        width: 662px
    }
    .span10 {
        width: 600px
    }
    .span9 {
        width: 538px
    }
    .span8 {
        width: 476px
    }
    .span7 {
        width: 414px
    }
    .span6 {
        width: 352px
    }
    .span5 {
        width: 290px
    }
    .span4 {
        width: 228px
    }
    .span3 {
        width: 166px
    }
    .span2 {
        width: 104px
    }
    .span1 {
        width: 42px
    }
    .offset12 {
        margin-left: 764px
    }
    .offset11 {
        margin-left: 702px
    }
    .offset10 {
        margin-left: 640px
    }
    .offset9 {
        margin-left: 578px
    }
    .offset8 {
        margin-left: 516px
    }
    .offset7 {
        margin-left: 454px
    }
    .offset6 {
        margin-left: 392px
    }
    .offset5 {
        margin-left: 330px
    }
    .offset4 {
        margin-left: 268px
    }
    .offset3 {
        margin-left: 206px
    }
    .offset2 {
        margin-left: 144px
    }
    .offset1 {
        margin-left: 82px
    }
    .row-fluid {
        width: 100%;
        *zoom: 1
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.7624309392265194%;
        *margin-left: 2.709239449864817%
    }
    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.7624309392265194%
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }
    .row-fluid .span11 {
        width: 91.43646408839778%;
        *width: 91.38327259903608%
    }
    .row-fluid .span10 {
        width: 82.87292817679558%;
        *width: 82.81973668743387%
    }
    .row-fluid .span9 {
        width: 74.30939226519337%;
        *width: 74.25620077583166%
    }
    .row-fluid .span8 {
        width: 65.74585635359117%;
        *width: 65.69266486422946%
    }
    .row-fluid .span7 {
        width: 57.18232044198895%;
        *width: 57.12912895262725%
    }
    .row-fluid .span6 {
        width: 48.61878453038674%;
        *width: 48.56559304102504%
    }
    .row-fluid .span5 {
        width: 40.05524861878453%;
        *width: 40.00205712942283%
    }
    .row-fluid .span4 {
        width: 31.491712707182323%;
        *width: 31.43852121782062%
    }
    .row-fluid .span3 {
        width: 22.92817679558011%;
        *width: 22.87498530621841%
    }
    .row-fluid .span2 {
        width: 14.3646408839779%;
        *width: 14.311449394616199%
    }
    .row-fluid .span1 {
        width: 5.801104972375691%;
        *width: 5.747913483013988%
    }
    .row-fluid .offset12 {
        margin-left: 105.52486187845304%;
        *margin-left: 105.41847889972962%
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.76243093922652%;
        *margin-left: 102.6560479605031%
    }
    .row-fluid .offset11 {
        margin-left: 96.96132596685082%;
        *margin-left: 96.8549429881274%
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.1988950276243%;
        *margin-left: 94.09251204890089%
    }
    .row-fluid .offset10 {
        margin-left: 88.39779005524862%;
        *margin-left: 88.2914070765252%
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.6353591160221%;
        *margin-left: 85.52897613729868%
    }
    .row-fluid .offset9 {
        margin-left: 79.8342541436464%;
        *margin-left: 79.72787116492299%
    }
    .row-fluid .offset9:first-child {
        margin-left: 77.07182320441989%;
        *margin-left: 76.96544022569647%
    }
    .row-fluid .offset8 {
        margin-left: 71.2707182320442%;
        *margin-left: 71.16433525332079%
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.50828729281768%;
        *margin-left: 68.40190431409427%
    }
    .row-fluid .offset7 {
        margin-left: 62.70718232044199%;
        *margin-left: 62.600799341718584%
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.94475138121547%;
        *margin-left: 59.838368402492065%
    }
    .row-fluid .offset6 {
        margin-left: 54.14364640883978%;
        *margin-left: 54.037263430116376%
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.38121546961326%;
        *margin-left: 51.27483249088986%
    }
    .row-fluid .offset5 {
        margin-left: 45.58011049723757%;
        *margin-left: 45.47372751851417%
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.81767955801105%;
        *margin-left: 42.71129657928765%
    }
    .row-fluid .offset4 {
        margin-left: 37.01657458563536%;
        *margin-left: 36.91019160691196%
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.25414364640884%;
        *margin-left: 34.14776066768544%
    }
    .row-fluid .offset3 {
        margin-left: 28.45303867403315%;
        *margin-left: 28.346655695309746%
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.69060773480663%;
        *margin-left: 25.584224756083227%
    }
    .row-fluid .offset2 {
        margin-left: 19.88950276243094%;
        *margin-left: 19.783119783707537%
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.12707182320442%;
        *margin-left: 17.02068884448102%
    }
    .row-fluid .offset1 {
        margin-left: 11.32596685082873%;
        *margin-left: 11.219583872105325%
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.56353591160221%;
        *margin-left: 8.457152932878806%
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }
    .controls-row [class*=span]+[class*=span] {
        margin-left: 20px
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 710px
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 648px
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 586px
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 524px
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 462px
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 400px
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 338px
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 276px
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 214px
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 152px
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 90px
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 28px
    }
	
	.img_product {
        width: 214px;
		height: auto;
    }
}

@media(min-width:1200px) {
    .row {
        margin-left: -30px;
        *zoom: 1
    }
    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0
    }
    .row:after {
        clear: both
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 30px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1170px
    }
    .span12 {
        width: 1170px
    }
    .span11 {
        width: 1070px
    }
    .span10 {
        width: 970px
    }
    .span9 {
        width: 870px
    }
    .span8 {
        width: 770px
    }
    .span7 {
        width: 670px
    }
    .span6 {
        width: 570px
    }
    .span5 {
        width: 470px
    }
    .span4 {
        width: 370px
    }
    .span3 {
        width: 270px
    }
    .span2 {
        width: 170px
    }
    .span1 {
        width: 70px
    }
    .offset12 {
        margin-left: 1230px
    }
    .offset11 {
        margin-left: 1130px
    }
    .offset10 {
        margin-left: 1030px
    }
    .offset9 {
        margin-left: 930px
    }
    .offset8 {
        margin-left: 830px
    }
    .offset7 {
        margin-left: 730px
    }
    .offset6 {
        margin-left: 630px
    }
    .offset5 {
        margin-left: 530px
    }
    .offset4 {
        margin-left: 430px
    }
    .offset3 {
        margin-left: 330px
    }
    .offset2 {
        margin-left: 230px
    }
    .offset1 {
        margin-left: 130px
    }
    .row-fluid {
        width: 100%;
        *zoom: 1
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.564102564102564%;
        *margin-left: 2.5109110747408616%
    }
    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.564102564102564%
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }
    .row-fluid .span11 {
        width: 91.45299145299145%;
        *width: 91.39979996362975%
    }
    .row-fluid .span10 {
        width: 82.90598290598291%;
        *width: 82.8527914166212%
    }
    .row-fluid .span9 {
        width: 74.35897435897436%;
        *width: 74.30578286961266%
    }
    .row-fluid .span8 {
        width: 65.81196581196582%;
        *width: 65.75877432260411%
    }
    .row-fluid .span7 {
        width: 57.26495726495726%;
        *width: 57.21176577559556%
    }
    .row-fluid .span6 {
        width: 48.717948717948715%;
        *width: 48.664757228587014%
    }
    .row-fluid .span5 {
        width: 40.17094017094017%;
        *width: 40.11774868157847%
    }
    .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%
    }
    .row-fluid .span3 {
        width: 23.076923076923077%;
        *width: 23.023731587561375%
    }
    .row-fluid .span2 {
        width: 14.52991452991453%;
        *width: 14.476723040552828%
    }
    .row-fluid .span1 {
        width: 5.982905982905983%;
        *width: 5.929714493544281%
    }
    .row-fluid .offset12 {
        margin-left: 105.12820512820512%;
        *margin-left: 105.02182214948171%
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.56410256410257%;
        *margin-left: 102.45771958537915%
    }
    .row-fluid .offset11 {
        margin-left: 96.58119658119658%;
        *margin-left: 96.47481360247316%
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.01709401709402%;
        *margin-left: 93.91071103837061%
    }
    .row-fluid .offset10 {
        margin-left: 88.03418803418803%;
        *margin-left: 87.92780505546462%
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.47008547008548%;
        *margin-left: 85.36370249136206%
    }
    .row-fluid .offset9 {
        margin-left: 79.48717948717949%;
        *margin-left: 79.38079650845607%
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.92307692307693%;
        *margin-left: 76.81669394435352%
    }
    .row-fluid .offset8 {
        margin-left: 70.94017094017094%;
        *margin-left: 70.83378796144753%
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.37606837606839%;
        *margin-left: 68.26968539734497%
    }
    .row-fluid .offset7 {
        margin-left: 62.393162393162385%;
        *margin-left: 62.28677941443899%
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.82905982905982%;
        *margin-left: 59.72267685033642%
    }
    .row-fluid .offset6 {
        margin-left: 53.84615384615384%;
        *margin-left: 53.739770867430444%
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.28205128205128%;
        *margin-left: 51.175668303327875%
    }
    .row-fluid .offset5 {
        margin-left: 45.299145299145295%;
        *margin-left: 45.1927623204219%
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.73504273504273%;
        *margin-left: 42.62865975631933%
    }
    .row-fluid .offset4 {
        margin-left: 36.75213675213675%;
        *margin-left: 36.645753773413354%
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.18803418803419%;
        *margin-left: 34.081651209310785%
    }
    .row-fluid .offset3 {
        margin-left: 28.205128205128204%;
        *margin-left: 28.0987452264048%
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.641025641025642%;
        *margin-left: 25.53464266230224%
    }
    .row-fluid .offset2 {
        margin-left: 19.65811965811966%;
        *margin-left: 19.551736679396257%
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.094017094017094%;
        *margin-left: 16.98763411529369%
    }
    .row-fluid .offset1 {
        margin-left: 11.11111111111111%;
        *margin-left: 11.004728132387708%
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%;
        *margin-left: 8.440625568285142%
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }
    .controls-row [class*=span]+[class*=span] {
        margin-left: 30px
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 1156px
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 1056px
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 956px
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 856px
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 756px
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 656px
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 556px
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 456px
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 356px
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 256px
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 156px
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 56px
    }
    .thumbnails {
        margin-left: -30px
    }
    .thumbnails>li {
        margin-left: 30px
    }
    .row-fluid .thumbnails {
        margin-left: 0
    }
	
	.img_product {
        width: 365px;
		height: auto;
    }
}

@media(min-width:980px) and (max-width:1100px) {
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 970px
    }
    .f2-img-list li .right {
        width: 62px
    }
    .s-product-det {
        width: 63%;
        float: right
    }
    .current-book {
        margin-right: 0
    }
    .e-commerce-list li {
        padding-left: 5px;
        margin-left: 5px
    }
}

@media(max-width:350px) {
    .testimonials .slide,
    .best-sellers .slide {
        width: 280px!important
    }
    input,
    textarea,
    .uneditable-input {
        width: 164px
    }
    #logo {
        width: 230px
    }
    .f2-img-list li .right {
        width: 199px
    }
    .f2-img-list li {
        float: none;
        overflow: hidden;
        width: 100%
    }
	
	.img_product {
        width: 236px;
		height: auto;
    }
}