/* 
    Document   : style
    Created on : Mar 9, 2015, 5:10:42 PM
    Author     : IT-PC-02
    Description:
        Purpose of the stylesheet follows.
*/
body{}

.navbar-sec{
    background-color: #fff;
    background-color: rgba(33, 151, 197, 0.2);
    background-color: rgba(255, 255, 255, 0.9);
    background-color: #0398f4;
    background-color: #02a0fb;
    background-color: #40badf;
    background-color: #08b0ee;
    background-color: #2aa9e0;/*current*/


    /*background-color: rgba(25, 151, 229, 0.9);*/
    /*background-color: rgba(0, 156, 247, 0.9);*/
    /*background-color: #fff;*/
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 2px 2px 10px 2px #fff;
    z-index: 1;
    position: fixed;
    width: 100%;
    /*height: 70px;*/

    transition: 1s;
}
.navbar-sec.load{
    padding-left: 5px;
    padding-right: 5px;
    transition: 0.5s ease;
    /*transform: translate(-0.5em,0);*/
}
.navbar-sec.scroll-top{
    background-color: rgba(6,80,107, 0.95);
    background-color: rgba(3,83,112, 0.95);
    background-color: rgba(7,100,140, 0.95);
    /*background-color: rgba(10,120,189, 0.95);*/
    color: #2197c5;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.5s ease;
}
.navbar-sec.scroll-bottom{
    background-color: #fff;
    transition: .5s ease;
}

.nav-logo{
    padding-top: 0px;
}

.nav-logo img{
    max-width:150px; 
}
.nav-logo.scroll-top{
    /*padding-left: 15px;*/
    transition: 1s ease; 
}
.nav-logo.scroll-bottm{
    padding-left: 0px;
    transition: 1s ease; 
}


.nav-menu.scroll-top{
    /*padding-right: 15px;*/
    transition: 1s ease;
}
.nav-menu.scroll-bottom{
    padding-right: 0px;
    transition: 1s ease;
}

.navbar-sec ul li a{
    color: #2197c5;
    color: #fff;
    border-radius: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: 1s;
}
.navbar-sec ul li a.scroll-top{
    color: #fff;
}

.navbar-sec ul li a:hover, .nav-menu a.active{
    background-color: #fff;
    color: #2197c5;
    transition: 1s;
    /*    background-color: #2197c5;
        color: #fff;
        transition: 1s;*/
}
.navbar-sec ul li a.scroll-top.active, .nav-menu a.active{
    background-color: #fff;
    color: #2197c5;
    transition: 1s;
    /*    background-color: #2197c5;
        color: #fff;
        transition: 1s;*/
}

/*header animation on page load*/
.load-effect-logo{
    -moz-animation: logo 1s ease-in-out 1;
    -webkit-animation: logo 1s ease-in-out 1;
    animation: logo 1s ease-in-out 1;  
}

.load-effect-menu{
    -moz-animation: menu 1s ease-in-out 1;
    -webkit-animation: menu 1s ease-in-out 1;
    animation: menu 1s ease-in-out 1;  
}

@-moz-keyframes logo {
    0% {
        -moz-transform: translateY(-5px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes logo {
    0% {
        -webkit-transform: translateY(-5px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes logo {
    0% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes menu {
    0% {
        transform: translateX(3px);
    }
    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes menu {
    0% {
        transform: translateX(3px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes menu {
    0% {
        transform: translateX(3px);
    }
    100% {
        transform: translateY(0);
    }
}

/*end header animation on page load*/



/*menu*/
.dropdown-menu-cat{
    width: 800px; 
    color: #000;
    transition: 2s;
    background-color: rgba(247,246,246, 0.94);
    margin-bottom: 40px;

}

.dropdown-menu-cat li{
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.dropdown-menu-cat li:hover{
    background-color: #bbb;
    padding-left: 17px;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.dropdown-menu-cat li a{

}

/*sachith edit6*/
/*wishlist*/
.wishlist-dropdown{
    background: #fff;
    display: none;
    width: 300px;
    position: absolute;
    z-index: 10001;
    text-align: left;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 15px;
    margin-left:-300px;
    box-shadow: -2px -2px 10px rgba(0,0,0,.1);
    /*border-bottom: 2px solid #2aa9e0;*/

}

.btn-wishlist {
    background-color: #fff;
    /*background-color: #0e833a;*/
    /* border-color: #0d64bd; edit by diyan */
    border-color: #E21694; 
    color: #E21694;
   /* color: #0d64bd;  edit by diyan */
    /*color: #fff;*/
    border-radius:7px;
}

.btn-wishlist:hover{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

    background-color: #E21694;
    /*background-color: #0d64bd;*/
    border-color: #E21694;
    /*border-color: #0d64bd;*/
    color: #fff;

}
/*end wishlist*/
/*end sachith edit6*/


.cart-menu{
    background-color: #fff;
    padding: 15px 15px;
}
.cart-menu:hover{
    text-decoration: none;
}

.cart-qty{
    margin-top:2px; 
    font-size: 12px;
    font-weight: bold;
    color:#fff;
    /*    background-repeat: no-repeat;
        background-image: url(../../../assets/img/cart-gry.png);*/
}

.cart-qty-purc{
    margin-left: -18px;
    font-size: 10px;
    text-align: center;
    color: #fff;  
    font-weight: 600;
}
.cart-dropdown{
    background: #fff;
    display: none;
    width: 400px;
    position: absolute;
    z-index: 10001;
    text-align: left;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 2px;
    margin-left:-300px;
    box-shadow: -2px -2px 10px rgba(0,0,0,.1);
    /*border-bottom: 2px solid #2aa9e0;*/

}
.cart-dropdown .alert{
    padding: 3px 10px;
}
.cart-dropdown ul{
    list-style: none;
    padding-left: 0px;
    max-height: 250px;
    overflow-y: auto;
    color: #444;
    margin-bottom: 5px;
}
ul li:hover .cart-dropdown{
    padding: 10px;
    display: block;	/* Display the dropdown */
}

.cart-dropdown li{
    padding-bottom: 3px;
}
.cart-dropdown li *{
    display: inline;
}
.cart-dropdown li .light-txt{

}

.cart-dropdown li:hover{
    color: #333;
    background-color: #f1f1f1;
}

.cart-align{
    /*padding-top: 10px;*/
    padding-bottom: 20px;
    text-align: center;
}

.cart-align a{
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    border-radius: 2px;
    /*color: #fff;*/    
}
.cart-align a:hover{

}
.cart-menu-sec .cart-menu-link-sec{
    /*background-color: #2aa9e0;*/
    /*background-color: #2dc6c1;*/
    background-color: #fff;
    text-align: center;
    /*height: 50px;*/
    width: 160px;
    margin-left: 15%;
    height:48px;
    border-bottom: 2px solid #e53487;
    color: #e53487;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}
.cart-menu-sec .cart-menu-link-sec:hover{
    background-color: #fff;
    text-align: center;
    /*color: #2aa9e0;*/
    color: #e53487;
    border-bottom: 2px solid #e53487;
}
.cart-menu-sec .cart-menu-link-sec:hover .cart-menu-link{
    color: #e53487;

}
.cart-menu-sec .cart-menu-link-sec .cart-menu-link{
    color: #e53487;
    padding-top: 10px;
    margin-top: 5px;
    padding-bottom: 30px;
    text-decoration: none;
    font-size: 14px
}
.cart-menu-sec .cart-menu-link-sec .cart-items-count{
    /*display: block;*/
    /*border-top: 1.4px solid #fff;*/
    padding: 0px;
}

.cart-menu-qty{
    font-size: 16px;
    position: absolute;
    top: 15px; 
    left: 195px;
}
.cart-menu-count-sec img{
    height: 50px;
}
.cart-dropdown-cancel{
    font-size: 30px;
}

/*end menu*/

/*New*/

.login-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 300px;
    /*height:200px;*/
    padding:10px;
    right:0px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 20;
}

.login-dropdown:hover .dropdown-content {
    display: block;
}



.center-sec{
    /*margin-left: 12%;*/
    width: 86%;
    margin: 0px auto;

}

.container-fluid.light-grey-sec{
    top: 70px;
    position: relative;
}


.txt-justify{
    text-align: justify;
    line-height: 20px;
}

.slider-sec{
    box-shadow: inset 2px 2px 10px 20px #fff;
}

.search-field-front{
    width: 250px;
    border: none;
    border-radius: none;
}

@media screen and (min-width: 1000px) AND (max-width: 1290px) {
    .search-field-front{
        width: 200px;
    }
    .book-view-btn-sec strong{
    display: none !important;
    }
}

@media screen and (min-width: 768px) AND (max-width: 1290px) {
    .book-view-btn-sec strong{
    display: none !important;
}
}

.book-menu{
    margin-top: 10px;
    margin-left: 5px;
    text-align: justify;
}

/*.book-menu-sec{
    background-color: #fff;
    background-color: #f1f1f1;
    width: 32%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 1%;
    box-shadow: 1px 1px 1px #ddd;
    font-size: 15px;
    color: #848484;
    color: #7c7c7c;
    font-weight: bold;
    border-radius: 2px;
    text-decoration: none;
}*/
.book-menu-sec{
    background-color: #fff;
    background-color: #f1f1f1;
    width: 32%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    display: inline-table;
    margin-right: 1%;
    margin-bottom: 1%;
    box-shadow: 1px 1px 1px #ddd;
    font-size: 15px;
    color: #848484;
    color: #7c7c7c;
    font-weight: bold;
    border-radius: 2px;
    text-decoration: none;

}

.book-menu-grid{
    width: 32%;

    display: inline-table;
    margin-right: 1%;
    margin-bottom: 1%;
    box-shadow: 1px 1px 1px #ddd
}

/*@media screen and (max-width: 700px) {
    .book-menu-sec {
        width: 48%;
        margin-right: 0.5%;
        margin-left: 0.5%;
        font-size: 13px;
    }
}

@media screen and (max-width: 375px) {
    .book-menu-sec {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 1%;
        font-size: 12px;
    }
}*/

.book-menu-sec i{
    color: #2197c5;
    font-size: 15px;
}

a.book-menu-sec{
    text-decoration: none;
}
.book-menu-sec:hover{
    text-decoration-style: solid;
    background-color:#2197c5;
    background-color:#2aa9e0;
    color: #fff;
    -webkit-transform: translateX(-3px);

    transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -webkit-transform: translateX(-3px);

    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
}
.book-menu-sec:hover a{
    color: #fff;
}
.book-menu-sec:hover i{
    color: #fff;
}
.book-menu-sec.active{
    background-color:#2197c5;
    background-color:#2aa9e0;
    color: #fff;
}
.book-menu-sec.active i{
    color: #fff;
}

.home-content-sec{
    /*background-color: #fff;*/
    width: 99%;
    border-radius: 2px;
    /*box-shadow: 1px 1px 2px #ddd;*/
}

.home-heading-sec{
    padding: 15px;
    width: 100%;

}

.home-body-sec{
    text-align: justify;
}
.home-book-sec{
    display: inline-block;
    background-color: #fff;
    /* box-shadow: 1px 1px 1px #ddd;*/
    border-radius: 2px;
    text-align: center;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 30px;
    width: 160px;
    /*height: 500px*/

}
.home-book-sec:hover .book-bottom-sec{
    /*visibility: visible;*/
    box-shadow: 0px -5px 10px #2197c5;
    color: #fff;

    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}


.book-top-sec{
    padding: 15px;
    /*border-bottom: 1px solid #eee;*/
    height: 350px;

}
.book-top-sec strong, span{
    display: block;
    line-height: 30px;
}

.book-top-sec img{
    width: 135px;
    height: 190px;
    margin-bottom: 20px;
}

.book-bottom-sec{
    padding: 10px; 
    /*visibility: hidden;*/
    font-size: 20px;

    box-shadow: 0px -2px 10px #2197c5;
    color: #fff;

    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}
.book-bottom-sec a{ 
    padding-right: 40px; 
    text-decoration: none;
}
.book-bottom-sec button{
    display: block;
    background-color: #2197c5;
    color: #fff;
    height: 35px;
    padding: 5px;
    width: 100%;
}

.book-img-sec{
    overflow:hidden;

}
.book-img-sec img{
    /*    width: 265px; 
        height: 399px;*/
    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;

}
.book-img-sec img:hover{
    transform: scale(1.02);
    -o-transform:scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);


    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;

}
.form-control.input-book-sec-qty{
    width: 90px; 
    padding: 4px; 
    text-align: center
}

.promoted-book-slider-sec{
    background-color: #f1f1f1;
    padding: 0px;
}
.promoted-book-slider{
    height: 330px;
    width: 100%; 
}
.promoted-book-slider h4{
    color: #fff;
    background-color: #333;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 6px;

}

.promoted-book-slider img{
    height: 220px; width: 150px;

}
.promoted-book-slider .white-sec{
    margin: 5px;
    margin-top: 15px;
    /*padding: 0px;*/
}
.promoted-book-slider .white-sec a{
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 16px;
    padding: 3px 10px;
}
.promoted-book-slider .white-sec *{
    display: inline;   
}
.promoted-book-slider ul li{
    text-align: center;

}

.promoted-book-slider .deal-label{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    right: 25px;
    /*bottom: 20px;*/
    top: -15px;
    /*white-space: initial;*/
    /*line-height: 10px;*/
    padding: 3px;
    padding-top: 4px;
    text-align: center;
    font-size: 14px;

}
.promoted-book-slider .deal-label span{
    line-height: 20px;
}

.home-book-sec .deal-label, .book-ind-sec .deal-label, .deal-ind-sec .deal-label{
    margin: 0px auto;
    width: 200px;
    height: 25px;
    transform: rotate(320deg);
    border-radius: 0px;
    position: absolute;
    text-align: center;
    right: -10px;
    top: 40px;
    padding: 3px;
    padding-top: 4px;
    text-align: center;
    font-size: 17px;
    line-height: 0px;

}
.book-ind-sec .hvr-float-shadow, .deal-ind-sec .hvr-float-shadow{
    overflow: hidden;
}
.home-book-sec .deal-label span,  .book-ind-sec .deal-label span, .deal-ind-sec .deal-label span{
    line-height: 15px;
    font-size: 13px;
}

/*pre order style*/
.preorder-full-sec{
    margin-left: -15px; 
    margin-right: -15px;
    margin-top: 0px;
    /*background: url(../../img/login-bg-image.jpg) repeat ;*/

}
.preorder-full-sec h2{
    margin: 8px;
}
.preorder-ind-sec{
    padding: 0px;
    border-bottom: 2px solid #f1f1f1;
    color: #444;
}
.preorder-ind-sec:hover{
    border-bottom: 2px solid #ff6a00;
    /*background-color: #f9f9f9;*/
    transition: 1s;
    color: #000;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.preorder-ind-header{
    height: 46px;
    /*border-bottom: 2px solid #2aa9e0;*/
    border-bottom: 3px solid #fff;
    background-color: #2aa9e0;
   /* background-color: #24d269;  edit by diyan */
    color: #fff;
}
.preorder-ind-header h4{
    padding: 15px;
    color: #fff;
}
.preorder-ind-header a{
    color: #fff;
}
.preorder-ind-sec:hover .preorder-ind-header{
    background-color: #fff;
    border-bottom: 3px solid #2aa9e0;
    color: #2aa9e0;
    /*color: #fff;*/
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
}
.preorder-ind-sec:hover .preorder-ind-header .preorder-txt{
    /*color: #fff;*/
}
.preorder-ind-sec:hover .preorder-ind-header h4 a{
    color: #2aa9e0;
   /* color: #24d269;  edit by diyan */
}
.preorder-ind-header h4 *{
    display: inline;
}
.preorder-ind-header h4 div{
    font-size: 14px;
    display: none;
    font-weight: 600;
}
.preorder-ind-body{
    padding: 15px;
    line-height: 30px;
}
.preorder-ind-body .preorder-book-sec{
    display: block;
    height: 240px;
}

.preorder-desc{
    border-top: 1px solid #f1f1f1;margin-top: 10px;
}
.preorder-ind-body .preorder-btn-sec{
    position: relative;
    bottom: 0px;
    text-align: right;
}

.preorderbook-full-sec .deal-ind-sec{
        height: auto;
    }
/*end pre order style*/





















.front-head{
    height: 40px;
    padding-top: 3px;


}

.front-head {
    font-size: 21px;
    padding: 3px;
    border: none;
    background: none;
}

.front-body{
    padding-top: 10px;
    padding-bottom: 10px;
}

.adavnce-serach-left{
    border-right: 1px solid #ccc;
}

.gallery-book-img{
    width: 140px; 
    height: 220px;
}

.txt-heading{
    color: #333;
}

.light-grey-sec-o{
    background-color: #f1f1f1;
}

/*user account*/
.user-icon-sec{
    color: #666;
    margin: 0 auto;
    background-color: #f1f1f1;
    box-shadow: 0.5px 0.5px 3px #ccc;
    padding: 25px;
    /*text-align: center;*/
    vertical-align: central;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 13%;
    height: 100px;
    width: 30%;
    display: inline-block;

}

.user-icon-sec:hover{

}

a.user-icon-link{
    font-size: 20px;
    color: #2197c5;
    text-decoration: none;
    padding-top: 20px;
}
a.user-icon-link:hover {
    color: #666;
}

.user-icon-sec a{
    color: #666;
    text-decoration: none;

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}


.user-icon-sec a:hover{
    color: #2aa9e0;
    box-shadow: none;
    padding-left: 5px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.user-icon-sec i{
    font-size: 40px;
}

.start-rating{
    font-size: 16px;
}

.glyphicon-star{
    color: #ffc200;
}

.start-rating .colored{
    background-color: yellow;
}

.available-book{
    color: #117211;
}

.unavailable-book{
    color: #c45858;
}

.home-book-menu{
    background-color: #fff;
    padding: 10px 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 24%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    box-shadow: 1px 1px 2px #ccc;
    border-radius: 2px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    color: #ccc;
    text-decoration: none;

}

.home-book-menu:hover, .home-book-menu.active{
    text-decoration: none;
    background-color: #2197c5;
    /*background-color: #1cb8f6;*/
    /*background-color: #666;*/
    color: #fff;
    transition: 1s;
    font-size: 21px;

}

.page-title{
    color: #2aa9e0;
    font-size: 20px;
}

.deal-label{
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-color: #e53487;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 20px;
    /*bottom: 20px;*/
    top: 10px;
    white-space: initial;
    padding: 5px;
    padding-top: 10px;
    text-align: center;
    font-size: 18px;

}
.deal-label small{
    color: #666;
    font-size: 9px;
}

.deal-price-sec span{
    display: block;
    line-height: 10px;
}

.deal-ind-sec{
    height: 410px;
    /*height: auto;*/
    margin-bottom: 10px;
    padding: 10px;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.93);
    color: #000;

}
.deal-sec-bg{
    min-height: 300px;
    width: 100%;
    /*opacity: 0.9;*/
    background: url(../../img/gift-bg.png) repeat ;
    margin-top: -8px;
    /*background-size: 100% 100%;*/
    /*    position: absolute;
        top: 0px;*/
    /*z-index: 1;*/
}
.deal-ind-sec .deal-label{
    position: absolute;
    right: 20px;
    /*bottom: 20px;*/
    top: 10px;
    font-size: 18px;

}
.deal-ind-sec .book-body-sec{
    height: 130px;
}
.img-book .deal-label{
    position: absolute;
    right: 50px;
    /*bottom: 20px;*/
    top: 20px;
    font-size: 18px;
}

.deal-ind-sec .book_price{
    /*color: #7f8d96;*/
    /*color: #555;*/
    /*    padding-top: 0px;
        padding-bottom: 0px;
        text-decoration: line-through;
        margin-right: 20px;*/
}
.deal-ind-sec .book_des{
    margin-top: 10px;
}
.book-ind-sec:hover, .deal-ind-sec:hover{
    background-color: #f9f9f9;
    border-bottom: 2px solid #e53487;
}
.deal-ind-sec .book_deal_price{
    color: #D9534F;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.deal-img-sec img{
    text-align: center;
    margin-top: 10px;
    margin-left: 0px;
    /*width: 150px;*/
}
.deal-btn-sec a, .deal-btn-sec div{
    display: inline;
    margin-right: 5px;
}

.deal-ind-sec .book_price, .deal-ind-sec .deal-price-sec span{
    display: inline;
}

.author-menu-ind-sec{
    color: #2aa9e0;
    font-weight: 600;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    font-size: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.author-menu-ind-sec a{
    color: #2aa9e0;
    text-decoration: none;
}
.author-menu-ind-sec i{
    color: #555;
}

.author-menu-ind-sec:hover{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

    background-color: #2aa9e0;
    color: #fff;
    padding-left: 10px;
}
.author-menu-ind-sec:hover a{
    color: #fff;

}
.author-menu-ind-sec:hover i{
    color: #fff;
}

.author-full-sec .author-sec {
    height: 400px;
}


.delivery-ind-sec{
    /*background-color: #fff;*/
    cursor: pointer;
    padding: 5px;
    text-align: center;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
.delivery-ind-sec:hover{
    background-color: #fff;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

/** jquery UI **/
.ui-autocomplete {
    height: 250px;
}
.ui-autocomplete-loading { background:url('../../img/ajax-loader-price.gif') no-repeat right center }
/** end jquery UI **/


.qty-addon{
    height: 35px;
}
#quan{
    position: absolute;
    z-index: 1;
}
#qtySelect{
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 0px;
    right: 20px;
    top: 8px;

    padding: 0px;
}

.cart-table .td-remove{
    padding-top: 3px;
    width: 50px;
}
.cart-table .td-remove a{
    color: #e21694; 
    font-size: 25px;

}
.cart-table .td-qty .form-control{
    width: 50px; 
    border:1px solid #2aa9e0;
}
.cart-table .td-qty .input-group-addon{
    background-color: #2aa9e0;
    border:1px solid #2aa9e0;
    color: #fff; font-size: 13px; 
    width: 40px; 
    height:30px;
}
.top-cart-btns, .cart-qty-multiply{
    display: none;
}

.fb-page{
    /*margin-top: 25px;*/
    /*margin-left: 40px;*/ /*sachith edit3*/
    width: 250px;
}

/*New*/
.list-top{
    float:right;
    font-size:15px;
    margin-bottom:-7px;  

}



.panel-login{
    margin-top: 10px;
    font-size: 15px;
    line-height: 40px;
    color: #7f8d96;
}

.login-title{
    font-size: 35px;
    text-align:center;
    font-family:Chaparral Pro;
    font-weight: lighter;
    padding-bottom: 5px;
    color: #2aa9e0;
    margin-top: 30px;
    margin-bottom: 15px;
}

.login-title-sub{
    font-size: 18px;
    text-align:center;
    font-family:Chaparral Pro;
    color: #2aa9e0;
    margin-top: 15px;
    margin-bottom: 30px;
}

.panel-login-txt{
    margin-top: -50px;
    margin-left: 80px;
    font-size: 12px;
    color: #7f8d96;
    font-weight: 600;
}

@media only screen and (max-width: 900px) {
    .user-icon-sec{
        font-size: 16px;
    }

    .user-icon-sec i{
        font-size: 22px;
    }
}

/*footer*/
.footer-up{
    background: #009BFF;
    height: 6px;
}
.footer-up *{
    color: #555;
    font-size: 16px;  
    text-shadow: 1px 1px 1px #bbb;
}
.footer-up a{
    text-decoration: none;
}
.footer-up ul li{
    display: inline;
    padding-right: 10px;
}
.footer-up i{
    font-size: 25px;
    color: #444;
}
.payment-icon-list .visa:hover{
    color: #004891;
}
.payment-icon-list .paypal:hover{
    color: #009de1;
}
.payment-icon-list .master:hover{
    color: #e20025;
}
.social-icon-list li{
    display: inline;
    padding-right: 2px;
}


/*sachith edit3*/


.social-icon-list a.fb-icon{
    /*background-color: #fff;*/
    color: #3b5998;
}
.social-icon-list a.tw-icon{
    /*background-color: #fff;*/
    color: #33ccff;
}
.social-icon-list a.google-icon{
    background-color: #E02F2F;
    color: #fff;
}
.social-icon-list a.youtube-icon{
    background-color: #E02F2F;
    color: #fff;
}
.social-icon-list a.instagram-icon{
    color: #D5515B;
}
.social-icon-list a.wp-icon{
    color: #12A5D7;
}

.social-icon-list a *:hover{
    /*background-color: #fff;*/
    color: #BEC6C9;
}
.footer-title{
    font-weight: 700;
    margin-bottom:10px;
}

.social-icon-list a.fb-icon i::after{
    position: absolute;
    content: '';
    background: #fff;
    z-index: -1;
    top: 5px;
    left: 3px;
    width: 20px;
    height: 22px;

}
/*end sachith edit3*/

/*.social-icon-list a.fb-icon:hover{
    background-color: #fff;
    color: #3b5998;
}
.social-icon-list a.tw-icon:hover{
    background-color: #fff;
    color: #33ccff;
}
.social-icon-list a.google-icon:hover{
    background-color: #E02F2F;
    color: #fff;
}
.social-icon-list a.youtube-icon:hover{
    background-color: #E02F2F;
    color: #fff;
}
.social-icon-list a.instagram-icon:hover{
    color: #33ccff;
}*/

.social{
    padding: 5px;
}

.mail-txt{
    color:#FFFFFF;
}

#selectCurrency{
    border-radius: 0;
    border: none;
    /*background-color: #2aa9e0;*/
    background-color: #F8F9FA;
    color: #428bca;
    font-weight: 700;
    padding: 5px;
}

.ajax-loader-price{
    width: 30px;
    height: 5px;
}

.delivery-days-sec{
    display: none;
}

.counter-payment-sec{
    border: 1px solid #2aa9e0; 
    padding: 10px; 
    border-radius: 3px;
    margin-top: 15px;
    line-height: 25px;
    /*font-weight: bold;*/
}
.counter-payment-sec img{
    width: 270px;
    height: 150px; 
    margin: 0 auto;
    margin-bottom: 20px;
}
.counter-payment-sec .well{
    margin-top: 20px;
}
.service-area-alert{
    font-size: 15px;
    color: #fff;
    padding: 10px; 
    background-color: rgba(242, 9, 118, 0.6);
}

.footer-payment-ico li{
    display: inline;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 5px;
    padding-right: 15px;
    border-right: 2px solid #ffffff;
}

.footer-middle{
    background: #2B3340;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*background: #bbb;*/
    padding: 3px;
    min-height: 260px;
    color: #FFFFFF;
    line-height: 25px;
}
.footer-middle a{
    color:#BEC6C9;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    transition: .5s;
}
.footer-middle a:hover{
    color: #2aa9e0;
}

.footer-middle li{
    list-style: none;
}

.footer-middle li strong i{
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 15px;
}

.footer-menu-sec a:hover{
    padding-left: 5px;

    -o-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}


.footer-bottom{
    background-color: #111C29;
    min-height: 35px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom: 5px;
    color: #fff;
    /*    box-shadow: 2px -2px 20px #999;*/
}

.footer-payment-ico{
    /*text-align: center;*/
}

.footer-center-pos{
    margin-left:40px;
}






/** home page inline style to css*/
.img-logo{
    /*margin-top: -5px;*/ 
    margin-top: 5px; 
    margin-left: 20px; 
    padding-top: -10px;
    /*padding-bottom: 2px;*/
    height: 105px; 
    width: 130px;
    border: 2px solid #fff;
    box-shadow: 2px 2px 10px #ddd;
}
.img-hotline{
    /*height: 65px;*/
    width: 290px; 
    margin-right: 14px;
    /*margin-top: 2px;*/
}
.hidden-elem{
    display: none;
}

.dropdown-menu{
    background-color: rgba(247,246,246, 0.94);
}
.dropdown-menu.dropdown-menu-cat, .dropdown-menu.dropdown-spec-menu-cat{
    background-color: rgba(247,246,246, 0.94);
}
.dropdown-menu-cat li a *, .dropdown-spec-menu-cat li a *{
    display: inline;
}
.dropdown-menu-cat-link{
    color: #000;
}

/*.input-search{
    width: 270px;
}*/
.btn-search{
    background-color: #fff; 
    background-position: center;  color: #696763; border-radius:2px;
}

#loadingImg{
    width: 100%; height: 370px;
}
#sliderb_container{
    position: relative; top: 0px; left: 0px; width: 600px;
    height: 160px; overflow: hidden;
}
.inner_sliderb_container{
    display: none; cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 160px;
    overflow: hidden; text-align: center;
}
#sliderb_container.promoted-main-slider{
    height: 180px; 
}
#sliderb_container.non-promoted-main-slider{
    height: 160px; 
}
.inner_sliderb_container.promoted-main-slider{
    height: 180px; 
}
.inner_sliderb_container.non-promoted-main-slider{
    height: 160px; 
}

#inner_sliderb_thumb{
    margin: 0 auto;
}
.jssorb01{
    top: 5px; right: 10px; 
}

.promoted-book-slider-left-icon{
    position: absolute; 
    left: 6px; 
    top: 150px; 
    color:#666; 
    font-size: 16px;
    z-index:10; 
    cursor:pointer
}
.promoted-book-slider-right-icon{
    position: absolute; 
    right: 6px; 
    top: 150px; 
    color:#666;
    font-size: 16px;
    z-index:10; 
    cursor:pointer
}

.gallery-book-img{
    image-rendering:pixelated;
}
.home-book-rating-sec{
    background-color: #888; padding: 5px; border-radius: 3px;
}

.btn-effect-right{
    width: 65px; z-index: 100; position: absolute; bottom: 5px; right: 0px;
}
a.btn-effect-right{
    font-size: 12px;
    text-decoration: none; 
}
.btn-effect-left{
    width: 65px;  z-index: 100; position: absolute;  bottom: 5px; left: 0px;
}
a.btn-effect-left{
    font-size: 12px;
    text-decoration: none; 
}

/*sachith edit6*/

.book-view-btn-sec button, .book-view-btn-sec div, .book-view-btn-sec button *{
    display: inline;
}
.book-view-btn-sec a strong{
    font-weight: 100;
}

/*end sachith edit6*/

.footer-email-icon{
    font-size:15px;padding-bottom: 8px;
}
.footer-phone-icon{
    font-size:15px;padding-bottom: 10px;
}
.social{
    font-size:15px;
}
.social-icon-list{
    margin-top:10px;
}

.christmas-animation-img {
    position: fixed;
    bottom: 0px;
    left:0px;
    height: 100px;
    z-index: 2;
}
/** end home page inline style to css*/

/*sachith edit7*/
.left-side-bar{
    padding-left: 0px;
    border-bottom: 2px solid #2aa9e0;
}
.left-side-bar .list-group {
    padding-left: 10px;
    padding-top: 10px;
}

.left-side-bar .list-group .list-group-item{
    transition: padding .5s;
}
.left-side-bar .list-group .list-group-item:hover{
    transition: padding-left .5s;
    padding-left: 10px;
    background-color: #555 !important;
    color: #fff;
}

.left-side-bar .list-group h4 {
    color: #fff;
    margin-left:0px;
    background-color:#2B3340;
    padding: 10px;
}

.left-sidebar-links{
    text-decoration:none !important;
}
.left-sidebar-links div p{
    color:#fff;
    font-size:26px;
}
.left-sidebar-links div img{
    margin-top:10px;
}

.sidebar-bg-giftv{
    margin-top:20px;
    width:100%;
    height:auto; 
    background: linear-gradient(to bottom right, #54bafc, #016db5);
    text-align: center;
}
.sidebar-bg-preorder{
    margin-top:20px;
    width:100%;
    height:auto; 
    background: linear-gradient(to bottom right, #f89752, #ff6a01);
    text-align: center;
}
.sidebar-bg-sinhala{
    margin-top:20px;
    width:100%;
    height:auto; 
    background: linear-gradient(to bottom right, #bb5cfc, #7000bf);
    text-align: center;
}
.sidebar-bg-trending{
    margin-top:20px;
    width:100%;
    height:auto; 
    background: linear-gradient(to bottom right, #ef60b8, #e31995);
    text-align: center;
}

/*end sachith edit7*/



.mobile-nav-bar-sub{
    display: none;
}


/*Sachith Edit*/

.preorder-grid {
    background-color: #f0f0f0;
    padding: 20px;
    height: 290px;
}
.preorder-grid h2 {
    margin-left: 30px;
    margin-top: 0px;
}
.light-sec {
    background: white;
    padding: 20px; 
    box-shadow: 1px 2px 5px 0px #D0D0D0;
}
.book-data {
    line-height: 15px;
}
.book-data h4 {
    margin-left: 0px;
    margin-top: 0px;
}
.book-data p {
    color: #4d4d4d;
}  
.btn-sec {
    margin-top: 30px;
}




@media screen and (min-width: 768px) {
    .tab-content.tab-content-new-user .tab-pane {
        /*display: initial;*/
    }
    .tab-pane.fade{
        opacity: 1;
    }

    .deal-ind-sec .deal-label {
        font-size:12px !important;
        right: -16px !important;
        top:21px !important;
    }

}
@media screen and (max-width: 768px) {
    h1{
        font-size: 20px;
    }
    h2{
        font-size: 18px;
    }
    .img-logo{
        height: 70px; width: 85px;
        margin-left: 0px;
    }
    .social-icon-list a.fb-icon i::after{
        top: 3px;   
        left: 3px;
        width: 13px;
        height: 15px;
    }
    
    .category-full-sec .deal-label {
        right: -24px;
        top: 18px;
    }

    .img-hotline{
        width: 270px;
    }
    .inner-page-sec{
        margin-top: 0px;
        box-shadow: none; 
        -moz-box-shadow: none; 
        -webkit-box-shadow: none;
    }
    .search-field-front{
        border-radius: 0px;
        border: none;
        /*        border-bottom: 2px solid #fff;
                background-color: rgba(238,238,238, 0.7);*/
    }
    .btn-search{
        border-radius: 0px;
        border: none;
        border-bottom: 2px solid #fff;
        /*border: 1px 1px 1px 0px solid #eee;*/
        background-color: rgba(238,238,238, 0.7);
    }
    .book-menu-sec{
        width: 23%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        display: inline-table;
        margin-right: 1%;
        font-size: 11px;
    }
    .footer-menu-sec{
        padding-left:0px;
    }
    .footer-middle {
        line-height: 18px;
    }
    .footer-cnt-mob {
        font-size: 10px !important; 
        padding-bottom: 0px !important;
    }
    .footer-center-pos{
        font-size:10px;
    }
    .footer-payment-menu-sec{
        font-size:10px;
    }
    .contacts-mob {
        /*padding-left: 40px;*/
    }
    /*    .img-book-mob {
            width: 100px !important;
            height: 155px !important;
        }*/

    .christmas-animation-img {
        display: none;
    }
    .cart-menu-count-sec img{
        display: none;
    }
    .cart-menu-qty{
        display: none;
    }
    .cat-mob-icon {      
        color: #fff;
        color: #fff;
        position: absolute;
        z-index: 1;
        left: -24px;
        /*background-image: linear-gradient(to bottom, #3D8BCD, #3B5998);*/
        background-color: #2aa9e0;
        /*border-bottom: 2px solid #fff;*/
        border: 2px solid #fff;
        padding: 4.5px 8px;
    }
    .cat-mob-icon:hover, .cat-mob-icon:focus {
        /*background-image: linear-gradient(to bottom, #3D8BCD, #3B5998);*/
        background-color: #2aa9e0;
        border-color: #3D8BCD #3D8BCD #3B5995;
        color: #b7b7b7;
    }

    .cart-icon-mobile {
        list-style: none;
        margin-right: -12px;
        margin-top: -37px;
        float: right;
        color: #fff;
        border-radius: 0px;
        /*background-image: linear-gradient(to bottom, #3D8BCD, #3B5998);*/
        border: 2px solid #fff;
        padding: 4.5px 8px;
    } 

    .navbar-toggle.navbar-mobile {
        /*background-image: linear-gradient(to bottom, #3D8BCD, #3B5998);*/
        color: #fff;
        height: 30px;
        font-size: 15px;
        border: none;
        border-radius: 0px;
        border: 2px solid #fff;
        /*border-bottom: 2px solid #fff;*/
        padding: 4.5px 8px;
    }

    .navbar-toggle.navbar-mobile:focus, .navbar-toggle.navbar-mobile:hover {
        background-color: #2aa9e0;
        border-color: #3D8BCD #3D8BCD #3B5995;
    }

    .navbar-toggle.navbar-mobile .icon-bar {
        background-color: #fff;
    }

    /*    .book-menu {
            margin-left: -25px;
            margin-right: -25px;
            text-align: inherit;
        }*/
    /*    .book-menu-sec {
            width: auto;
            display: block;
        }*/

    /*new colors*/    
    /*    .book-menu-sec.active {
            background-color: #3D8BCD;
        }
        .book-menu-sec:hover {
            background-color: #3D8BCD;
        }*/
    /*    .footer-up {
            background: #418ACE;
        }*/
    /*    a.user-icon-link {
            color: #3D8BCD;
        }*/
    .ind-book-content {
        line-height: 15px;
    }   

    .dropdown-menu {
        display: none;       
    }

    .open .dropdown-menu {
        display: block ;
    }

    .book-img-mob {
        width: 80px !important;
    }

    /*    .head-mob-slide {  
    
            color: #ffffff;
            margin-left: 20px;
        }*/
    /*    .img-cart-mob {
            width: 30%;
        }*/
    /*    .p-cart-mob {
            margin: 0 0 -20px;
    
        }*/

    /*    .tb-cart-mob {
            margin-left: -20px;
        }*/


    .bar-mob {
        background-color: #dfdfdf !important;
    }
    hr {
        border-top: 2px solid #2aa9e0;
    }


    /*    new colors
    
        .btn-primary {
            background-color: #3D8BCD;
        }
        .btn-primary:visited {
            background-color: #3D8BCD;
        }*/

    /*    .btn-submit-mob {
            margin-top: 45px;
        }*/
    /*    .light-grey-sec {
            margin: -20px;
            padding-bottom: 15px;
        }*/
    .img-spl-mob {
        width: 100px;
        height: 150px;
    }

    /*new colors*/
    /*    .normal-order, .normal-order-o {
            color: #3D8BCD;
        }
        .side-head h3 {
            color: #fff;
        }*/

    .title_mob {
        font-size: 13px;
        padding-top: 6px;
        padding-bottom: 5px;

    }
    .bk_pub_mob {
        font-size: 10px;
    }
    .book_price {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .lable_mob {
        white-space: normal;
        font-size: 66%;

    }
    .bk_detail_mob {
        padding-top: 0px;
        padding-bottom: 2px;
    }
    .bk_title_mob {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .mainwrapper {
        margin-left: 18px;
    }


    .btn-prim-mob { 
        margin-top: -20px;

    }

    /*new colors*/
    /*    .btn_effect {
            border: 1px solid #3D8BCD;
            background: #3D8BCD;
        }*/
    .b2_navigation {
        background-color: #2aa9e0;
        padding-bottom: 0px;
        padding-top: 0px;
        border-bottom: 2px  solid #fff;
    }
    .b2_navigation.navbar{
        padding: 0px;
    }
    /*    .book-menu-sec i {
            color: #3D8BCD;
        }*/
    /*    .main_menu:hover {
            color: #3D8BCD!important;
        }*/
    /*    .book_title {
            color: #3D8BCD;
        }*/
    /*    .book_cat li a {
            color: #3D8BCD;
        }*/
    .book-review {
        width: 100px;
    }
    .book-review .start-rating{
        font-size: 10px;
    }
    /*    .head_style {          
            color: #dfdfdf;    
        }*/

    .book_des{
        padding-bottom: 10px;
    }
    .search_right_panel .label.label-default {
        background-color: #fff;
        color: #444;
        font-size: 11px;
        padding: 0px;
        position: absolute;
        bottom: 0px;
        /*padding-top: 15px;*/
    }

    .form-control{
        border-radius: 1px;
    }

    .cart-table{
        border: none;
        font-size: 12px;
    }
    .cart-table thead{
        display: none;
    }
    .cart-table tr{
        border: none;
        background-color: #f1f1f1;
        border-bottom: 5px #fff solid;
        border-left: 3px #2aa9e0 solid;
    }
    .cart-table td{
        border-top: none;  
    }
    .cart-table .td-img
    {
        width: 80px;
        /*        display: block;*/
    }
    .cart-table .td-img img
    {
        height: 110px;
        min-width: 80px;
    }
    /*sachith edit16*/
    .cart-table .td-name {
        /*font-size: 10px;*/
        width: 300px;
        /*display: inline-block;*/
    }
    .cart-table .td-name .text-danger{
        font-size: 10px;
    }
    /*end sachith edit16*/

    .cart-table .td-order-type, .cart-table .td-qty, .cart-table .td-unit-price, .cart-table .td-line-amount{
        display: table-row;
        height: 30px;
        border-top: none;
    }
    .cart-table .td-order-type{
        text-align: right;
        float:right; /*sachith edit16*/
    }

    .cart-table .td-unit-price {
        color: #7f8d96;
        font-size: 10px;
        float:right; /*sachith edit16*/
    }
    .cart-table .td-unit-price *{
        display: inline;
    }
    .cart-table .td-line-amount{
        font-size: 11px;
        font-weight: 600;

    }
    .cart-table .normal-order, .cart-table .special-order{
        padding: 0px;
        /*font-size: 10px;*/
    }
    .cart-table .td-qty .form-control{
        text-align: center;
        padding-top: 30px;
    }
    .cart-table .td-qty .input-group-addon{
        padding: 0px;
    }
    .cart-table .td-line-amount{
        line-height: 30px;
        float:right; /*sachith edit16*/
    }

    .cart-table .td-remove a{
        font-size: 22px;
    }
    .cart-table .tr-total-line-amount .td-hidden-sm, .cart-table .tr-delivery-amount .td-hidden-sm, .cart-table .tr-net-total .td-hidden-sm{
        display: none;
    }

    .top-cart-btns, .cart-qty-multiply{
        display: initial;
    }

    .social-btn-sec{
        margin-top: 20px;
    }

    .book_price{
        padding-bottom: 10px;
    }

    .deal-img-sec img{
        width: 120px;
        height: 180px;
        margin-left: 0px;
    }

    .book-view-content-sec .deal-label{
        width: 54px;
        height: 54px;
        border-radius: 27px;
        padding: 0px;
        text-align: center;
        font-size: 12px;
        line-break: auto;
        top: -10px;
    }
    .fb-page{
        margin-top: 15px;
        margin-left: 0px;
        width: 350px;
    }

    .author-full-sec .author-sec {
        height:355px ;

    }

}

@media screen and (max-width: 550px) {
    .img-hotline{
        width: 215px;
        margin-left: 10px;
    }
    .book-img-sec img{
        height: 150px;
        width: 100px;
    }
    
    
    /*sachith edit14*/
    #qtySelect{
        right: -65px;
    }
    /*end sachith edit14*/
    
    .form-control.input-book-sec-qty{
        width: 70px; 
        padding: 2px; 
    }
    .book-view-qty-sec .input-group-addon{
        display: none;
    }

    .book-view-content-sec .deal-label {
        width: 60px;
        height: 28px;
        font-size: 11px;
        padding: 0px;
        border-radius: 5px;
    }
    .book-view-content-sec .deal-label small{
        display: none;
    }
    .fb-page{
        width: 280px;
    }

    .cart-menu-sec{

    }
    .cart-menu-link{
        display: none;
    }
    .cart-dropdown{
        background: #fff;
        display: none;
        width: 300px;
        position: absolute;
        margin: 0px auto;
        top: 0px;
        box-shadow: -2px -2px 10px rgba(0,0,0,.1);
        font-size: 10px;

    }

    .cart-dropdown h4{
        font-size: 15px;
        margin: 5px;
    }
    .cart-dropdown .alert{
        padding: 0px 5px; 
        margin-bottom: 0px;
    }
    .cart-dropdown ul{
        max-height: 150px;
        overflow-y: auto;
    }
    .cart-dropdown ul li img{
        display: none;   
    }
    .cart-dropdown ul li{
        font-size: 10px;
        font-weight: 100;
    }
    .cart-dropdown a{
        font-size: 11px;
        padding: 5px;
    }
    .cart-dropdown .light-grey-sec{
        padding: 0px;
    }
    .cart-dropdown-cancel{
        font-size: 20px;
    }
    .cart-align{
        padding-bottom: 10px;

    }
    .cart-align small{
        font-size: 9px;
        line-height: 0px;
        font-weight: 100;
    }
    .cart-items-count{
        display: none;
    }
}

@media screen and (max-width: 420px) {
    h1{
        font-size: 15px;
    }
    h2{
        font-size: 14px;
    }

    .list-top{
        font-size:12px !important;
    }
    
    /*sachith edit14*/
    #qtySelect{
        right: -62px;
    }
    /*end sachith edit14*/
    
    .img-hotline{
        width: 180px;
        /*padding-top: 5px;*/
        margin-left: 0px;
    }
    .img-logo{
        height: 55px;
        width: 65px; 
        margin-top:12px;
    }
    .home-book-sec {
        width: 80px;
        margin-left: -20px;
        margin-right: 25px;
        line-height: 15px;

    }
    .home-book-sec .simple-caption{
        font-size: 10px;
    }
    .category-full-sec .deal-label {
        right: 1px ;
        top: 27px ;
    }

    .start-rating{
        font-size: 10px;
    }
    .home-book-rating-sec .start-rating{
        font-size: 8px;
    }

    .gallery-book-img {
        width: 80px;
        height: 120px;
    }

    .icon-sec-mob {
        font-size: 10px;
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 1px;
        height: 60px;
        width: 45%;
        margin-left: 13px;
        margin-right: -11px;
    }

    .footer-bottom {
        font-size: 10px;
    }
    .footer-menu-sec{
        font-size:10px;
        line-height: 12px;
    }
    .contacts-mob{
        line-height: 0px;
    }
    #bookinfo h2 {
        font-size: 15px;
    }
    .book_title {
        font-size: 11px;
        line-height: 16px;
        margin-top: 15px;
    }
    .book_author{
        font-size: 10.5px;
    }
    .book_pub{
        font-size: 10.5px;
    }
    .book_price{
        font-size: 12px;   
    }
    .label-default {
        white-space: normal;
    }
    /*sachith edit15*/
    .nbs-flexisel-item img {
        max-width: 110px !important;
        max-height: 178px !important;
    }
    
    .nbs-flexisel-item{
        width:155px !important;
    }
    
    .nbs-flexisel-inner{
        padding-left:38px;
    }
    /*end sachith edit15*/

    .home-book-sec .deal-label{
        margin: 0px auto;
        width: 130px;
        height: 18px;
        right: -10px;
        top: 15px;
        padding: 2px;
        text-align: center;
        font-size: 12px;
    }
    .home-book-sec .deal-label span{
        line-height: 15px;
    }

    .ind-book-content {
        line-height: 12px;
    } 

    .author-full-sec .author-sec {
        height:305px;
    }

    .author-full-sec .book-body-sec {
        height: 105px ;
    }


    .whitebg h1 {
        font-size: 14px;
    }
    .whitebg h2 {
        font-size: 12px;
    }

    .img-spl-mob {
        width: 85px !important;
        height: 135px !important;
    }

    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 12px;}

    .row{
        padding: 0px;
    }
    .rowgap{
        margin-top: 10px;
    }

    .cart-table .td-img 
    {
        width: 55px;
    }
    .cart-table .td-img img
    {
        height: 90px;
        min-width: 55px;
    }
    .cart-table .td-name {
        /*font-size: 10px;*/ /*sachith edit16*/ 
        width: 200px;
        /*display: inline-block;*/
    }

    .flexisel_related_book .nbs-flexisel-item img{


    }

    .contact-top {
        list-style: none;
        width: 275px;
        padding-left: 65px;
    }

    /*home cat icons*/       
    .book-menu {
        width: auto;
        /*display: inline-flex;*/
        /*margin-left: 20px;*/

    }
    /*    .book-menu a {
            display: inline;
            margin-left: 3px;
            padding-top: 10px;
            padding-bottom: 10px;
        }*/
    .book-menu .txt-hide {
        display: none;
    }    

    .book-menu-sec{
        width: 30%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        display: inline-table;
        /*margin-right: 0%;*/
        font-size: 9px;
    }

    .book-menu-sec i{
        font-size: 10px;
    }

    .deal-img-sec img{
        width: 90px;
        height: 125px;
    }

    .book-view-btn-sec button{
        font-size: 11px;
        font-weight: 600;
        height: 35px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .deal-ind-sec .deal-label {
        font-size:12px !important;
        right: -38px !important;
        top:16px !important;
    }

    .deal-ind-sec{
        height: 430px;
    }

    .book-view-info-sec table td{
        display: table-row;
        height: 30px;
    }

    .book-view-content-sec .deal-price-sec{
        font-size: 13px;
    }

    .fb-page{
        width: 270px;
    }

}

@media (min-width: 420px) and (max-width: 768px) {   

    .category-full-sec .col-xs-6 {
        width: 33%;
    }
    .search-full-sec .col-xs-6 {
        width: 33%;
    }

    .deal-sec-bg .col-xs-6 {
        width: 33%;
    }

    .author-full-sec .col-xs-6 {
        width: 33%;
    }

    .voucher-grid .col-xs-6 {
        width: 33%;
    }

}


.navbar-mobile {
    float: left;
    margin-bottom: -31px;
    margin-left: -12px;

}

.search-mobile {
    width: inherit;
    margin-right: 27px;
    margin-left: 60px;
    padding-bottom: 5px;
}
/*#recaptcha_table {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform: scale(0.6);
    -webkit-transform-origin:0 0;
}

#recaptcha_area {
    margin-bottom: -70px;
}*/

/*.form-group-mob {
    margin-bottom: -60px;
}*/
/*
.form-findbk-mob {
    margin-bottom: -40px;
}*/
.help-btn-wrap {
    white-space: normal;
}
.table-sec-mob {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index:1000; /* Stay on top */
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85); /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 25px; /* Place content 60px from the top changed to 25*/
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav h3{
    padding-left: 15px;
    font-size: 20px;
}
/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 13px;
    color: rgba(251, 244, 244, 0.8);
    display: block;
    transition: 0.3s
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #9F9999;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

.btn-submit-mob {
    /*margin-top: 45px;*/
}

.search-full-sec{
    padding-left:15px;
    padding-right:15px;
}
.search-full-sec h1{
    font-size: 18px;
    font-weight: bold;
    margin-top: 2px;
}

/* RIPPLE EFFECT */

.btn-ripple{
    position: relative;
    border: none;
    outline:none;
    cursor: pointer;
    background-color: #f6f6f6;;
    border-bottom: 2px solid #2aa9e0;
    color: #2aa9e0;
    padding: 5px 10px;
    border-radius: 2px;
    font-weight: 500;
    padding-top: 00px;
    padding-bottom: 3px;
    margin-right: 10px;
    /*font-size: 22px;*/
    transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}
.btn-ripple:hover{
    background: #2aa9e0;
    color: #fff;

    transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.fab{
    border-radius: 50%;
    margin:0;
    padding: 20px;
}

.material{
    position:relative;
    color:white;
    margin: 20px auto;
    height:400px;
    width:500px;
    background:#f45673;

}

.ripple{
    overflow:hidden;
}

.ripple-effect{
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: white;


    animation: ripple-animation 2s;
}


@keyframes ripple-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }
    to {
        transform: scale(100);
        opacity: 0;
    }
}

/* END RIPPLE EFFECT */


/*End Sachith Edit*/












@media screen and (max-width: 1300px) {

    .promoted-book-slider{
        height: 290px;
    }

    .promoted-book-slider h4{
        font-size: 14px;
        margin-bottom: 15px;

    }

    .promoted-book-slider img{
        width: 125px;
        height: 190px; 
    }

    .deal-price-sec{
        font-size: 10px;
    }
    .deal-ind-sec .deal-price-sec{
        font-size: 12px;
    }

    .book-view-content-sec .deal-price-sec{
        font-size: 14px;
    }

}
@media screen and (max-width: 1150px) {
    .img-logo{
        margin-left:0px;
    }
    .promoted-book-slider{
        height: 260px;
    }

    .promoted-book-slider h4{
        font-size: 12px;
        margin-bottom: 10px;

    }

    .promoted-book-slider img{
        width: 110px;
        height: 160px; 
    }

    .promoted-book-slider-left-icon{
        position: absolute; 
        left: 2px; 
        top: 110px; 
        font-size: 13px;
    }
    .promoted-book-slider-right-icon{
        position: absolute; 
        right: 2px; 
        top: 110px; 
        font-size: 13px;
    }

}

@media screen and (max-width: 1030px) {

    .promoted-book-slider{
        height: 225px;
    }

    .promoted-book-slider h4{
        margin-bottom: 5px;
    }

    .promoted-book-slider img{
        width: 100px;
        height: 150px;
        margin-top: 0px;

    }

    .promoted-book-slider .deal-label{
        width: 34px;
        height: 34px;
        border-radius: 17px;
        position: absolute;
        right: 17px;
        top: -15px;
        font-size: 9px;

    }
    .promoted-book-slider .deal-label span{
        line-height: 15px;
    }


    .promoted-book-slider-left-icon{
        top: 100px; 
    }
    .promoted-book-slider-right-icon{
        top: 100px; 
    }

    .promoted-book-slider .white-sec{
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
    }
    .promoted-book-slider .white-sec a{
        position: absolute;
        right: 0px;
        bottom: 0px;
        font-size: 9px;
        padding: 3px 3px;
    }

    .deal-price-sec{
        font-size: 8.5px;
    }
    .deal-ind-sec .deal-price-sec{
        font-size: 12px;
    }

    .search_right_panel {
        border-left: none;
        padding-left: 0px;
    }

}


@media screen and (max-width: 900px) {

    .promoted-book-slider{
        height: 190px;
        padding: 0px;
    }

    .promoted-book-slider img{
        width: 85px;
        height: 125px;
        margin-top: 0px;

    }

    .promoted-book-slider-left-icon{
        top: 90px; 
    }
    .promoted-book-slider-right-icon{
        top: 90px; 
    }
}