@media print {
    @page {
        margin: 0 400px;
    }
}

.next:focus, .prev:focus {
    outline:none;
}

.dropdown-item {
    cursor: pointer;
}

#assameseTitleModal {
  text-align: center;
}
#assameseTitleModal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}
#assameseTitleModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#assameseTitleModal .modal-body {
    background: #88b700;
    color: white;
    text-shadow: 2px 2px 4px rgba(0,0,0,.3);
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.vertical-align-center .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

/* ...Header Design... */

.header {
    overflow: hidden;
}

.header img {
    width: 100%;
    height: auto;
    /*min-width: 950px;
    min-height: 100px;*/
    overflow: hidden;
}

.largeHeaderImage, .smallHeaderImage {
    position: relative;
    overflow: hidden;
}

.largeHeaderImage .leftHeaderLink {
    height:100%;
    width:13%;
    left: 2%;
    position:absolute;
    cursor:pointer;
    z-index:1;
}

.smallHeaderImage .leftHeaderLink {
    height:100%;
    width:22%;
    left: 3%;
    position:absolute;
    cursor:pointer;
    z-index:1;
}

.largeHeaderImage .rightHeaderLink {
    height:100%;
    width:12%;
    right: 3%;
    position:absolute;
    cursor:pointer;
    z-index:1;
}

.smallHeaderImage .rightHeaderLink {
    height:100%;
    width:20%;
    right: 5%;
    position:absolute;
    cursor:pointer;
    z-index:1;
}

@media only screen and (min-width: 768px) {
    .largeHeaderImage img {
        display: block;
    }
    .smallHeaderImage img {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .largeHeaderImage img {
        display: none;
    }
    .smallHeaderImage img {
        display: block;
    }
}

.headerContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
}
@media only screen and (max-width: 767px) {
    .headerContent {
        display: none;
    }
    .headerContentSmall {
        display: block;
    }
}

.headerContentSmall{
    width: 100%;
    height: 30px;
    text-align:center;
    margin: 0 auto;
    background: #262626;
}
@media only screen and (min-width: 768px) {
    .headerContent {
        display: block;
    }
    .headerContentSmall {
        display: none;
    }
}

@media only screen and (max-width: 514px) {
    .headerContentSmall {
        height: 55px;
    }
}
@media only screen and (max-width: 310px) {
    .headerContentSmall {
        height: 80px;
    }
}

.headerText {
    display: inline-block;
    margin: 0 auto;
    color: white;
    text-align:center;
    font-size: 14px;
    font-family: 'Hind Siliguri', sans-serif;
    /*text-shadow: 0px 2px 2px #000;*/
}

.headerText h1 {
    font-size: 36px;
    font-family: 'Galada', sans-serif;
    color: #cdf785;
}

@media only screen and (max-width: 1200px) {
    .headerText {
        margin: -10px auto;
    }
}
@media only screen and (max-width: 1000px) {
    .headerText {
        margin: -10px auto;
    }
    .headerText h1 {
        font-size: 30px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 800px) {
    .headerText {
        margin: -13px auto;
    }
    .headerText h1 {
        font-size: 26px;
        line-height: 20px;
    }
}

.headerText img, .footerSocialImage img {
    width: 28px;
    padding: 5px;
    -webkit-filter: brightness(0%);
    filter: brightness(0) invert(1);
    cursor: pointer;
}

.headerText img:hover {
    filter: brightness(0) invert(93%) sepia(22%) saturate(816%) hue-rotate(25deg) brightness(101%) contrast(94%);
}

.footerSocialImage img:hover {
    filter: brightness(0);
}

/* ....................*/

/* ..........Nav Bar Style.......... */

#myNavbar > div > div > ul > li > a, #myNav > div > div > ul > li > a {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    padding: auto 0;
}

#myNavbar ul > li, #myNav ul > li {
    text-align: center;
}
#myNavbar > div > div > ul > li:hover, #myNav > div > div > ul > li:hover:not(.searchli) {
    /*background-image: linear-gradient(to bottom right, #96cf32, #cdf785);*/
    background-color:#96cf32;
    color: #000;
    transition: .2s;
}

#myNavbar > div > div > ul > li:hover:not(:nth-child(10)) > a, #myNav > div > div > ul > li:hover:not(:nth-child(10)) > a {
    color: #000;
    text-shadow: 1px 1px 2px #999;
    transition: .2s;
}

#myNavbar > div > div > ul > li > ul li:hover a, #myNav > div > div > ul > li > ul li:hover a {
    /*background-image: linear-gradient(to bottom right, #96cf32, #cdf785);*/
    background-color:#96cf32;
    color: #000;
    transition: .2s;
}

@media only screen and (max-width: 767px) {
    #myNavbar ul, #myNav ul {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) {
    #myNavbar > div > div > ul > li:nth-child(1) {
        width: 67px;
    }
    #myNavbar > div > div > ul > li:nth-child(2) {
        width: 125px;
    }
    #myNavbar > div > div > ul > li:nth-child(3) {
        width: 112px;
    }
    #myNavbar > div > div > ul > li:nth-child(4) {
        width: 110px;
    }
    #myNavbar ul > li:nth-child(5) {
        width: 93px;
    }
    #myNavbar ul > li:nth-child(6) {
        width: 68px;
    }
    #myNavbar ul > li:nth-child(7) {
        width: 127px;
    }
    #myNavbar ul > li:nth-child(8) {
        width: 174px;
    }
    #myNavbar ul > li:nth-child(9) {
        width: 113px;
    }
    #myNavbar ul > li:nth-child(10) {
        width: 99px;
    }
}

/* ------------------*/

/* ...........Stycky Cart ............. */

.stickyCart {
  position: fixed;
  top: 50%;
  right: -15px;
  padding: 0 20px 10px 20px;
  margin: 0;
  color: #eeeeee;
  background-image: linear-gradient(to bottom right, #4e7a00, #73ac05);
  background-color: #4e7a00;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 0 10px #ccc;
  font-weight: bold;
  text-align: center;
  z-index: 112;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
    -webkit-transition: right 0.1s;
    -moz-transition: right 0.1s;
    -o-transition: right 0.1s;
    transition: right 0.1s;
}

.stickyCart:hover {
  right: -10px;
  color: #ffffff;
  background-color: #ff0000;
  cursor: pointer;
}

.stickyCartContent {
    text-align: center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.glyphicon-shopping-cart {
    font-size: 22px;
    color: black;
}

.cartItemsCount {
    text-align: center;
    background: white;
    color: #333;
    font-size: 12px;
    padding: 3px;
    border-radius: 20px;
}

.removeCartItems:hover {
    color: deeppink;
}

/* ------------------*/


/* ...........Carausal............ */

#myCarousel {
    border-bottom: 2px solid #333;
}

.carousel-inner img {
    margin: auto;
    width: 100%;
  }

.carousalIndicatorStyling {
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 0;
  right: 0;
  width: auto;
  z-index: 1;
}

/* ------------------*/

.containerWrap {
    padding:80px 20px;
}
@media only screen and (max-width: 767px) {
    .containerWrap {
        padding:30px 20px;
    }
}

.wrap {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 250px;
  align-items: center;
  width: 100%;
  position: relative;
}

.container {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 100%;
  flex: 0 0 auto;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.controls {
  top: 50%;
  z-index: 21;
  
  -webkit-transform: translate(0%,50%);
  -moz-transform: translate(0%,50%);
  -ms-transform: translate(0%,50%);
  -o-transform: translate(0%,50%);
  transform: translate(0%,50%);
}

.controls .prev {
  position: absolute;
  left: -20px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  opacity: .8;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.controls .prev:hover {
  opacity: 1;
}

.controls .next {
  position: absolute;
  right: -20px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  opacity: .8;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.controls .next:hover {
  opacity: 1;
}

.controls button {
  border: none;
  border-radius: 50%;
  color: white;
  background: #f65555;
  padding: 14px 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: background 200ms linear;
}
.controls button.disabled {
  background: #333;
}
.controls button i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 8px;
}
.controls button i.leftarrow {
  position:relative;
  left:4px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.controls button i.rightarrow {
  position:relative;
  right:4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.headingText {
    text-align: center;
    font-family: 'Galada', cursive;
    font-size: 34px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    .headingText {
        font-size: 24px;
    }
    .headingText span {
        padding-top: 0;
    }
}
@media only screen and (max-width: 450px) {
    .headingText {
        font-size: 18px;
    }
    .headingText span {
        padding-top: 0;
    }
}

.headingText span {
    padding: 5px 20px 0 20px;
    background-image: linear-gradient(to top, #4e7a00, #73ac05);
    background-color: #4e7a00;
    border-radius: 5px;
    display:inline-block;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    
    -webkit-transform: skew(-20deg, 0deg);
    -moz-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.headingText > span > span {
    padding: 0 20px;
    margin-bottom:1px;
    -webkit-transform: skew(20deg, 0deg);
    -moz-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.headingSubText {
    text-align: center;
    font-family: 'Galada', cursive;
    font-size: 20px;
    padding-left:20px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    border-bottom: 1px solid #444;
    margin-top: 40px;
}
@media only screen and (max-width: 767px) {
    .headingSubText {
        font-size: 16px;
    }
}

.slider .item {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 150px;
  height: 230px;
  margin: 0 5px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
}

.slider .item:hover {
  border: 2px solid transparent;
  border-image: linear-gradient(to bottom right, #96ec00, #d3ff85);
  border-image-slice: 1;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  opacity: .8;
}

.item:hover .overlay {
  height: 50%;
}

.overlaytext {
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  opacity: 1;
}

.slider .item:first-child {
  margin-left: 1px;
}
.slider .item:nth-child(1) {
  background: #f5743d;
  z-index: 20;
}
.slider .item:nth-child(2) {
  background: #f5ab3d;
  z-index: 19;
}
.slider .item:nth-child(3) {
  background: #f5e23d;
  z-index: 18;
}
.slider .item:nth-child(4) {
  background: #d0f53d;
  z-index: 17;
}
.slider .item:nth-child(5) {
  background: #99f53d;
  z-index: 16;
}
.slider .item:nth-child(6) {
  background: #62f53d;
  z-index: 15;
}
.slider .item:nth-child(7) {
  background: #3df550;
  z-index: 14;
}
.slider .item:nth-child(8) {
  background: #3df587;
  z-index: 13;
}
.slider .item:nth-child(9) {
  background: #3df5be;
  z-index: 12;
}
.slider .item:nth-child(10) {
  background: #3df5f5;
  z-index: 11;
}
.slider .item:nth-child(11) {
  background: #3dbef5;
  z-index: 10;
}
.slider .item:nth-child(12) {
  background: #3d87f5;
  z-index: 9;
}
.slider .item:nth-child(13) {
  background: #3d50f5;
  z-index: 8;
}
.slider .item:nth-child(14) {
  background: #623df5;
  z-index: 7;
}
.slider .item:nth-child(15) {
  background: #993df5;
  z-index: 6;
}
.slider .item:nth-child(16) {
  background: #d03df5;
  z-index: 5;
}
.slider .item:nth-child(17) {
  background: #f53de2;
  z-index: 4;
}
.slider .item:nth-child(18) {
  background: #f53dab;
  z-index: 3;
}
.slider .item:nth-child(19) {
  background: #f53d74;
  z-index: 2;
}
.slider .item:nth-child(20) {
  background: #f53d3d;
  z-index: 1;
}
.slider .item a {
  -webkit-flex: 1;
  flex: 1;
}

.progress-bar {
  -webkit-flex: 0 0 200px;
  flex: 0 0 200px;
  height: 4px;
  border-radius: 4px;
  margin: 0 20px;
  background: #f65555;
  transform: scaleX(0);
  transform-origin: 0 50%;
}



/* Not Found Page CSS */

.fullsize {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    background-color: #000;
}

.notFoundHead {
    width: 100%;
    text-align: center;
    font-family: 'Galada', cursive;
    font-size: 100px;
    background: -webkit-linear-gradient(90deg, #23966c 0%, #faaa54 25%, #e23b4a 50%, #db0768 75%, #360670 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
}

.notFoundSubHead {
    text-align: center;
    font-size: 24px;
    color: white;
}

.notFoundText {
    text-align: center;
    font-size: 16px;
    color: white;
}


/* Book Details Page CSS */

.bookDetailsLink {
    background-image: linear-gradient(to bottom right, #ddd, #eee);
    background-color: #ff1595;
    border-bottom: 1px solid #ccc;
    border-radius: 50px;
    padding: 5px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.bookDetailsLink a {
    color: #4e7a00;
}

.bookDetailsImage {
    text-align: center;
    
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform-style: preserve-3d;
}

.bookDetailsImage img {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .6);
    border: 5px solid #fff;
    
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    transition: .3s;
}

.bookDetailsImage:hover img {
    -webkit-transform: rotateY(15deg);
    -moz-transform: rotateY(15deg);
    -ms-transform: rotateY(15deg);
    -o-transform: rotateY(15deg);
    transform: rotateY(15deg);
}
@media only screen and (max-width: 767px) {
    .bookDetailsImage img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
}

.bookDetailsBookName {
    font-family: 'AdorshoLipi', sans-serif;
    font-size: 42px;
    background-image: linear-gradient(to bottom right, #4e7a00, #96cf32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 0 solid #333;
}
@media only screen and (max-width: 767px) {
    .bookDetailsBookName {
        margin-top: 20px;
        font-size: 30px;
    }
}

.ebooks {
    display: inline-block;
    top: 20px;
    right: 0;
    background: red;
    color: white;
    font-size: 10px;
    font-weight: bold;
    margin-top: 5px;
    padding: 3px 6px;
    border-radius: 4px;
}

.bookDetailsBookAuthor, .bookDetailsBookPublisher {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 16px;
    color: #333;
}

.bookDetailsBookMoreDetails {
    color: #4e7a00;
}

.bookDetailsBookMoreDetails:hover {
    color: #333;
    text-decoration: none;
}

.bookDetailsBookPrice {
    font-family: 'AdorshoLipi', sans-serif;
    font-size: 36px;
    font-weight: bold;
    background-image: linear-gradient(to bottom right, #4e7a00, #96cf32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bookDetailsBookAvailable {
    font-size: 18px;
    color: green;
}

.bookDetailsBookDelivery {
    font-size: 14px;
}

.bookDetailsBookBuyOption {
    position: relative;
    height: 40px;
    font-family: 'AdorshoLipi', sans-serif;
    font-size: 16px;
    background-image: linear-gradient(to top, #4e7a00, #73ac05);
    background-color:#4e7a00;
    color: white;
    border-radius: 50px;
    padding: 5px 25px;
    margin-bottom: 20px;
    border: 0;
    /*border-bottom: 1px solid #222;*/
    text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    box-shadow: 0 16px 4px -15px rgba(0, 0, 0, 1);
}

.bookDetailsBookBuyOption::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    height: 50px;
    width: 50px;
    background: #fbb306;
    border-radius: 50%;
    border: 4px solid #4e7a00;
}

.bookDetailsBookBuyOption:hover {
    color: #fbb306;
    background-image: linear-gradient(to top, #395901, #558101);
}

.bookDetailsBookBuyOption:hover::before {
    background: #ef9508;
}

.bookDetailsBookBuyOption > span {
    left: -17px;
    color: #222;
    text-shadow: none;
}

.bookDetailsDescriptionHead {
    font-family: 'AdorshoLipi', sans-serif;
    font-size: 16px;
    background-image: linear-gradient(to top, #4e7a00, #73ac05);
    background-color:#4e7a00;
    color: white;
    border-radius: 50px;
    padding: 5px 25px;
    margin-bottom: 20px;
    border: 0;
    /*border-bottom: 1px solid #222;*/
    box-shadow: 0 16px 4px -15px rgba(0, 0, 0, 1);
}

.bookDetailsDescriptionHead::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    height: 10px;
    width: 97%;
    border-radius: 50px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
}

.partnerSiteStyle {
    padding:10px;
}

.partnerSiteStyle img {
    background-color: #f8f8f8;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 1px 2px #aaa;
    cursor: pointer;
}

.partnerSiteStyle img:hover {
    background-color: #f2f2f2;
    border: 1px solid #ff1595;
    box-shadow: 0 0 0 #aaa;
}

.bookDetailsHelpHead {
    font-weight: bold;
    background-image: linear-gradient(to bottom right, #4e7a00, #73ac05);
    background-color: #4e7a00;
    color: white;
    padding: 3px 15px;
    border-radius: 50px;
    margin: 10px 0;
}

.bookDetailsHelpText {
    padding: 0 0;
}

.bookDetailsHelpTextLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.bookDetailsHelpTextLinks span {
    font-weight: bold;
    color: #59a6ca;
    padding-left: 10px;
    cursor: pointer;
}

.securePaymentText1 {
    font-size: 26px;
    color: #555;
    line-height: 20px;
}

.securePaymentText2 {
    font-size: 17px;
    font-weight: bold;
    color: #ff1595;
}

.securePaymentText3 {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    line-height: 10px;
}

.securePaymentCardStyle {
    margin-top: 10px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.securePaymentCardStyle div:first-child, .securePaymentCardStyle div:last-child {
    border-left: 1px solid #f2f2f2;
}

.bookDetailsDescriptionAbout, .bookDetailsDescriptionDetails {
    font-size: 20px;
    background-color: #efefef;
    padding: 5px 10px;
}

.bookDetailsDescriptionDetailsText {
    padding: 5px 20px;
}

.bookDetailsDescriptionDetailsText table tr {
    border-bottom: 1px dotted #eee;
}

.bookDetailsDescriptionDetailsText table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.bookDetailsDescriptionDetailsText table tr td {
    padding: 5px;
}

.similarBooksHover div {
    font-family: 'Hind Siliguri', sans-serif;
}

.similarBooksHover:hover div {
    background-image: linear-gradient(to bottom right, #96cf32, #cdf785);
    background-color:#4e7a00;
    color: #000;
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .6);
}

.similarBooksHover:hover img {
    border: 1px solid #fff;
}

.similarBooksHover .freedownload, .similarBooksHover .cartbuy {
    display: block;
    background-image: linear-gradient(to bottom right, #96cf32, #cdf785);
    background-color:#4e7a00;
    color: #000;
    margin-top:3px;
    padding: 5px 10px;
    border-radius: 4px;
}

.similarBooksHover:hover .freedownload, .similarBooksHover:hover .cartbuy {
    background: #222;
    color: #eee;
}

/*--------------------------------*/

.subCategoryText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    font-size: 20px;
    margin-top: 50px;
    line-height: 0;
    padding-left: 10px;
    border-bottom: 1px solid #f2f2f2;
}

/*-------------------------*/

/* Footer Styling */

.footerText {
    font-size: 16px;
    font-family: 'Hind Siliguri', sans-serif;
    text-shadow: 0 2px 2px #000;
}

.footerText h1 {
    font-family: 'Galada', cursive;
    text-shadow: 0 2px 2px #000;
}

.footerLinks a {
    color: white;
    text-shadow: 1px 0 2px #333;
}

.footerLinks a:hover {
    color: #333;
    text-decoration: none;
    text-shadow: 0 0 0 #333;
}

/*----------------------------*/

#homeWrapper, #homeFirstDiv, #homeSecondDiv {
    display: initial;
}

@media only screen and (max-width: 767px) {
#homeWrapper   { display: table; }
#homeFirstDiv  { display: table-footer-group; }
#homeSecondDiv { display: table-header-group; }
}


/* Order Page Design*/

.customerDetailsSegment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.topicHeader {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.orderSegmentCart, .orderSegmentBillAddress, .orderSegmentPayment {
    background: #eee;
    border-radius: 7px;
    padding:15px;
    margin-bottom: 20px;
}

.orderSegmentBillAddress, .orderSegmentPayment {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 992px) {
    .orderSegmentBillAddress {
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }
    
    .orderSegmentPayment {
        border-top-left-radius:0;
        border-bottom-left-radius:0;
    }
}

/*----------------------------*/


/* Admin Panel Styling */

.sidenav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #f1f1f1;
}

.sidenav li {
  position: relative;
  display: block;
  color: #f1f1f1;
  padding: 12px 20px;
  text-decoration: none;
  border-bottom: 1px solid #3f3f3f;
}

.sidenav li.activeTab:before{
    content: "";
    position: absolute;
    top: 0;
    right:-44px;
    z-index: 0;
    border: solid 22px #fff;
    border-left-color: #555;
}

/* Change the link color on hover */
.sidenav li:hover, .activeTab {
  background-color: #555;
  color: white;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

@media only screen and (max-width: 767px) {
    .activeTab:before{
        display: none;
    }
}

.orderTableDataStyling {
    width: 100%;
}

.orderTableDataStyling tr {
    height: 60px;
    border: 1px solid #ddd;
}

.orderTableDataStyling th {
    background: #ddd;
    color: #555;
}

.orderTableDataStyling td, .orderTableDataStyling th {
    padding: 0 10px;
}

.statusSuccess, .statusFailure, .statusRefunded, .newOrder, .underProcessing, .shipped, .delivered, .willNotDeliver, .returned, .notFinished {
    text-align: center;
    color: #333;
    border-radius: 5px;
    padding: 7px;
}

.statusSuccess {
    background: #7ec65d;
}

.statusFailure {
    background: #fc8c8c;
}

.statusRefunded {
    background: #000000;
    color: #ffffff;
}

.newOrder {
    background: #f7e336;
}

.underProcessing {
    background: #f79636;
}

.shipped {
    background: #7ec65d;
}

.delivered {
    background: #38970d;
}

.willNotDeliver {
    background: #fc8c8c;
}

.returned {
    background: #c30808;
}

.notFinished {
    background: #000000;
    color: #ffffff;
}


.orderDetailsSection span {
    color: #0f6bde;
    cursor: pointer;
}

.orderDetailsSection span:hover {
    text-decoration: underline;
}


/* ......Tougle Switch styling...... */

.switchOnOff {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 24px;
}

.switchOnOff input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderOnOff {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.sliderOnOff:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.switchOnOff input:checked + .sliderOnOff {
  background-color: #2196F3;
}

.switchOnOff input:checked + .sliderOnOff:before {
  -webkit-transform: translateX(31px);
  -moz-transform: translateX(31px);
  -ms-transform: translateX(31px);
  -o-transform: translateX(31px);
  transform: translateX(31px);
}

/* Rounded sliders */
.sliderOnOff.round {
  border-radius: 54px;
}

.sliderOnOff.round:before {
  border-radius: 50%;
}

#orderShippingMethod:hover {
    background: #a3cc6e;
    color: #3b5617 !important;
    cursor: pointer;
}

/* START loading code........................................................................................... */
.loading {
	border: 4px solid #cccccc;
	border-radius: 50%;
	border-top: 4px solid #4285f4;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display: none;
	margin-left: 0;
	vertical-align: middle;
}

            /* Safari */
@-webkit-keyframes spin {
	0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
	}
	100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
	}
	100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
	}
}


#printShipSlip, #printInvoice {
    background: #fff;
    padding: 5px 15px;
    border: 1px solid #999;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 5px;
}

#printShipSlip:hover, #printInvoice:hover {
    border: 1px solid #555;
    background: #efefef;
}


.footerbackground {
    background-image: linear-gradient(to top, #649309, #88b700);
    background-color: #4e7a00;
    border-top: 2px solid #3c5b06;
}

.orderPlaceButton {
    width:100%;
    background-image: linear-gradient(to bottom right, #4e7a00, #73ac05);
    background-color: #4e7a00;
    color:white;
}

#paymentClicked {
    width:100%;
    background-image: linear-gradient(to bottom right, #4e7a00, #73ac05);
    background-color: #4e7a00;
    color:white;
    font-size:16px;
}

.freeBookLink {
    color: #333;
}

.freeBookLink:hover {
    color: #333;
    text-decoration: none;
}

.downloadTableDesignTab {
    height: 50px;
    width: 50px;
    background: #96cf32;
    color: white;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    font-weight:bold;
    font-family: 'AdorshoLipi', sans-serif;
}

.downloadTableDesignTabHead {
    width: 100%;
    background: #ddd;
    color: #555;
    line-height: 30px;
    font-size: 16px;
    padding-left: 15px;
    font-family: 'AdorshoLipi', sans-serif;
    cursor: pointer;
    word-wrap: break-word;
    border-radius: 3px;
}

.downloadTableDesignTabExpand {
    position:relative;
    right:10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


.bookDetailsDescriptionHeadMagazineBlack, .bookDetailsDescriptionHeadMagazineWhite {
    font-family: 'AdorshoLipi', sans-serif;
    font-size: 16px;
    background-color:#4e7a00;
    border-radius: 50px;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222;
}

.bookDetailsDescriptionHeadMagazineBlack {
    background-image: linear-gradient(to bottom right, #111, #333);
    color: #fff;
}

.bookDetailsDescriptionHeadMagazineWhite {
    background-image: linear-gradient(to bottom right, #ddd, #fff);
    color: #000;
}


.priceTag {
	display: inline-block;
  
  width: auto;
	height: 38px;
	
	background-color: #eee;
	border-radius: 3px 4px 4px 3px;
	
	border-left: 1px dotted #979797;

	/* This makes room for the triangle */
	margin-left: 19px;
	
	position: relative;
	
	color: #333;
	font-family: 'AdorshoLipi', sans-serif;
	font-size: 18px;
	line-height: 38px;

	padding: 0 10px 0 10px;
}

/* Makes the triangle */
.priceTag:before {
	content: "";
	position: absolute;
	display: block;
	left: -19px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 19px solid #eee;
}

/* Makes the circle */
.priceTag:after {
	content: "";
	background-color: #666;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: -9px;
	top: 17px;
}


#scrollTop {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 5px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px 17px;
  margin: 0;
  border-radius: 50%;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

#scrollTop:hover {
  opacity: 1;
}

#scrollTop span {
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 6px;
  margin-top: 10px;

  
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*.dwnldbtn {
    font-family: 'AdorshoLipi', sans-serif;
    color: #fff;
    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%)
}

.dwnldbtn:hover {
    color: #fff;
    background-position: right center;
}*/

.dwnldbtn {
    margin: 20px 10px;
    font-size: 16px;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #FFF;
    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
    box-shadow: 0 0 20px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    border-radius: 5px;
}
.dwnldbtn:hover{
    color: #FFF;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    margin: 18px 10px 22px;
    background-position: right center;
}

.modalBox {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 200; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modalBoxContent {
    font-family: 'AdorshoLipi', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #4e7a00;
    background: linear-gradient(to right, #88b700, #4e7a00);
    color: #fff;
    margin: auto;
    padding: 30px 0;
    border-radius: 5px;
}

/* The Close Button */
.closeModalBox {
    position: absolute;
    top: 0;
    right: 20px;
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
}

.closeModalBox:hover,
.closeModalBox:focus {
    color: #f7b03e;
    text-decoration: none;
    cursor: pointer;
}

.formcontent {
    font-family: sans-serif;
    background: white;
    color: #222;
    margin: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 30px;
}

.sendRequestSubscriptionBtn {
    color: #555;
    margin-top: 20px;
}

.sendRequestSubscriptionBtn:hover {
    background: #f7b03e;
    color: #222;
}


.addressesStyle {
    background-color: #f7f7f7;
    border-width: 1px 1px 0 1px;
    border-color: #e7e7e7;
    border-style: solid;
    border-radius: 8px;
    padding: 10px 15px 35px 15px;
    box-shadow: 0 15px 7px -12px rgba(0,0,0,.8);
    word-break: break-all;
}
.addressesStyle:hover {
    border-color: #a7a7a7;
    cursor: pointer;
}

.defaultAddress {
    background-color: #eeeeee;
    border-width: 1px 1px 0 1px;
    border-color: #e7e7e7;
    border-style: solid;
    border-radius: 8px;
    padding: 10px 15px 35px 15px;
    box-shadow: 0 15px 7px -12px rgba(0,0,0,.8);
    word-break: break-all;
}

.defaultAddress::before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    right: 10px;
    top: 10px;
    background-color: green;
    border-radius: 50%;
}

.deleteAddressButton {
    background-color: green;
    color: white;
    text-align: center;
    padding-top: 5px;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}

.deleteAddressButton:hover {
    background-color: darkgreen;
}

.addressToggleArrow {
    float: right;
    color: #222;
}

.copyemail {
    display: inline-block;
    background: #cdf0b8;
    color: #555;
    padding: 2px 10px;
    margin: 5px;
    border-radius: 3px;
    cursor: pointer;
}

.copyemail:hover {
    background: #8dc26d;
    color: #222;
}

.stockTable {
    width: 100%;
    margin: 20px;
    border-collapse: separate;
    border-spacing: 0 1em;
}

.stockTable tr:nth-child(odd) {
    background: #ddd;
}

.stockTable tr:nth-child(even) {
    background: #ccc;
}

.stockTable tr td {
    padding: 5px 15px;
}

#forgotpass {
    color: #555;
    font-size: 90%;
    margin-bottom: 10px;
    cursor: pointer;
}
#forgotpass:hover {
    color: #000;
}

.glyphicon-edit {
    color: #777;
    cursor: pointer;
    transition: color .3s ease;
}

.glyphicon-edit:hover {
    color: #222;
}

.stockistname {
    display: inline-block;
    background: #4a8a2e;
    color: white;
    padding: 5px 15px 5px 30px;
    border-top-right-radius: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 50px;
}

.prntstkstinv {
    display: inline-block;
    background: gold;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
}
.prntstkstinv:hover {
    background: Orange;
}



.stockistTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1em;
}
.stockistTable tr td {
    background: #eeeeee;
}
.stockistTable tr td:first-child {
    border-top-left-radius: 12px;
}
.stockistTable tr td:last-child {
    border-top-right-radius: 12px;
}
.stockistTable tr td:first-child {
    border-bottom-left-radius: 12px;
}
.stockistTable tr td:last-child {
    border-bottom-right-radius: 12px;
}





.headerNewRow {
    display: flex;
    justify-content: flex-between;
    align-items: flex-center;
    flex-direction: row;
    font-family: 'Outfit', sans-serif;
    background: #fff;
}
.headerNewLogoText {
    display: flex;
    justify-content: flex-start;
    align-items: flex-center;
    flex-direction: row;
    padding: 30px;
}
@media (max-width: 767px) {
    .headerNewRow {
        flex-direction: column;
    }
    .headerNewLogoText {
        flex-direction: column;
        padding: 10px;
    }
}

#myNav .rowAlign {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
@media (max-width: 767px) {
    #myNav .rowAlign {
        flex-direction: column;
    }
}


.book-3d {
  --book-thickness: 10px;
  --cover-color: #ccc;

	perspective: 1000px;
  max-width: 100%;
  margin: 20px auto;

}

.book-3d__inner {
	position: relative;
	transform-style: preserve-3d;
    transform: rotateY(-25deg);
    transition: transform .2s ease-out;
}
.book-3d__inner:hover {
    transform: rotateY(0deg)
}

/* Book Pages */
.book-3d__inner::before {
  position: absolute;
  content: ' ';
  left: 100%;
  top: 1.5%;
  width: calc( var(--book-thickness) * 2 );
  height: 97%;
  transform: translate(-55%,0) rotateY( 90deg );
  background: linear-gradient( 90deg , #fff 0%, hsl(0, 0%, 94%) 5%, #fff 10%, hsl(0, 0%, 94%) 15%, #fff 20%, hsl(0, 0%, 94%) 25%, #fff 30%, hsl(0, 0%, 94%) 35%, #fff 40%, hsl(0, 0%, 94%) 45%, #fff 50%, hsl(0, 0%, 94%) 55%, #fff 60%, hsl(0, 0%, 94%) 65%, #fff 70%, hsl(0, 0%, 94%) 75%, #fff 80%, hsl(0, 0%, 94%) 85%, #fff 90%, hsl(0, 0%, 94%) 95%, #fff 100% );
}

/* Rear Cover */
.book-3d__inner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 1%;
  width: 100%;
  height: 100%;
  transform: translateZ( calc( var(--book-thickness) * -1 ) );
  background-color: var(--cover-color);
  border-radius: 0 4px 4px 0;
  box-shadow: 30px 10px 20px 0px rgba(0,0,0, 0.2);
  transition: box-shadow .2s ease-out;
}
.book-3d__inner:hover::after {
  content: '';
  box-shadow: 10px 4px 15px 0px rgba(0,0,0, 0.4);
}

.book-3d__cover {
  display:block;
  width:100%;
  min-height: 220px;
  /*height:100%;*/
  object-fit:cover;
  border-radius: 4px;
  transform: translateZ( var(--book-thickness) );
  box-shadow: 5px 5px 20px rgba(0,0,0, 0.1);
}
@media (max-width: 767px) {
    .book-3d__cover {
        min-height: 130px;
    }
}

.recentallotherbooks {
    padding: 40px;
}
.mobilehide {
    display: block;
}
@media (max-width: 767px) {
    .recentallotherbooks {
        padding: 10px 40px;
    }
    .mobilehide {
        display: none;
    }
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}



    .book-row {
      background: #eeeeee;
      padding: 0 30px 0 30px;
      margin: 20px 30px 70px 30px;
      border-radius: 20px;
      box-shadow: 0 14px 15px rgba(0,0,0,0.1);
      overflow: visible;
      text-align: center;
      display: flex;
      flex-direction: row;
    }
    .profile-img-wrapper {
      text-align: center;
      padding-top: 50px;
      padding-right: 20px;
      border-right: 1px dashed #bbb;
      z-index: 10;
    }
    .profile-img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 5px solid #ddd;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
      background: #fff;
    }
    .profile-name {
      margin-top: 10px;
      font-size: 16px;
      font-weight: bold;
      color: #333;
    }
    .books-section {
      /*margin-left: 250px;*/
      padding: 0 0 0 40px;
    }
    .book-img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      transition: transform 0.3s, box-shadow 0.3s;
    }
    .book-img:hover {
      transform: scale(1.05);
      box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    }
    .book-item {
      margin-bottom: 20px;
    }

    @media (max-width: 767px) {
      .book-row {
        padding: 50px 25px 25px 25px;
        margin: 10px 10px 50px 10px;
        flex-direction: column;
      }
      .profile-img-wrapper {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        text-align: center;
        width: 100%;
        border-bottom: 1px dashed #bbb;
      }
      .books-section {
        padding: 0;
      }
    }
    

.headingTextNew {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 100;
    padding: 40px 30px 20px 30px;
    width: 100%;
    border-bottom: 1px dashed #555;
}
.headingTextNew .title {
    font-weight: 100;
    font-size: 64px;
    line-height: 58px;
}
.headingTextNew .title div {
    font-weight: 700;
}
.viewmoreDesktop a, .viewmoreMobile a {
    text-decoration: none;
    color: #555;
    font-weight: bold;
}
.viewmoreDesktop a:hover, .viewmoreMobile a:hover {
    color: #000;
}
.viewmoreDesktop {
    display: block;
}
.viewmoreMobile {
    display: none;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}
.viewmoreMobile a {
    border: 1px solid #888;
    border-radius: 6px;
    padding: 8px 18px;
}
@media only screen and (max-width: 767px) {
    .headingTextNew .title {
        font-size: 44px;
        line-height: 40px;
    }
    .viewmoreDesktop {
        display: none;
    }
    .viewmoreMobile {
        display: block;
    }
}
@media only screen and (max-width: 450px) {
    .headingTextNew .title {
        font-size: 34px;
        line-height: 32px;
    }
}




.circle-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #888;
  background-color: rgba(0,0,0,.2);
  border: none;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
}

.circle-button:hover {
  background-color: #666;
  background-color: rgba(0,0,0,.5);
}

.circle-button span {
  position: absolute;
  background-color: white;
  transition: transform 0.3s;
}

.horizontal {
  width: 60%;
  height: 4px;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
}

.vertical {
  width: 4px;
  height: 60%;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}

.circle-button.active .vertical {
  transform: translateX(-50%) scaleY(0);
}

.hidden-content {
  display: block;
  padding: 20px;
  padding-bottom: 60px;
  animation: fadeIn 0.4s ease-in-out;
}

@media (min-width: 768px) {
  #toggleContentBengali, #toggleContentEnglish {
    display: block !important; /* Force visible on large screens */
  }

  .circle-button.active .vertical {
    transform: translateX(-50%) scaleY(1); /* Keep as plus on large screen */
  }
}


@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}


.searchli {
    display:flex !important;
    justify-content:center;
    align-items:center;
    height:100%;
    padding:0 10px 0 10px;
}
@media only screen and (max-width: 767px) {
    .searchli {
        display:block!important;
    }
}

#search, #searchBox {
    border-radius: 60px;
    border: none;
    padding: 6px 14px;
    background: #ddd;
    transition: background .2s ease;
}
#search:hover, #searchBox:hover {
    background: #eee;
}
#search:focus, #searchBox:focus {
    background: #fff;
}

#results {
    max-width: 100%;         /* Prevent the <ul> from exceeding screen width */
    width: 100%;             /* Optional: make it expand full container width */
    overflow-wrap: break-word;  /* Allow breaking words to wrap */
    word-wrap: break-word;      /* Older browsers */
    white-space: normal;        /* Ensure text wraps */
    list-style: none;           /* Optional: Remove default bullets */
    padding: 0;                 /* Optional: Remove default padding */
    margin: 0;                  /* Optional: Remove default margin */
}

#results li {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    white-space: normal;          /* Wrap long lines */
    word-wrap: break-word;        /* Break long words */
    overflow-wrap: break-word;    /* Modern support */
    /*font-family: 'Hind Siliguri', sans-serif;
    font-family: 'Outfit', sans-serif;*/
    font-family: 'AdorshoLipi', sans-serif;
}

.hidden {
    display: none;
}