@charset "utf-8";
/* CSS Document */
body {overflow-x:hidden;}
a:hover {text-decoration:none;}

.icons {background:url(../images/icons.png); background-repeat: no-repeat; background-position: top left; width:40px; height:40px;    display: inline-block;}
.ico-search {background-position:-80px 0;}

.page-header {
  margin:0;
  padding:10px 0;
  background:#ee4037;
}
.move-downs{margin-top:6rem}
.page-header a {color:#fff;font-size:16px;}
.header-search {margin-right:10px; position: relative; top: 3px;  }
.well {
    min-height: 10px;
    padding: 10px;
  margin-bottom:0;
  text-align: center;
}
.btn-primary {
  background-color: #ee4037;
    border-color: #c1130a;
}
.btn-primary:hover {
  background-color: #dd271d;
    border-color: #c1130a;
}

.bg-lock {
    background-color: #DCDCDC;
}

/*-------------------------------*/
/*        Side Push Nav          */
/*-------------------------------*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}



.sidebar-nav li {
    position: relative;
    line-height: 24px;
    display: inline-block;
    width: 100%;
}
.dropdown-header {
    padding: 3px 20px 3px 50px;
}
.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a, .sidebar-nav li.open li:before {
    color: #fff;
  background:none;
}
.sidebar-nav li:nth-child(1):before {
    background-color: #ec1b5a;
}
.sidebar-nav li:nth-child(2):before {
    background-color: #79aefe;
}
.sidebar-nav li:nth-child(3):before {
    background-color: #314190;
}
.sidebar-nav li:nth-child(4):before {
    background-color: #279636;
}
.sidebar-nav li:nth-child(5):before {
    background-color: #7d5d81;
}
.sidebar-nav li:nth-child(6):before {
    background-color: #ead24c;
}
.sidebar-nav li:nth-child(7):before {
    background-color: #2d2366;
}
.sidebar-nav li:nth-child(8):before {
    background-color: #35acdf;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li.open li a {
  padding: 16px 16px 16px 50px;
}
.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
  font-size:18px;
    padding: 16px 16px 16px 30px;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: relative;
  top: 2px;
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-closed .hamb-top {
  top: 5px;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open {margin-left:95px;}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 20;
}

/*-------------------------------*/
/*      Expand Search Box        */
/*-------------------------------*/

input[type=text].searchbox {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text].searchbox:focus {
    width: 100%;
}

/*-------------------------------*/
/*           Home                */
/*-------------------------------*/
.home-banner {margin-bottom:20px; background:#333; }
.home-thumb {margin-bottom:20px;}
.thumb-round {text-align:center;}
.thumb-round a img {max-width:80px; width:100%;}
.thumb-round span {display:block; margin-top:5px; color:#333;}
.module-title {color:#333333;  margin-bottom:5px;}
.module-title span.glyphicon {font-size:14px; color:#999;}
.left-img{ float:left; margin:0 10px 0 0;}
.right-title-wrap{ float:left;margin:5px 0 0; width:95%;}
.left-img + .right-title-wrap{ width:90%;}
.module-desc {color:#999;display: block;font-weight: normal;font-size: 14px;margin:5px 0 0;}
.product-list .novel-cover > a{ height:245px; overflow:hidden; display:block;}
.novel-list {margin-top:10px;}
.novel-title {color:#333; font-weight:bold; margin-bottom:5px; margin-top:10px;}
.novel-title a{color:#333;}
.novel-author {color:#333; margin-bottom:8px;}
.novel-rate {margin-bottom:5px; color:#999; font-size:13px;}
.novel-rate .glyphicon-star {color:#ffc000;}
.novel-rate .glyphicon-star.empty {color:#999;}
.novel-desc, .novel-genre, .novel-status, .novel-views {color:#777;}
.slick-slide .novel-desc, .novel-list .novel-desc {font-size:12px;}
.slick-slide .novel-desc, .novel-list .novel-desc {max-height:102px; overflow:hidden;}
.novel-cover a:hover, .novel-cover a:focus, .novel-title a:hover, .novel-title a:focus{ text-decoration:none; outline:none;}
.novel-item {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.novel-details {margin-top:20px; margin-bottom:20px;}
.novel-details .novel-title {font-size:18px;}
.novel-details .novel-cover {text-align:right;}
.novel-content {text-align:center; margin-bottom:20px; padding-top:20px; border-top:1px solid #eee;}
.novel-content a {color:#333;}
.novel-value {font-size:12px;}
.novel-value span.premium {color:#00aeef; border:1px solid #00aeef; border-radius:10px; padding:2px 10px; display:inline-block;}
.novel-value span.free {color:#aae25e; border:1px solid #aae25e; border-radius:10px; padding:2px 10px; display:inline-block;}
h4.section-title {margin-top:20px; margin-bottom:20px;}
.comment-right {right:15px; position:absolute; color:#ee4037; font-size:14px;}
.novel-comments {border-bottom:1px solid #f5f5f5; padding-bottom:10px; margin-bottom:10px; margin-top:10px;}
.novel-comments.last {border-bottom:none; margin-bottom:0;}
.novel-comments:last-child{border-bottom:none;}
.novel-commentpage .novel-comments.last {margin-bottom:70px;}
.novel-comments p {margin-bottom:5px;}
.novel-comments .user-pic {width:80px;}
.novel-comments .username {color:#333; font-weight:bold;}
.novel-comments .commentstxt {color:#777;}
.novel-comments .dates {color:#999; font-size:12px;}
.novel-commentinput {padding:10px;}
.novel-other {margin-bottom:60px;}
.novel-other .novel-publisher, .novel-other .novel-bookid {color:#777777; font-size:12px; margin:15px 0; text-align:left;}

.type3.pass-bg {background:url(../images/pass-banner.png) top left no-repeat #f067a6; background-size:contain;}
.type3 .novel-list {margin-top:20px;}
.type3 .slick-slide {padding-top:6px; padding-bottom:6px; background:#fff;}
.type3 .slick-slide .col-md-6 {padding-left:6px; padding-right:6px;}
.slick-prev, .slick-next{z-index: 1;}
.slick-prev{left: -33px;}
.slick-next{right: -18px;}
.product-list .slick-prev, .product-list .slick-next{ top:42%;}

@media (max-width: 600px) {
.type3.pass-bg {background-size:cover;}
}

/* SLICK-SLIDE */
.slick-list {
  padding: 0 15px;
}
.slick-slide {
  margin: 0px 5px;
}
.slick-slide:focus{ outline:none;}
.slick-dots {
  bottom:-30px;
}
.slick-slide img {
  width: 100%;
}
.slick-slide .col-xs-6 {
  padding-left:0;
}
.slick-prev:before,
.slick-next:before {
  color: #aaa;
  display:block;
}
/*.slick-prev {
  left: 8px;
}
.slick-next {
  right: 8px;
}*/


/*-------------------------------*/
/*           Login               */
/*-------------------------------*/
.loginbtm {
  text-align:center;
  margin:20px 40px;
}
.loginbtm a {
  color:#ee4037;
}
.loginbtm a b {
  text-decoration:underline;
}

/*-------------------------------*/
/*        Novel Details          */
/*-------------------------------*/
.sticky-footer {width:100%; position:fixed; bottom:0; background:#fff; border-top:1px solid #eee;}
.sticky-read a, .sticky-share a {padding:20px 0px;; display:block; text-align:center;}
.sticky-read a {background:#ee4037; color:#fff; font-weight:bold;}
.sticky-read a:hover {background:#dd271d;}
.sticky-share a {color:#999999;}
.sticky-share a:hover {color:#dd271d;}
.novel-ratebox{ text-align:center;}
.novel-ratebox .glyphicon-star {font-size:44px; margin-right:3%;}
.novel-ratebox .glyphicon-star:hover {color:#ee4037;}

/*-------------------------------*/
/*         Novel Reading         */
/*-------------------------------*/
.reading-content {margin:20px 0;}
.reading-navigation {margin:40px 0;}
.page-header .dropdown-menu {
    right: 0;
    left: auto;}
.page-header .dropdown-menu  a {
  font-size:14px; color:#999;
}
.chapterlist {margin-top:10px;}
.chapterlist a {color:#333; display:block;  padding:12px 0;}
.chapterlist a.inactive {color:#ccc;}
.novel-passbox {background:url(../images/novel-passbg.png) repeat-x; padding-top:40px; padding-bottom:40px;}

.novel-passbox .passtitle {color:#ee4037; font-weight:bold;}
.novel-passblock {background:#fff; padding:10px; border-radius:10px;}
.novel-passbox .pricetxt {font-size:30px; }
.novel-passul {margin-bottom:40px; margin-top:20px;}
.novel-passbox li { list-style-image:url(../images/icon_tickGreen.png); padding-bottom:5px;}


/*-------------------------------*/
/*            Search             */
/*-------------------------------*/
.searchpagebox {background:#f5f5f5}
.wellsection {background:#f5f5f5; color:#999; padding:5px 0;}
.searchlist {background:#fff;}
.searchlist a {color:#333; display:block;  padding:15px 0;}
.searchlist .list-group-item {display:list-item; overflow:hidden; padding:0;}
.load-more .btn {margin-bottom:20px;}


/*-------------------------------*/
/*            Chart              */
/*-------------------------------*/

@media (min-width: 992px) {
  .chartbox .novel-item {border-bottom:0 none;}
}

/*-------------------------------*/
/*             Pass              */
/*-------------------------------*/
.passcoverbg {text-align:center;  background: url(../images/banner.png) fixed center;   background-size: cover; }
.passcover {max-width:500px; margin: 0 auto; }
.passcover img {max-width:100%; display:inherit;}
.passdetail {background:#fff; overflow:hidden;}
.passtxt1 {margin-top:10px;}
.passtxt2 {color:#999;}


/*-------------------------------*/
/*          Download             */
/*-------------------------------*/
.downloadbg {background:url(../images/downloadbg.png) repeat;}
.downloadtxt1 {margin-top:20px; color:#fff; font-size:36px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align:center;}
.downloadtxt1 .img-responsive {display:inline-block;}

/*-------------------------------*/
/*      Different Screen         */
/*-------------------------------*/

.product-box-wrapper{margin:15px 0;float: left;width: 100%;}
.product-box .box-cell{ display:table-cell; vertical-align:middle; padding:5px;}
.product-box .product-title{color: #333;font-weight: bold;margin-bottom: 5px;margin-top: 10px; font-size:14px;}
.product-box .product-title a{color: #333;}
.product-box .product-title .author-name{color: #333;margin-bottom: 5px; display:block; color:#999; font-weight:normal;}
.product-box .serial-no{ width:6%;}
.product-box .cover-img{ width:20%;}
.product-box .cover-img img{ max-width:150px;}
.product-box .product-title{ width:74%;}
.viewprofile:hover, .viewprofile:focus{ outline:none; text-decoration:none;}

.invite-title{text-align: left; margin:15px 0 5px;; font-size:18px;}
.invite{margin: 10px 0;}
.invite a{ display:inline-block;}
.invite a img{ width:60px;}

/******************************* header ***********************************/
.page-header .logo{ display:inline-block; padding:0 15px 0 0; float:left; margin:-5px 0 0;}
.left-links{position:relative;display: inline-block; padding: 0 15px; float:left; line-height:36px; top:2px;}
.left-links a:hover, .left-links a:focus{ text-decoration:none;}
.left-links .fa-location-arrow{ border:1px solid #fff; border-radius:50%;width: 18px;text-align: center;}
.page-header .left-links .dropdown-menu{ right:auto; left:0;}
.page-header .dropdown-menu{ margin:10px 0 0;}
.page-header .dropdown-menu:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;position: absolute;content: "";top: -10px;right: 10px;}
.page-header .left-links .dropdown-menu:after{ right:auto; left:10px;}
.right-links{ padding:0 15px;display: inline-block;line-height: 36px; position:relative;}
.right-links:last-child{ padding-right:0;}
.right-links .user-img{ border-radius:50%;}
.right-links a:hover, .right-links a:focus{ text-decoration:none;}
.right-links .btn-success{ background:#70bf5e;border-radius: 8px;}


/******************************* Banner ***********************************/
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{background: rgba(0, 0, 0, 0.3);width: 45px;height: 45px;line-height: 42px; border-radius:50%; margin-top:-22px;}
.carousel-control .fa{position: absolute;top: 50%;z-index: 5;display: inline-block;margin-top: -15px;font-size: 30px;left: 50%;margin-left: -13px;}


/******************************* Product Details Page ***********************************/
.get-premium-btn{ background:#fef4e8; color:#ff9966; border-radius:30px; text-align:center; margin:0 0 30px; font-size:16px; padding:10px 0;}
.novel-comments .user-img{ display:table-cell; padding:0 15px 0 0; vertical-align:middle; width:12%;}
.novel-comments .user-comment{ display:table-cell; vertical-align:middle;width:88%;}
.novel-ratebox-wrap{ margin:15px 0;}
.novel-ratebox-wrap h4{ margin:15px 0 0;}
.novel-ratebox-wrap .rate-this{ margin:15px 0 0; text-align:right; color:#ee4037;}
.profile-btns {margin: 0 0 10px;}
.profile-btns .btn-success{ padding:6px 28px;}

/******************************* User Profile Page ***********************************/
.profile-head-wrap{ display:table; width:100%; margin:20px 0;}
.profile-col{ display: inline-block;vertical-align: middle;padding: 0 3rem;}
.profile-head{color: #333;font-weight: bold;}
.profile-head .user-img{ width:75px; height:75px; overflow:hidden; border-radius:50%;margin-left:-2rem;}
.profile-head .user-img img{ margin:0 auto;border-radius:50%;}
.profile-col .user-type{ display:block; color:#777;}
.profile-introduction{color:#777; margin: 0 1rem 20px;text-align: justify;}
.user-title-wrap{color: #333333;font-size: 18px; display:table; width:100%; padding:10px 0; margin:0 0 10px;}
.user-title-wrap .sub-title{display: block;color: #999;font-weight: normal; font-size:14px;}
.wallet-title{border-bottom:1px solid #f5f5f5;}
.user-title-wrap .left-title, .user-title-wrap .right-arrow{ display:table-cell; vertical-align:middle;}
.user-title-wrap .right-arrow{ text-align:right;}
.user-title-wrap .right-arrow .count{ padding:0 10px 0 0;display: inline-block;top: -4px;position: relative;}
.user-title-wrap .right-arrow .view-more{font-size: 36px; color:#666;}
.wallet-box-wrap{ display:table; padding:15px 0;}
.wallet-box{ display:table-cell; text-align:center; padding:0 15px;}
.wallet-box a{ color:#333;}
.wallet-box .icon{ margin:0 0 10px;}
.wallet-box .add-icon{ position:relative;}
.wallet-box .add-icon:after{ content:"\f055"; font-family:FontAwesome; color:#ef1d23;bottom: -9px;position: absolute;right: -1px;}
.vip-wrap{ padding:10px 0;}
.vip{ display:table; width:100%;background: #fef4e8;color: #ff9966;padding: 15px;max-width: 555px;margin: 0 auto;}
.vip .vip-left, .vip .vip-right{ display:table-cell;}
.vip .vip-left{ background:url(../images/crown.png) no-repeat 0 center; text-align:left; padding:0 0 0 40px;}
.vip .vip-right{ text-align:right;}
.vip .vip-right a{ display:inline-block; border-radius:14px;color: #ff9966; border:1px solid #ff9966; font-weight:bold; padding:2px 15px;}
.novels-wrap, .collections-wrap, .following-wrap{ min-height:250px;margin:0 0 15px;}
.user-name{padding: 15px 0rem !important;}
/*********************************** Footer Section ***********************************/
footer{ background:#f5f5f5; padding:30px 0 15px;}
.social-icons{ margin:27px 0 0;}
.social-icons ul{ list-style-type:none; margin:0; padding:0;}
.social-icons ul li{ display:inline-block; padding:0 15px 0 0;}
.social-icons ul li:last-child{ padding-right:0;}
.social-icons ul li a{ background:#ee4037; width:30px; height:30px; line-height:30px; text-align:center; color:#fff;display: block;border-radius: 50%;}
.social-icons ul li a:hover{ opacity:0.9;}
.social-icons ul li a i{ line-height:30px;}
.newsletter button{ text-transform:uppercase;}
.footer-menu{ padding:15px 0;}
.footer-menu ul{ list-style-type:none; margin:0; padding:0;}
.footer-menu ul li{ display:inline-block; padding:0 50px 0 0;}
.footer-menu ul li:last-child{ padding-right:0;}
.footer-menu ul li a{ display:block; color:#333333;font-weight: 700;font-size: 16px;}
.footer-menu ul li a:hover{ color:#ee4037; }


@media (max-width: 1229px) {
.slick-prev{left: 8px;}
.slick-next{right: 23px;}
}

@media (max-width: 1199px) {
.product-list .novel-cover > a{ height:200px;}
.right-title-wrap{ width:94%;}
.left-img + .right-title-wrap{ width:88%;}
.novel-comments .user-img{width:16%;}
.novel-comments .user-comment{width:84%;}
}

@media (max-width: 1023px) {
.product-list .novel-cover > a {height: 413px;}
}

@media (max-width: 991px) {
.product-list .novel-cover > a {height: 316px;}
.right-title-wrap{ width:93%;}
.left-img + .right-title-wrap{ width:84%;}
.novel-comments .user-img{width:14%;}
.novel-comments .user-comment{width:86%;}
.page-header .logo{padding: 0 5px 0 0;}
.left-links, .right-links{ padding:0 5px;}
.footer-menu ul li{ padding:0 20px 0 0;}
}

@media (max-width: 767px) {
#wrapper.toggled #sidebar-wrapper {
  width:100%;
}
.hamburger {
  z-index:9999;
}
.hamburger.is-open { margin-left:40px;}
.thumb-round {
    text-align: center;
    padding: 0 10px;
}
.product-list .novel-cover > a{ height:266px; overflow:hidden;display: block;}
.slick-prev, .slick-next{ display:none !important;}
.right-title-wrap{ width:91%;}
.left-img + .right-title-wrap{ width:81%;}
.novel-details{ text-align:center;}
.novel-details .novel-cover img{ margin:0 auto 15px;}
footer{ text-align:center;}
.social-icons {margin: 0px 0 20px;}
.newsletter {margin: 0 0 5px;}
.footer-menu ul li {padding: 0 5px;}
.footer-menu ul li a{font-weight: 400;	}
}

@media (max-width: 639px) {
.product-list .novel-cover > a{ height:196px;}
.right-title-wrap{ width:89%;}
.left-img + .right-title-wrap{ width:75%;}
.novel-ratebox .glyphicon-star{ font-size:32px;}
.footer-menu ul li{padding: 5px 0px;display: block;border-top: 1px solid #e3e3e3;}
.footer-menu ul li a{ font-size:14px;}
}

@media (max-width: 479px) {
.product-list .novel-cover > a{ height:166px;}
.right-title-wrap{ width:87%;}
.left-img + .right-title-wrap{ width:71%;}
.novel-comments .user-img{width:18%;}
.novel-comments .user-comment{width:82%;}
.novel-ratebox-wrap h4{ margin:7px 0 0;}
.novel-ratebox .glyphicon-star{ font-size:28px; margin:0 1%;}
.novel-ratebox-wrap .rate-this{ margin:7px 0 0;}
}

@media (max-width: 413px) {
.product-list .novel-cover > a{ height:149px;}
.right-title-wrap{ width:85%;}
.left-img + .right-title-wrap{ width:68%;}
.novel-comments .user-img{width:19%;}
.novel-comments .user-comment{width:81%;}
.novel-ratebox .glyphicon-star{ margin:0;}
.novel-like-box-wrap {min-height: 240px;}
}

@media (max-width: 374px) {
.product-list .novel-cover > a{ height:125px;}
.right-title-wrap{ width:83%;}
.left-img + .right-title-wrap{ width:62%;}
.novel-comments .user-img{width:23%;}
.novel-comments .user-comment{width:77%;}
.novel-ratebox .glyphicon-star{ font-size:22px;}
.novel-ratebox-wrap .rate-this{ font-size:11px;}
}

/*/resposive stucture alignment/*/

@media only screen and (min-width:320px) and (max-width:487px){

    .profile-col{padding:0 1.3rem;}
    .profile-col .user-type {font-size: 10px;}
    .user-name {padding: 0px 0rem 1rem 0 !important;margin:0rem !important;}
    .follow-btn-set{margin: 0 0rem 0 0rem !important;}
    .profile-head .user-img img {margin: 0 auto 0 0rem !important;}
    .novel-cover img{height:auto !important;padding:0.2rem;}
    .xs-tab-nav .nav-item {margin-bottom: 0;margin-right: 20px !important;}
  }



#login input{margin-bottom: 2rem;}
#signup input{margin-bottom: 2rem;}
#forgotpasswordans input{margin-bottom: 2rem;}
#newpasswordform input{margin-bottom: 2rem;}

#checkusernameform input{margin-bottom: 2rem;}
#checkquestionform input{margin-bottom: 2rem;}

/* #white img{max-width: 150px;height: 100px;} */
#input-bg{margin-bottom: 2rem;}