﻿@charset "utf-8";
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Hind+Vadodara:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');
@font-face {
    font-family: shruti;
    src: url('../fonts/shruti.ttf') format('truetype');
}
@font-face {
    font-family: shruti;
    src: url('../fonts/shrutib.ttf') format('truetype');
}

/* CSS Document */

/*Common CSS*/
body {font-family: 'PT Sans', sans-serif; overflow-x: hidden; background-color: #f6f4ee;}
h1, h2, h3, h4, h5, h6, p{margin: 0; padding: 0;}
ul, li {list-style: none; padding: 0; margin: 0;}
a {text-decoration: none !important;}
.padding_0 {padding: 0;}
section {padding: 60px 0;}
.btn-primary{background-color:#0d3b79;padding:6px 30px;color:#fff;border-radius:0;transition:0.3s;font-size: 16px;font-weight: 600;text-transform: capitalize;}
.btn-primary:hover{background-color:#fff;color:#0d3b79;transition:0.3s;}
.orange-clr{color: #e77817;}
.color-blue{color:#3399ff;}
.color-dark-blue{color:#3b5998;}
.color-red{color: #990000;}
.color-green{color: #009900;}
.white-box{background-color: #fff;padding: 30px;}

.abtdetail p {
    margin-bottom: 15px;
    font-size: 15px;
    text-align: justify;
    line-height: 30px;
    font-weight: 600;

}
.about-divider {
    border-left: 1px solid #ddd;
}

@media (max-width:991px) {
    .about-divider {
        border-left: none;
        margin-bottom: 25px;
        border-top: 1px solid #ddd;
        padding-top: 24px;
    }
}
.abtdetail p strong{font-size:17px;}
.abtdetail li:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 10px;}
.abtdetail li { font-size: 15px; font-weight: 400; color: #333; display: flex;margin-bottom:15px;}
.captcha-padding p strong{font-size:16px;}
.captcha-padding p{margin-bottom:20px;}
.abtdetail-eng p{font-size:17px;}

/*Home Banner*/
#banner .item,#banner .item h4{text-align:center}
#banner{margin:20px 0}
#banner .item{padding:0 0 20px}
#banner .item a{display:block}
#banner .item .img-responsive,#banner .list-group-horizontal a{display:inline-block}
#banner .item h4{font-size:24px;font-weight:700;margin:0;padding:20px 0 10px}
#banner .item .container-fluid {padding-top: 25px;padding-bottom: 30px;}

/*Category Listing*/
.first-listing{margin-bottom: 20px;}
.first-listing ul{padding-left:20px;}
.second-listing ul{padding-left:50px;}
.first-listing h3{margin:8px 0;}
.first-listing h3::before{content: "\f111"; font-family: FontAwesome; display: inline-block; margin-right: 8px;font-size:8px;}
.first-listing h3 a{font-size: 16px; font-weight: 400;  margin: 0; line-height: 30px;color:#0d3b79;transition:0.3s;}
.first-listing h3 a:hover{color: #ffde00;transition:0.3s;}
.second-listing ul li::before{ content: "\f111"; font-family: FontAwesome; display: inline-block; margin-right: 8px;font-size: 7px;margin-top: 6px;}
.second-listing ul li a{font-weight: 400; border: none; list-style: disc; padding: 0;font-size:16px;color:#0d3b79;transition:0.3s;}
.second-listing ul li a:hover{color:#ffde00;transition:0.3s;}
.second-listing ul li{margin-top:12px;display: flex;}

/*Sort*/
.inner-title .sort-css p{border: 1px solid #0d3b79;padding: 8px;}

/*Search*/
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{font-size:13px;max-height:300px;max-width:350px;overflow-x:hidden;overflow-y:auto;padding-right:10px}
.autocomplete-loading{background:url(../../images/loading.gif) right center no-repeat #fff;}

/*Out of Stock*/
.out-stock h4{font-size: 24px; color: #f18a25; font-weight: 500; margin-bottom: 8px;}
.out-stock span{font-size: 16px; color: #666;}
.out-stock p{font-size: 16px; color: #666;margin-bottom:15px;}
.out-stock .form-control{border-radius: 0; margin-top: 5px;}

/*Top*/
.top{padding: 8px 0; background-color: #fff;}
.top p{font-family: 'Hind Vadodara', sans-serif; font-size: 14px; color: #000;}
.top-nav ul li{display: inline-block; font-size: 14px; color: #000; padding: 0 15px;}
.top-nav ul li.lastchild{padding-right:0;}
.top-nav{float: right;}
.top-nav .pipe::after {content: ""; display: block; border-right: 1px solid #000; text-align: center; height: 14px; margin-top: -16px; margin-right: -20px;}
.top-nav .btn{border: none; padding: 0;}
.top-nav .btn-default:hover, .top-nav .dropdown-toggle.btn-default:focus, .top-nav .dropdown-menu > li > a:focus, .top-nav .dropdown-menu > li > a:hover {background-color: transparent; color: #333;}
.top-nav .dropdown-menu{text-align: center; left: -24px; min-width: 115px;}
.top a{color: #000;}
.top a:hover,.top .btn-default:hover,.top .dropdown-menu li a:hover{color:#ff8003;}
.top-nav .navbar-collapse{padding-right: 0px;}

/*Top2*/
.top2{background-color: #0d3b79; padding: 16px 0;}
.top2 .input-group{padding-top: 15px;}
.top2 .form-control{height: 42px; border-radius: 0; border: none; box-shadow: none;}
.input-group-addon{background-color: #fff; border: none; border-radius: 0;}
.google-play{float: right; padding-top: 15px;}

/*Translators*/
.label-bg{padding: 5px 10px;margin:20px 0;border-bottom:2px solid #0d3b79;}
.label-bg label{color:#000;font-size:20px;font-weight:700;}
.translator-css p span{color:#f18a25;font-weight:700;}
.translator-css p a:hover{color:#000;font-weight:700;}
/*.translator-css ul li{list-style-type:decimal !important;}*/
/*.text-bg{background-color:#0d3b79;color:#fff;margin:20px 0;transition:0.3s;}*/
.text-bg p{color:#f18a25 !important;font-size:18px !important;font-weight:600 !important;padding: 5px 10px;transition:0.3s;}
.text-bg:hover p{color:#0d3b79 !important;transition:0.3s;}

/*Strip Home*/
.top-strip{background-color: #fff;}
.safe{display: inline-flex; padding: 18px 0;}
.safe h4{color: #504f4f; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;}
.safe p{font-size: 14px; color: #666;}
.top-icon{padding-right: 16px;}

/*Cart*/
.cart{float: right; font-size: 14px; color: #505050; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-top: 22px;}
.cart a{color: #000;}
.cart i{font-size: 32px;}
.cart .badge{padding: 4px 6px;background-color: #e4e4e4;margin-top: -24px; margin-left: -10px; color:#000;}

/*Modal*/
.modal-header {border-bottom: none;}
.modal-footer {text-align: center; border-top: none;}
.modal-footer .btn-primary{background-color:#f18a25;border-color:transparent;}
.modal {top: 30%;}
button.close {-webkit-appearance: none; cursor: pointer; border: 2px solid #fff; background-color: #000; border-radius: 50%; padding: 0px 7px 2px 7px; box-shadow: -1px 2px 5px 0px rgba(102,102,102,1);}
.modal-header .close {margin-top: 0;}
.close {float: right; font-size: 26px; font-weight: 600; line-height: 1; color: #fff; text-shadow: none; opacity: 1; position: absolute; top: -12px; right: -11px;}
.close:focus, .close:hover {color: #fff; opacity: 1;}
.modal-body p{font-size: 16px;}
.modal-dialog {width: 500px;}
#myModal .btn-primary{text-transform:capitalize;}

/*Footer*/
.footer{background-color: #0d3b79; padding: 50px 0;}
.footer p{color: #fff; font-size: 14px; padding: 20px 0;}
.social a{display: inline-block; font-size: 23px; color: #fff; padding-right: 15px; transition: 0.2s;}
.social a:hover{color: #ffde00; transition: 0.2s;}
.social{position: relative;}
.absol{position: absolute; top: 6px; left: 40%;}
.footer h4, .footer .h4{
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 22px;
}
.footer ul li{transition: 0.2s;}
.footer a{color: #fff; transition: 0.3s;}
.footer ul li:hover a{color: #ffde00; transition: 0.2s; display: block;}
.footer ul li{line-height: 28px; font-size: 14px;}
.footer ul {margin-bottom: 10px;}

/*Sidenav*/
.bg-blue{ border-bottom: 0;}
.sidenav{margin-top: -68px; background-color: #fff; box-shadow: 2px 4px 10px 0px rgb(234, 234, 234);border:1px solid #0d3b79;}
.sidenav h4{font-size: 16px; color: #000; padding-bottom: 10px; font-weight: 600;}
.sidenav ul li{padding: 10px 10px 0px 15px;}
.sidenav hr {margin-top: 10px; margin-bottom: 0; border-top: 1px solid #e1e1e1;}

/*Right Dropdown*/
.sidenav p{font-size: 14px; margin-bottom: 2px; color: #000;}
.sidenav span{font-family: 'Hind Vadodara', sans-serif;font-size: 12px;}
.sidenav .navbar-nav > li, .sidenav .navbar-nav {float: none; text-align: left;}
.sidenav .nav > li > a:focus, .sidenav .nav > li > a:hover {background-color: transparent;}
.sidenav .navbar-nav > li > a {padding: 0; color: #000;}
.sidenav .navbar-nav > li > a span i{float:right;margin-right:5px;color:#0d3b79;}
.sidenav .navbar-nav > li > a:hover  , .sidenav p:hover{color:#ff8003;}
/*.sidenav .dropdown-menu li{padding: 5px;}*/
.sidenav .navbar-nav > li > .dropdown-menu{border-radius: 0;}
.sidenav .dropdown-submenu {position:relative;}
.sidenav .dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:0;margin-left:-1px; -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; }
/*.sidenav .dropdown-submenu > a:after {content: "\f105";font-family: FontAwesome;display: block;position: absolute;right: 2px;top: 10px;}*/
.sidenav .dropdown-submenu:hover>a:after {border-left-color:#555;}
.sidenav .dropdown-menu > li > a:hover, .sidenav .dropdown-menu > .active > a:hover {text-decoration: none;}  
.sidenav .dropdown-menu.padding-no li {padding: 2px 0;}
@media (max-width: 767px) {
  .sidenav .navbar-nav  {display: inline;}
  .sidenav .navbar-default .navbar-brand {display: inline;}
  .sidenav .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
  .sidenav .navbar-default .navbar-nav .dropdown-menu > li > a {color: red; background-color: #ccc; border-radius: 4px; margin-top: 2px;}
  .sidenav .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000;}
  .sidenav .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .sidenav .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {background-color: #ccc;}
  .sidenav .navbar-nav .open .dropdown-menu {border-bottom: 1px solid white; border-radius: 0;}
  .sidenav .dropdown-menu {padding-left: 10px;}
  .sidenav .dropdown-menu .dropdown-menu {padding-left: 20px;}
  .sidenav .dropdown-menu .dropdown-menu .dropdown-menu {padding-left: 30px;}
  .sidenav li.dropdown.open {border: 0px solid red;}
  .sidenav .dropdown-submenu > a:after {content: "\f107";font-family: FontAwesome;display: block;position: absolute;right: 2px;top: 10px;}
  .sidenav .navbar-nav .open .dropdown-menu > li > a {line-height: 14px;}
  .sidenav .navbar-nav {margin: 0;}
  .logo{margin-left:0px;}
}
@media (min-width: 768px) {
  .sidenav ul.nav li:hover > ul.dropdown-menu {display: block;}
  .sidenav #navbar {text-align: center;}
}

/*Mega Menu*/
.sidenav .overlay {height: auto; position: absolute; z-index: 1; top: -1090%; left: 100.5%; background-color: #fff; overflow-x: hidden; box-shadow: 2px 4px 10px 0px rgb(234, 234, 234); transition: 0.5s;}
.sidenav .overlay-content {position: relative; width: 100%; padding: 15px; margin-top: 32px;}
.sidenav .overlay a {font-size: 14px; color: #000; display: block; transition: 0.3s;}
.sidenav .overlay a:hover{color:#f18a25;}
.sidenav .overlay .closebtn {font-size: 30px;  top: 0;  right: 10px;  position: absolute; padding: 0;}
@media screen and (max-height: 450px) {
  .sidenav .overlay a {font-size: 20px}
  .sidenav .overlay .closebtn {font-size: 40px; top: 15px; right: 35px;}
}

/*Moving Arrow*/
.vert-move{height: 14px; margin-left: 55px;}
img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    width: 10px;
}
img.vert-move {-webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-30px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-30px); }
}


/*Home*/
.home{margin-bottom: 30px;}
/*Counts*/
.counts{margin-top:80px;}
.count-box {background-color: #fff; text-align: center; padding: 25px; margin-bottom: 20px; box-shadow: 2px 4px 10px 0px rgb(234, 234, 234); margin-bottom: 70px; transition: 0.3s;border:1px solid #ddd;}
.count-box:hover {box-shadow: none; transition: 0.3s;}
.count-box:hover .count-img img{transform: rotate(-20deg); transition: 0.3s;}
.count-box h3{font-weight: 700; font-size: 34px; color: #398789; margin-bottom: 10px;}
.count-box p{font-size: 18px; color: #398789; text-transform: uppercase;font-weight:600;}
.count-box .count-img{height: 100px; width: 100px; margin: 0 auto; background-color: #398789; border-radius: 50%; margin-top: -78px; margin-bottom: 25px;}
.count-box .count-img img{padding-top: 15px; transition: 0.3s;}
.count-img1 .count-img{background-color: #e98e33;}
.count-img1 h3, .count-img1 p{color: #e98e33;}
.count-img2 .count-img{background-color: #398950;}
.count-img2 h3, .count-img2 p{color: #398950;}
.count-img3 .count-img{background-color: #ad5151;}
.count-img3 h3, .count-img3 p{color: #ad5151;}
/*.count-box::after{border-right:1px solid #ddd;content:"";position:absolute;height:67%;top:0;right:0;}*/
.count-box1::after{display:none;}

/*Hover Effect*/
.hovereffect {width: 100%; height: 100%; overflow: hidden; position: relative; cursor: default; border: 2px solid #fff; margin: 0 auto; padding-left: 4px; border-right: 1px solid #ccc; transition: 0.3s;padding-right:4px;}
.hovereffect .overlay {width: 100%;  position: absolute; overflow: hidden;  left: 0;top: auto;bottom: 0;height: 12em;background: #fff;color: #3c4a50;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); padding: 35px 28px 20px 28px;}
.hovereffect img {display: block; position: relative; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}
/*.hovereffect:hover img {transform: scale(1.4); transition: 0.8s;}*/
.hovereffect:hover .overlay, .hovereffect:hover h2, .hovereffect:hover p.icon-links a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.hovereffect.lastchild{border-right: 1px solid #fff;}
.hovereffect:hover { border: 2px solid #0d3b79; /*padding-left: 21px;*/ transition: 0.3s; }
.hovereffect:hover .owl-item::after{border-right: 1px solid #fff;}
.product{margin-bottom: 60px;}
.product-main{padding: 35px; background-color: #fff; box-shadow: 2px 4px 10px 0px rgb(234, 234, 234);}
/*.book-text {
    width: 90.5%;
}*/
.book-text p{font-size: 15px; color: #000; padding: 15px 0 12px 0;}
.book-text span{ font-size: 14px; color: #666; display: block; /*height: 40px;*/}
.book-text label{font-weight: 300; font-size: 15px; color: #666; padding-top: 5px;}
.book-text del{color: #d40202; font-size: 13px; font-style: italic;}
.product .overlay a{color: #fff; background-color: #f18a25; padding: 5px 22px; text-align: center; border: 1px solid #f18a25;cursor: pointer;}
.product .overlay a.btn1{background-color: #fff; color: #000; border: 1px solid #000; padding: 5px 18px;}
.product .overlay p{font-size: 13px; color: #000; padding: 10px 0 10px 0;}
.product .overlay span{font-size: 15px; color: #666;}
.product .overlay input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
.product .overlay input[type=checkbox].css-checkbox + label.css-label {padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; vertical-align: middle; cursor: pointer; float: right; margin-top: 4px;}
.product .overlay input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
.product .overlay label.css-label {background-image: url('../../images/heart.png'); background-size: 15px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.product h1{font-size: 32px; color: #000; margin-bottom: 30px;}
.product h1::after {content: "";display: block; border-bottom: 1px solid #999;text-align: center; width: 57%; position: absolute; top: 22px; right: -40px;}
.product .line::after {content: ""; display: block; border-bottom: 1px solid #999; text-align: center; width: 55%; position: absolute; top: 22px; right: -40px;}
.product .home-view{background-color:#f18a25;border-color:#f18a25;text-transform:capitalize;}
.product .home-view:hover{border-color:#f18a25;color:#f18a25;background-color:#fff;}
.title-home .btn-primary{margin-top: 5px;}
.pagination > li > a{border: 1px solid #0d3b79;}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover{border-color: #0d3b79;}

/*Login & Register*/
.top-strip p a, .top-strip label a{font-family: 'PT Sans', sans-serif;color:#000;font-size:14px;}
.top-strip label a.normal-css{font-weight:700;}
.top-strip label a{font-weight:400;}
.top-strip p a:hover, .top-strip label a:hover{color:#f18a25;}
.top-strip label{font-weight: 300;font-size: 15px;margin: 20px 0;}
.top-strip label strong{color:#0d3b79;}
.login{margin-top:50px;}
.login h1{padding-bottom:20px;}
.login p{color:#666;font-size:16px;font-weight:400;padding-bottom:8px;}
.login .form-control{background-color:transparent; border-radius:unset; box-shadow:none; height:35px;padding:8px;}
.login .form-group{font-size:16px; font-weight:400;margin-bottom:22px;}
.login .form-control:placeholder{color:#999;}
.login .btn-default{padding:6px 30px;color:#000;border-radius:unset;margin-top:10px;transition:0.3s;border:2px solid #0d3b79;background-color:transparent;font-size:16px;font-weight:400;width:100%;}
.btn-default:hover{background-color:#0d3b79;color:#fff;transition:0.3s;}
.login label {color:#666;font-size:16px;font-weight:400;padding-bottom:8px;}
.login h1, .login img{display:inline-block;}
.login img{margin-bottom:17px;padding-right: 10px;}
.login .forgot a{color:#666;font-size:16px;font-weight:400;}
.login .forgot a{margin-top:15px;float:right;}
.login .register{text-align:center;padding-bottom:50px;}
.login .login-block{border-right:1px solid #ccc;padding-right:60px;margin-bottom:90px;}
.login .btn-primary{padding:6px 30px;color:#000;border-radius:unset;margin-top:10px;transition:0.3s;border:2px solid #0d3b79;background-color:transparent;font-size:16px;font-weight:400;}
/*.btn-primary:hover{background-color:#0d3b79;color:#fff;transition:0.3s;}*/
.container1 {display: block; position: relative; padding-left: 30px; margin-top: 16px; cursor: pointer; font-weight: 300; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/*hide the browser's default checkbox*/ 
.container1  input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute; top: 2px; left: 0; height: 22px; width: 22px; background-color: #fff; border: 1px solid #666;z-index: 99;}
/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {background-color: #f1923c;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.container1 .checkmark:after {left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.container1 span{font-size: 13px;}
/*Accordian*/
.product-list{margin-top: 20px;}
.product-list hr{border-top:1px solid #e1e1e1;/*margin-bottom:0;*/margin-top: 0;margin-bottom: 35px;}
.accordion_toggle, .accordion_toggle1, .accordion_toggle2 {background: #fff; /*border-bottom: 1px solid #cccccc;*/border-top: 1px solid #cccccc; cursor: pointer; padding: 15px; vertical-align: middle; font-weight:400; font-size:16px; color:#000333; }
.accordion_toggle label, .accordion_toggle1 label, .accordion_toggle2 label{font-weight: 400; cursor: pointer; margin: 0; padding: 0;}
.accordion_toggle.accordion_toggle_active, .accordion_toggle1.accordion_toggle_active1, .accordion_toggle2.accordion_toggle_active2 {position: relative;width: 100%;border-bottom: 1px solid #cccccc;}
.accordion_toggle  i, .accordion_toggle1  i, .accordion_toggle2  i{font-size:16px; color:#666}
.accordion_toggle .fa-angle-up{display:none;}
.accordion_toggle_active .fa-angle-down{display:none;}
.accordion_toggle_active .fa-angle-up{display:inline-block; color: #e77817; font-weight: 600;}
.accordion_content, .accordion_content1, .accordion_content2 {padding:15px;background-color: #fff;}
.accordion_content li, .accordion_content1 li, .accordion_content2 li{line-height: 24px; padding: 6px 0;border-bottom:1px solid #e1e1e1;}
.accordion_content li p, .accordion_content1 li p, .accordion_content2 li p{display: flex;}
.accordion_content li span, .accordion_content1 li span, .accordion_content2 li span{font-size: 13px;display: flex;}
/*.accordion_content li p::before, .accordion_content1 li p::before, .accordion_content2 li p::before{content: "\f105";font-family: FontAwesome;display: block;margin-right: 8px;}*/
.accordion_content li a, .accordion_content1 li a, .accordion_content2 li a{color: #000; transition: 0.2s;}
.accordion_content li a:hover, .accordion_content1 li a:hover, .accordion_content2 li a:hover{color: #ff8003; transition: 0.2s;}
.accordion_toggle1 .fa-angle-down, .accordion_toggle2 .fa-angle-down{display:none;}
.accordion_toggle_active1 .fa-angle-up, .accordion_toggle_active2 .fa-angle-up{display:none;}
.accordion_toggle_active1 .fa-angle-down, .accordion_toggle_active2 .fa-angle-down{display:inline-block; color: #e77817; font-weight: 600;}
.accordion_content li.first-level-css{font-weight:600;border-bottom:none;margin:0 10px;padding-bottom: 0;}
.accordion_content li.firstchild p{font-weight:400;color:#000;}
.accordion_content li.firstchild p:hover{color: #ff8003; transition: 0.2s;}
.accordion_content li p.color-css{font-weight:600;color:#f18a25;}
.accordion_content li.second-level-css{margin:0 15px;margin-right:0;}
.accordion_content li.no-before{padding-left: 15px;}
.accordion_content li.firstchild,.accordion_content1 li.firstchild{border-bottom: none;}

/*Sidebar*/
.sidebar h3{font-size: 16px; color: #000; text-transform: uppercase; padding: 10px;border-bottom: none; font-weight: 600;}
.sidebar .container1{margin-top: 8px; padding-bottom: 0;}
.sidebar {margin-top: -39px; box-shadow: 2px 4px 10px 0px rgb(234, 234, 234); margin-bottom: 90px;border: 1px solid #ccc;}

.slider-labels {margin-top: 10px;}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,.noUi-target * {-webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;}
.noUi-target {position: relative; direction: ltr;}
.noUi-base {width: 100%; height: 100%; position: relative; z-index: 1;/* Fix 401 */}
.noUi-origin {position: absolute; right: 0; top: 0; left: 0; bottom: 0;}
.noUi-handle {position: relative; z-index: 1;}
.noUi-stacking .noUi-handle {/* This class is applied to the lower origin when its values is > 50%. */ z-index: 10;}
.noUi-state-tap .noUi-origin {-webkit-transition: left 0.3s,top .3s; transition: left 0.3s,top .3s;}
.noUi-state-drag * {cursor: inherit !important;}
/* Painting and performance; * Browsers can paint handles in their own layer. */
.noUi-base,.noUi-handle {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
/* Slider size and handle placement; */
.noUi-horizontal {height: 4px;}
.noUi-horizontal .noUi-handle {width: 10px !important; height: 10px; border-radius: 50%; left: -7px; top: -7px; background-color: #fff; border: 5px solid #09c; cursor: pointer;}
/* Styling; */
.noUi-background {background: #09C;}
.noUi-connect {background: #d6d7d9; -webkit-transition: background 450ms; transition: background 450ms;}
.noUi-origin {border-radius: 2px;}
.noUi-target {border-radius: 2px;}
.noUi-target.noUi-connect {}
/* Handles and cursors; */
.noUi-draggable {cursor: w-resize;}
.noUi-vertical .noUi-draggable {cursor: n-resize;}
.noUi-handle {cursor: default; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}
.noUi-handle:active {border: 8px solid #345DBB; border: 8px solid rgba(53,93,187,0.38); -webkit-background-clip: padding-box; background-clip: padding-box; left: -14px; top: -14px;}
/* Disabled state; */
[disabled].noUi-connect,[disabled] .noUi-connect {background: #B8B8B8;}
[disabled].noUi-origin,[disabled] .noUi-handle {cursor: not-allowed;}
.range-slider{padding: 20px 25px;}
.pagination > li { display: inherit !important; }

/*About Us*/
.about h1{font-size:28px;font-weight:700;color:#0d3b79;margin-bottom:15px;}
.about-text{background-color:#fff;padding:30px;}
.about-text p , .about-text li{font-family: 'Hind Vadodara', sans-serif;font-size:16px;font-weight:400;color:#333;line-height:30px;}
.about-text li{margin-bottom:8px;display:flex;}
.about-text li:before{content:"\f105";font-family:FontAwesome;display:inline-block;margin-right:10px;}
.about-text hr{border-top: 2px solid #ccc;}

/*Title*/
.title h1{font-size:28px;font-weight:700;color:#0d3b79;margin-bottom:15px;}

/*CONTACT-US*/
.contact h1{font-size:20px;font-weight:700;color:#0d3b79;margin-bottom:15px;}
.contact {background-color:#fff;padding:30px;margin-top:40px;}
    .contact .queries {
        font-size: 16px;
        color: #595959;
        margin-bottom: 50px;
    }
.contact p,.contact p a{color:#333;font-size:16px;font-weight:400;margin-bottom:10px;}
.contact p{display:flex;}
.contact p .fa{color:#f18a25;margin-right:14px;font-size:18px;margin-top:4px;}
.contact .form-control , .profile-form .form-control{background-color:transparent; border-radius:unset; box-shadow:none; height:55px;padding:8px;}
.contact .form-group{font-size:16px; font-weight:400;margin-bottom:22px;}
.contact .form-control::placeholder{color:#999;}
.contact .form-group textarea{width: 100%;}
.contact textarea.form-control{height:auto;}
.map{padding:40px 0;}

/*Product Details*/
.inner-nav{padding-top:20px;}
.inner-nav p , .inner-nav p a{font-size:14px;font-weight:400;color:#333;}
.inner-nav p a:hover{color:#f18a25;transition:0.3s;}
.category-btn{border-top:1px solid #0d3b79;border-right:1px solid #0d3b79;border-left:1px solid #0d3b79;padding:15px 20px 10px 20px;margin-bottom: -18px;}
.category-btn a{color:#333;font-size:16px;font-weight:700;text-transform:uppercase;}
.category-btn a:hover{color:#f18a25;}
.product-bg{background-color:#fff;padding:40px;margin:20px 0 40px 0;}
.border-before::before{content:"";position:absolute;border-left:4px solid #f18a25;top:0;left:0;height: 102%;}
.border-before h5{font-size:14px;font-weight:700;color:#333;text-transform:uppercase;margin-bottom:2px;}
.border-before p{font-size:14px;font-weight:400;color:#333;}
.details{padding:60px 0;}
.details p{font-size:20px;font-weight:400;color:#000;margin-bottom:20px;}
.details p.book-price{font-weight:600;}
p#lblmsg{font-size:18px;font-weight:400;color:#000;margin-bottom:15px;}
.details p del{font-size:18px;font-weight:500;color:#666;margin-left: -10px;}
.details p span{font-size:18px;font-weight:700;color:#cc0000;}
.product-image-view-box::after{border-right:1px solid #ccc;content:"";position:absolute;top:0;right: -55px;height: 96%;}
.lSSlideOuter.vertical .lSGallery {right: auto;left: 0;}
.book-details,.book-details-eng{margin-bottom:25px;}
.book-details h4{font-family: shruti;font-size:18px;font-weight:400;color:#000;margin-bottom:8px;}
.book-details p{font-family: shruti;font-size:15px;font-weight:400;color:#333;}
.book-details p a,.book-details-eng p a{color:#0d3b79;text-decoration:underline !important;}
.book-details p a:hover,.book-details-eng p a:hover{color:#ff7f00;}
.book-details-eng h4{font-size:18px;font-weight:400;color:#000;margin-bottom:8px;line-height: 27px;}
.book-details-eng p{font-size:15px;font-weight:400;color:#333;}
.quantity-css{margin:20px 0;}
.quantity-css input{width:7%;display:inline-block;}
.quantity-css .form-control{border-radius:0px;font-size:16px;font-weight:400;margin-bottom:10px;}
.quantity-css label{font-size:16px;font-weight:400;color:#666;margin-bottom:10px;}
.quantity-css a i{font-size:15px;color:#666;padding:0 8px;}
.details .btn-success{font-size:15px;font-weight:400;color:#fff;background-color:#f18a25;/*border:none;*/padding:8px 14px;border-radius:unset;margin-bottom:30px;}
.details .btn-success:focus {background-color: #f18a25;}
/*Wishlist*/
.details input[type=checkbox].css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
.details input[type=checkbox].css-checkbox + label.css-label {padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; }
.details input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;font-size: 16px;font-weight: 700;color:#666;}
.details label.css-label {background-image: url('../../images/heart.png'); background-size: 15px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.details ul li{font-size: 16px;font-weight: 700;color:#666;display:inline-block;margin-right:10px;}
.details ul li:hover{color:#f18a25;}
.details ul li a{font-size: 16px;font-weight: 700;color:#666;}
.book-info h3{font-family: shruti;font-size:18px;font-weight:400;color:#000;position:relative;}
.book-info h3::before{content:"";position:absolute;border-left:4px solid #f18a25;top: -3px;left: -15px;height: 125%;}
.book-info hr{margin-top: 28px;border-top: 1px solid#d6d6d6;width: 104%;margin-left: -23px;}
.book-info p{font-family: shruti;font-size:15px;font-weight:400;color:#000;line-height: 26px;}
.book-info h6{font-size:15px;font-weight:700;color:#000;}
.book-info h4{font-size:15px;font-weight:400;color:#333;margin-bottom:10px;}
h3.book-title-eng{font-family: 'PT Sans', sans-serif;}
/*.mob-text-css p{margin-left: -40px;margin-top: -4px;}*/

/*My Account*/
.border-btm p{font-size:18px;font-weight:400;color:#666;}
.account hr{border-top:1px solid #ccc;margin-top:5px;}
.account-details{padding:40px 0;}
.account-box{background-color:#f9f9f9;padding:18px 0;box-shadow: 3px 3px 15px 5px rgba(238,236,231,1);margin-top:30px;}
.account-details h5{font-size:20px;font-weight:700;color:#666;text-align:center;}
.account-box:hover{background-color:#fff;transition:0.3s;}
.account-box:hover h5{color:#f18a25;}
.dashboard_instruction {font-size: 14px;padding-top: 20px;}

/*Wishlist*/
.wishlist , .orders-bg{background-color:#fff;padding:30px;}
.shop-title{padding: 20px;background-color:#0d3b79;}
.shop-title p{margin: 0; font-size: 17px; color: #666; font-weight: 600;}
.shop-product{font-size: 16px; font-weight: 300; color: #666; padding: 20px; margin: 5px 0;}
.small-img{height: 72px; width: 72px; overflow: hidden; border: 1px solid #e1e1e1;}
.shop-product p{padding: 8px 0; margin: 0; font-size: 17px;color: #666;font-weight: 400;}
.shop-product span{font-size: 15px; color: #999;}
.shop-product a{color: #c81414;font-weight: 700;padding: 26px 0;}
.wishlist .btn-success{font-size:15px;font-weight:400;color:#fff;background-color:#f18a25;border:none;padding:8px 14px;border-radius:unset;margin-top:22px;}
.wishlist .btn-success:focus {background-color: #f18a25;}
/*My Orders*/
.order-number{margin-top:40px;}
.order-list{border: 1px solid #e5e5e5; padding: 15px; color: #333; margin-bottom: 25px;margin-top: 18px;}
.orders-bg h1{font-size:24px;font-weight:700;color:#333;margin-bottom:30px;}
.order-list .next i{padding-top: 10px; font-size: 25px;}
.order-list h4{margin-bottom: 8px;font-size: 16px;font-weight:600;}
/*Order Details*/
.shipping{border: 1px solid #ccc; padding: 30px; margin-bottom: 18px;}
.shipping h4{font-size: 16px; font-weight: 600; margin-bottom: 15px;}

/*404 Banner*/
.error-banner{background:url(../../images/bookpratha-gujaratibooks.png) top center no-repeat;height:480px;}

/*Product Listing*/
.all-product .hovereffect { width: 100%; margin-bottom: 35px; border: 2px solid transparent; /*padding-right: 8px; padding-left: 8px;*/ padding-right: 0px; padding-left: 0px;}
.all-product .hovereffect:hover { border: 2px solid #0d3b79; }
.all-product .hovereffect .overlay{padding: 35px 10px 10px 10px;}
.inner-title h1{font-size: 22px;line-height: 1.5;}
.inner-title p{margin-top: 6px; float: right;}
.product-title h1 span {font-size:20px;}
.all-product .hovereffect:hover img {/*margin-left: 13px;*/ transition: 0.3s;}
.all-product .hovereffect img{transition: 0.3s;}
/*.all-product .sidebar {border:1px solid #ccc;}*/

/*Shopping Cart*/
.shop{margin: 60px 0;}
.shop-title{padding: 10px;padding-left: 20px;}
.shop-title p{margin: 0; font-size: 17px; color: #fff; font-weight: 600;}
.shop-product{font-size: 16px; font-weight: 300; color: #666; padding: 20px; margin: 5px 0;}
.shop-product .small-img{height: 105px; width: 70px; overflow: hidden; border: 1px solid #e1e1e1;}
.shop-product p{padding: 4px 0; margin: 0; font-size: 17px;color: #666;font-weight: 400;}
.shop-product span{font-size: 15px; color: #999;}
/*.shop-product a{color: #c81414;font-weight: 700;padding: 26px 0;cursor: pointer;font-size: 22px;}*/
.continue a{background-color: #0d3b79; color: #fff; font-weight: 500; font-size: 16px; padding: 10px 0; display:block; text-align: center; margin-top: 20px; text-transform: uppercase; border: 2px solid #0d3b79; transition: 0.3s;} 
.proceed a{padding: 10px 0; display:block; text-align: center; margin-top: 20px;}
/*.proceed a:hover{background-color: #fff; color: #0d3b79; transition: 0.3s;}*/
.shop-content{margin-bottom: 46px;}
.shop-product .form-control{width: 50px;}
.shop-product .fa.fa-close{font-size:24px; color:#ccc;margin-top: 28px;}
.shop-product .fa.fa-close:hover {color:#dc3545;}
.shop-product .ttlprice{text-align:right;}
.shop-product .ttlprice,.shop-product .price,.shop-content .quantity-css{margin-top:26px;}
.quantity-css{margin:20px 0;}
.quantity-css input{display:inline-block;}
.quantity-css .form-control{border-radius:0px;font-size:16px;font-weight:400;margin-bottom:10px; text-align: center; width: 50px;}
.quantity-css label{font-size:16px;font-weight:400;color:#666;margin-bottom:10px;}
.quantity-css a i{font-size:15px;color:#666;padding:0 8px;}
.proceed p{font-size: 16px; color: #333; line-height: 32px; margin: 0;}
/*.shop-content .quantity-css{margin: 0;}*/
.shop-product:hover{background-color: #dfdfdf;}
.shop-product{padding: 5px 0px 10px 16px;border-bottom: 1px solid #ccc;position: relative;}
.cancel {background-color: #f5f5f5;padding: 10px 0;margin-top: 20px;}


/*Delivery*/
.delivery .deliver{margin: 50px 0;}
.delivery .deliver h4{text-transform: uppercase;}
.delivery .deliver .add-box{border: 1px solid #ececec; display: block; height: 260px;margin-top: 20px; background-color: #fff;}
.delivery .deliver .add-box .new-add{margin-top: 90px;}
.delivery .deliver .add-box .new-add i{color: #ccc; font-size: 45px;}
.delivery .deliver .add-box .new-add p{font-size: 16px; color:#333; margin-top: 5px;}
/*Add Address Model*/
.address p{font-size: 15px; line-height: 26px;}
.address-modal .login .modal-header {border-bottom: 1px solid #0d3b79;}
.address-modal .login .modal-footer {border-top: 1px solid #0d3b79;}
.address-modal .login .modal-footer .btn-info{background-color: #0d3b79; border-color: #0d3b79;}
.address-modal .login .btn{border-radius: 0;}
.address-modal .login .modal-sm{width: 550px;}
.login .close {font-size: 25px; font-weight: 400; color: #000; opacity: 1;}

/*Select Address*/
.delivery .deliver .add-box .address{padding: 28px 15px 0 15px;}
.delivery .deliver .add-box .select-add{padding-top: 15px; padding-left: 30px;}
.delivery .deliver .add-box hr {margin: 10px 15px 10px 15px; border-top: 1px solid #ccc;}
.delivery .deliver .add-box .remove-edit a{color: #e77817; margin: 15px 0;cursor:pointer;}
.delivery .deliver .add-box .remove-edit{margin-top: 6px;}

/*Payment*/
.pay{margin: 60px 0;}
.pay img{margin-bottom: 10px;}
.pay .pay-btn{margin-top: 10px;}
.pay .pay-btn a{font-size: 16px; color: #fff; /*text-transform: uppercase; background-color: #0d3b79;*/ text-align: center; padding: 8px 0; /*border: 2px solid #0d3b79;*/ transition: 0.3s; display: block;}
.pay .pay-btn a:hover{transition: 0.3s; background-color: #fff; color: #f18a25;}
.pay .nav-stacked > li{border: 1px solid #ccc; margin-bottom: 10px;}
.pay .nav > li > a{color: #333; transition: 0.3s; padding: 18px 15px}
.pay .nav > li > a:focus, .pay .nav > li > a:hover, .pay .nav > li.active a{background-color: transparent; border-left: 5px solid #0d3b79; transition: 0.3s;}
.pay span{font-size: 12px; color: #666;}
.pay .proceed a {background-color: unset; color: #0d3b79; font-weight: unset; font-size: unset; padding: unset; display: unset; text-align: unset; margin-top: unset; text-transform: unset; border: unset;}
.payment .tab-content{border-right: 1px solid #eee; padding-right: 35px;}
.pay .form-control{background-color:transparent; border-radius:unset; box-shadow:none; height:55px;padding:8px;}
.pay-border{border-left: 1px solid #999; padding-left: 30px;}
.pay hr{border-top: 1px solid #0d3b79;}

.mag {width: 200px;margin: 0 auto;float: none;}
.mag img {max-width: 100%;}
/*.magnify {position: relative;cursor: none;}
.magnify-large {position: absolute;display: none;width: 175px;height: 175px;-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}*/
.product-image-view-box img { display: block; margin: auto; }
.magnify { border-radius: 50%; border: 2px solid black; position: absolute; z-index: 20; background-repeat: no-repeat; background-color: white; box-shadow: inset 0 0 20px rgba(0,0,0,.5); display: none; cursor: none; }

/*Sitemap*/
.sitemap h1{font-size:30px;font-weight:700;color:#0d3b79;margin-bottom:20px;}
.sitemap p{font-size:16px;font-weight:400;color:#000;line-height:26px;margin:15px 0;padding-left: 31px;margin-top: 28px;}
.sitemap p a{font-size:18px;color:#0d3b79;transition:0.3s;margin-left:-16px;}
.sitemap .btn-default{padding:6px 30px;color:#000;border-radius:unset;transition:0.3s;border:2px solid #0d3b79;background-color:transparent;font-size:16px;font-weight:400;}
.sitemap .btn-default:hover{background-color:#0d3b79;color:#fff;}
/*.sitemap-bg{background-color:#fff;padding:30px;}*/
.sitemap li a::before{content: "\f105";font-family: FontAwesome;display: inline-block;margin-right: 8px;}
.sitemap li a:hover{color: #f18a25;transition:0.3s;}
.sitemap .list{padding-left:33px;}
.sitemap .list li::before{content: "\f111 ";font-family: FontAwesome;display: inline-block;margin-right: 8px;font-size:4px;}
.sitemap .mail a::before{display:none;}
.sitemap .mail a{margin-left:8px;}
.sitemap .mail{margin-top:-30px;}

/*Orange Button*/
.btn-orange{background-color:#f18a25;border-color:#f18a25;color:#fff;text-transform:capitalize;}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange:active:focus{color:#f18a25;background-color:#fff;border-color:#f18a25;}

.all-cat h1{font-size: 20px;font-weight: 700;color: #0d3b79;margin-top: 30px;margin-bottom: -30px;}
.all-cat .first-listing h3 a{font-weight: 600;}
.all-cat hr{border-top: 1px solid #bcbcbc;}


/*Media Queries*/
@media screen and (max-width: 400px) {
    .all-product .hovereffect .overlay, .product .hovereffect .overlay{height:20.5em;}
    .book-text span{height: 60px;}
    .product .pull-right {float: left !important; margin-bottom: 15px;}
    .book-details{margin-top: 0;}
    .lSSlideOuter.vertical { margin-bottom: -80px !important; }
}

@media screen and (min-width: 375px) and (max-width: 400px) {
       .lSSlideOuter.vertical { margin-bottom: -50px !important; }
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    .all-product .hovereffect .overlay, .product .hovereffect .overlay{height:14.5em;}
    .title-home .btn-primary {margin-bottom: 20px;float:none !important;}
    .modal-footer .btn-primary{margin-bottom: 0px;}
}
@media screen and (max-width: 409px) {
     .modal-footer .btn-primary{margin-bottom: 20px;}
}

@media screen and (max-width: 767px) {
    /*Top*/
    .navbar-toggle{background-color: #f5f5f5; margin-top: -57px; margin-right: 0; margin-bottom: 0;}
    .navbar-toggle .icon-bar{background-color: #000;}
    .navbar-collapse{background-color: #fff; width: 100%;position: absolute;left: 0;z-index: 99;top: -2px; padding-bottom: 6px; border-top: 1px solid #ccc;}
    .navbar-collapse.in {overflow-y: unset;}
    .top-nav .dropdown-menu {left: 0; right: 0; width: 150px; margin: 0 auto;}
    .top-nav ul li{display: block; padding: 5px 0;}
    .top-nav .pipe::after{display: none;}
    .top-nav {float: none; text-align: center;}
    .top {padding: 4px 0 10px;background-color: #0d3b79;}
    .top img{width: 54%;}
    /*Top2*/
    .top2{margin-top: -5px;padding-top: 0;}
    .top2 .input-group {padding-top: 0px;}
    .top2 img{margin: 0 auto;}
    .google-play{float: none;padding-top: 0px;}
    .google-play img{height: 34px;}
    .top2 .form-control {height: 33px;}
    /*Footer*/
    .footer h4 {margin-bottom: 10px; margin-top: 15px;text-align:center;font-size:18px;}
    /*Sidenav*/
    .sidenav{margin-top: 0; margin-bottom: 40px;}
    .all-product .hovereffect:hover{border:none;}
    .login .login-block {border-right: none; padding-right: 0;}
    .inner-title h1{font-size: 20px;}
    .inner-title p{margin-top: 12px;float: left;}
    /*SideBar*/
    .sidebar{position: fixed; bottom: 0; width: 100%; left: 0; z-index: 9999999; margin: 0;}
    .accordion_content1 {margin: 0;}
    .accordion_toggle1{padding: 13px 10px;background-color: #0d3b79; text-align:center;color:#fff;}
    .accordion_toggle1 label{font-weight: 500;}
    .accordion_content2 {height: 120px;}
    .accordion_content2 {overflow-y: scroll;position: relative;}
    .accordion_content, .accordion_content1, .accordion_content2{padding: 10px;}
    .all-product .hovereffect, .product .hovereffect{width: 100%; padding-right: 0;  border: none;}
    .all-product .overlay a, .product .overlay a{display: block;}
    .all-product .hovereffect .overlay, .product .hovereffect .overlay {padding: 10px; border: 1px solid #0d3b79; text-align:center;}
    .product .hovereffect{padding-right: 20px;}
    .product-main .hovereffect {padding-right: 4px; padding-left: 4px;}
    .all-product .hovereffect:hover img{padding: 0;}
    .accordion_toggle1 label i{color:#fff;}
    .book-details h4 , .book-details-eng h4{font-size: 18px;}
    .product h1::after, .product .line::after{display: none;}
    .product h1 {font-size: 20px;margin-bottom: 5px;}
    .shop-product p{ font-size:16px !important;}
    .modal-dialog{width: unset;}
    .social a{font-size: 20px;padding-right: 9px;}
    .absol{top: 4px;left: 45%;}
    /*Shopping Cart*/
    .shop-product h4{background-color: #fbfbfb; padding: 5px; margin: 8px 0;margin-right: 20px;}
    .shop-product {border: 1px solid #e1e1e1; margin: 25px 0;}
    .shop-product .form-control {margin: 15px 0;}
    .shop-product .text-center{text-align: right;}
    .proceed{margin-top: 20px;}
    .delivery .deliver h4 {padding: 30px 0 0 0;}
    .display-css{display: flex;}
    .pay-border {border-left: none; padding-left: 0;}
    .category-btn a{font-size: 13px;}
    .border-before{margin-bottom: 20px;}
    .details ul li{margin-right: 5px;}
    .pay .nav{margin-bottom: 40px;}
    .book-info h3{font-size: 16px;line-height: 28px;}
    .account-box{margin-bottom: 25px;}
    .modal-sm {width: 94% !important;}
    .hovereffect img{width:100%;}
    .book-text , .book-details , .book-details-eng , .details p ,  .details ul , .mob-text-css{text-align: center;}
    .details ul{margin-bottom: 20px;}
    .book-info h4{margin-bottom:24px;}
    .book-info h6{margin-bottom: 6px;text-align:left;}
    .sidenav span{font-size: 14px;}
    .footer ul li{font-size: 14px;text-align:center;line-height:unset;margin-bottom:8px;position:relative;z-index:999;}
    .product {margin-bottom: 60px;}
    .footer{padding: 35px 0}
    .book-text p{padding: 15px 0 7px 0;}
    .overlay del{ display: inline-block;}
    .safe p{font-size:14px !important;}
    .contact .listing hr{margin:15px 0;}
    .text-bg p span{font-size:15px;}
    .second-listing ul{padding-left: 20px;}
    .contact{margin-top: 20px;padding: 20px;}
    .text-bg p{font-size: 16px !important;padding: 0px 10px;}
    .contact h1{font-size:18px;}
    p{font-size:13px !important;}
    .product .owl-theme .owl-controls{margin-top: -28px;}
    .cart{padding: 16px 0;}
    .home .view-cat .btn-primary{width: 100%;font-size: 16px;padding: 7px 0;color:#0d3b79;background-color:#fff;}
    .home .view-cat .btn-primary:hover{background-color:#0d3b79;color:#fff;}
    .count-box .count-img{margin-top:0;height: 60px;width: 60px;margin-bottom: 5px;}
    .count-box .count-img img{width: 40px;padding-top: 11px;}
    .count-box::after{display:none;}
    .home , .count-box{margin-bottom: 30px;}
    /*.hovereffect img{height: 168px;}*/
    .product-main .owl-pagination{margin-top:35px;}
    .book-info h4{margin-left:0;text-align:left;}
    .book-info hr{margin-left:0;width:100%;}
    .details{padding:0;}
    /*.book-info h3{margin-top: 34px;}*/
    .count-box h3{font-size: 24px;}
    .book-text del{display: inline-block;}
    .product-main{padding: 14px; }
    .shop-product .cart-item-delete {top: -20px;right: -4px;position: absolute;}
    .shop-product .ttlprice, .shop-product .price, .shop-content .quantity-css{margin-top:5px;}
    .quantity-css{margin-bottom:0;}
    .proceed p{font-size:16px !important;}
    .shop-product .ttlprice{text-align:left;}
    .order-number h4{font-size:16px;}
    .order-number .text-right{text-align:left;margin-top: 8px;}
    .shop-content{margin-bottom: 0px;}
    section {padding: 50px 0;}
    .counts{margin-top:0px;}
    .home{margin-top: 30px;}
    .delivery .deliver,.pay{margin: 30px 0;}
    .details .quantity-css{text-align:center;}
    .details .row{margin-right:0;}
    .order-list h4{margin-bottom: 4px;}
    .order-list p{margin-bottom: 10px;}
    .cancel a{margin-bottom:10px;}
    .all-cat h1{margin-top: 0px;margin-bottom: -10px;margin-left: 15px;}
    #banner .item .container-fluid{padding-bottom:0;}
    #banner .item {padding:0;}
    .top-strip label strong,.inner-nav p strong,.top-strip .account-nav p strong{display:none;}   
    .lSSlideOuter.vertical { margin-bottom: -15px; }
    .product-title h1 span {font-size:18px;}
    .sidebar .filter-main-cat a p,.sidebar .filter-main-cat a span{font-weight:600;}
    .sidebar .filter-sub-cat a p,.sidebar .filter-sub-cat a span{padding-left:20px;} 
    .sidebar .filter-sub-sub-cat a p,.sidebar .filter-sub-sub-cat a span{padding-left:40px;}
    

        
}
@media screen and (max-width: 992px) {

#footer-mob{background:#0d3b79;color:#fff;padding:20px 0px;}
#footer-mob #application-accordian11{padding:20px 0px;}
#footer-mob .accordion_toggle {background: #0d3b79; cursor: pointer; padding: 8px 15px; vertical-align: middle; font-weight:400; font-size:16px; color:#fff;border-top: none;border-bottom: 1px solid #fff;}
#footer-mob .accordion_toggle label{font-weight: 600; cursor: pointer;}
#footer-mob .accordion_toggle.accordion_toggle_active {position: relative;width: 100%;}
#footer-mob .accordion_toggle  i{font-size:15px; color:#fff}
#footer-mob .accordion_toggle .fa-minus{display:none;}
#footer-mob .accordion_toggle_active .fa-plus{display:none;}
#footer-mob .accordion_toggle_active .fa-minus{display:inline-block;}
#footer-mob .accordion_content { padding:15px;padding-top:0px;background:#0d3b79;}
#footer-mob .accordion_content li { border: none; }
#footer-mob .accordion_content li a{color:#fff;}
#footer-mob .accordion_content li a::before{content: "\f0da";font-family: FontAwesome;margin-right: 10px;}
#footer-mob .accordion_content li{list-style:none; font-size:16px; font-weight:400; color:#fff; line-height: 28px; }
#footer-mob .accordion_toggle.accordion_toggle_active {position: relative;width: 100%;color:#fff;}
#footer-mob .accordion_toggle::before {content: "\f0d7";font-family: FontAwesome;margin-right: 10px; position:absolute;margin-top:2px;right:0px;}
#footer-mob .social a{color:#fff;}
#footer-mob .gpay-img { margin-top: 7px; }
}
    @media (min-width: 768px) and (max-width: 991px) {
        /*Top*/
        .top-nav ul li {
            padding: 0 8px;
        }

        .top-nav .pipe::after {
            display: none;
        }

        .top-nav {
            padding-top: 10px;
        }

        .absol {
            left: 65%;
        }
        /*Sidenav*/
        .sidenav {
            margin-top: 0;
        }

        #myNav.overlay {
            width: 227%;
        }

        .sidenav .overlay {
            height: 1345%;
            top: -1242%;
        }

        .count-box p {
            font-size: 16px;
        }

        .product h1::after {
            display: none;
        }

        .vert-move {
            margin-left: 15px;
        }

        img.vert-move {
            animation: 0;
        }

        .delivery .deliver .add-box {
            height: 300px;
        }

            .delivery .deliver .add-box .new-add {
                margin-top: 118px;
            }

            .delivery .deliver .add-box .select-add {
                padding-top: 15px;
                padding-left: 10px;
            }

        .quantity-css a i {
            padding: 0;
        }

        .product .line::after {
            display: none;
        }

        .all-cat h1 {
            margin-bottom: -28px;
        }

        .social a {
            padding-right: 8px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .absol {
            left: 46%;
        }

        .product .line::after, .product h1::after {
            display: none;
        }

        .all-cat h1 {
            margin-bottom: -28px;
        }
    }

    .me-2 {
        margin-right: 20px;
    }

    .P_3 {
        padding: 7px 30px;
    }

    @media (max-width: 500px) {
        .btn_mob {
            width: 100%;
            float: none;
            margin-bottom: 15px;
            margin-right: 0px
        }
    }

    /* Main nav hover */
    .sidenav .navbar-nav > .dropdown-submenu:hover,
    .sidenav .navbar-nav > .dropdown-submenu:hover > a {
        background-color: #0d3b79;
        color: #fff;
    }

        /* Force all inner text white */
        .sidenav .navbar-nav > .dropdown-submenu:hover p,
        .sidenav .navbar-nav > .dropdown-submenu:hover span,
        .sidenav .navbar-nav > .dropdown-submenu:hover i {
            color: #fff;
        }


    .dropdown-menu {
        background-color: #0d3b79;
        color: #fff;
    }

    .sidenav .dropdown-menu > li > a:hover {
        background-color: #083061;
        color: #fff;
    }

    .dropdown-menu > li > a {
        color: #fff;
    }


.footer-apps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

    .footer-apps img {
        width: 132px;
        width: 132px;
        height: auto;
    }

.footer_app {
    margin-top: 20px;
    margin-bottom: 8px;
    font-weight: 600;
    padding: 0px !important;
    font-size: 16px !important;
}

.pad_start_footer {
    padding-left: 60px;
}

@media (max-width:767px) {

    .footer-flex {
        display: flex;
    }

    .footer-apps-wrap {
        justify-content: center;
        margin-top: 15px;
    }

    .footer-apps {
        gap: 6px;
        justify-content: end;
    }

        .footer-apps img {
            width: 130px;
        }
}

@media (max-width:500px) {

    .footer-flex {
        flex-wrap: wrap;
    }

    .footer-apps {
        justify-content: start;
    }
}

.header-apps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .header-apps img {
        height: 60px;
        width: auto;
        object-fit: contain;
    }
.google-play {
    padding-top: 4px;
}

.content_home p {
    font-size: 16px;
    color: #595959;
   margin-bottom:26px;
}



      /* Modal image styling */
    #promoModal .modal-dialog {
    width: 90%;
    max-width: 600px;
    margin: 40px auto;
  }
  #promoModal .modal-content {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    background: transparent;
  }
  #promoModal .modal-body {
    padding: 0;
    position: relative;
  }
  #promoModal .modal-body a img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    cursor: pointer;
  }
  #promoModal .close-btn {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,0.8);
    cursor: pointer;
    z-index: 10;
    line-height: 1;
    background: none;
    border: none;
    padding: 0;
    opacity: 0.85;
    transition: opacity 0.2s;
  }
  #promoModal .close-btn:hover { opacity: 1; }
  #promoModal .modal-dialog {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
  .modal-backdrop.in{
          opacity: .8;
  }

/* Override Bootstrap's fade transform so centering isn't lost */
#promoModal.fade .modal-dialog  { transform: translateY(-65%); }
#promoModal.in   .modal-dialog  { transform: translateY(-65%); }