/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/
body{ background: #fff; font-family: 'Lato', sans-serif;}
body h1, body h2, body h3, body h4, body h5, body h6{ margin: 0 0 20px; color: #1e293d; font-family: 'Lato', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #1e293d;}

p a{ color: #555;}
p a:hover{ text-decoration:underline; outline: none;}
p{ letter-spacing: normal; line-height: 24px; font-size: 14px; color: #555; margin: 0 0 30px;}

a{ color: #555; text-decoration: none; outline: none; display: block;}
a:hover, a:focus, a:active { outline: none; text-decoration: none;}

.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}

img{ max-width: 100%;}
iframe{ border: 0; width: 100%;}

button{ background: none;}

blockquote{ padding: 0; border: 0;}

label { color: #7f7f7f; display: block; font-weight: 400; margin: 0;}

textarea{ border-radius: 0!important; resize: none;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],input,.form-control{ height: 48px; line-height: 48px; width: 100%; border-radius: 0; color: #ccc; font-weight: 400; width: 100%; background: none; 
padding: 0 20px; border: 1px solid #e7e7e7;
box-shadow: none;}
textarea{ height: auto!important;}
/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/

/****** Global Elements ***********************************************************
*********************************************************** Global Elements ******/
.main-heading-holder{ text-align: center;}
.main-heading{ display: inline-block; padding: 0 0 50px;}
.main-heading p{ margin: 0; line-height: 16px;}
.main-heading h2{ font-size: 26px; font-weight: 900; position: relative; display: inline-block; padding: 0 20px;}
.main-heading h2::before,
.main-heading h2::after{ content: ""; position: absolute; width: 58px; height: 6px; top: 50%; margin: -2px 0 0;}
.main-heading h2::before{  right: 100%; background: url(images/heading-left-line.png) no-repeat;}
.main-heading h2::after{  left: 100%; background: url(images/heading-right-line.png) no-repeat;}
.main-heading.style-1 h2{ margin: 0;}

.sec-heading{ margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ececec; position: relative;}
.sec-heading::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.sec-heading h3,
.sec-heading h4{ font-weight: bold; font-size: 24px; margin: 0; float: left;}
.sec-heading h4{ font-size: 19px;}
.sec-heading::before{ content: ""; position: absolute; width:  70px; border-bottom: 3px solid; bottom: -2px; left: 0;}
.sec-heading .view-all{ float: right; color: #999; line-height: 20px; margin: 7px 0 0;}
.sec-heading .view-all i{ margin: 0 0 0 6px;}

button{ border: 0; border-radius: 0;}
.btn-1{ font-size: 14px; position: relative; display: inline-block; padding: 0 28px; height: 58px; line-height: 58px;
border-radius: 5px; color: #fff; text-transform: uppercase; z-index: 11; text-decoration: none;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.btn-1 .fa{ padding: 0 0 0 10px;}
.btn-1:hover{ color: #fff;}
.btn-1:hover:before{ width: 100%; opacity: 1; background: rgba(0,0,0,0.3);}
.btn-1:before{ content: ''; border-radius: 5px; position: absolute; left: 0; top: 0; height: 100%; width: 50%; z-index: -1;
opacity: 0;}
.btn-1.sm{ height: 40px; line-height: 40px; padding: 0 18px; font-size: 13px;}
.btn-1.shadow-0{ box-shadow: none;}
.btn-1.full-width{ width: 100%;}
.btn-1.blank{ background: #f2f2f2; color: #999;}

.pagination-holder ul{ margin: 30px 0 0;}
.pagination-holder ul li{ margin: 0 0 0 10px; float: left;}
.pagination-holder ul li:first-child{ margin: 0;}
.pagination-holder ul li a{ border: 0;  padding: 0 12px; height: 36px; line-height: 32px; display: block; box-shadow: none; color: #555;}
.pagination-holder ul li.active a{ border: 1px solid; border-radius: 100%; background: none;}  
.pagination-holder ul li a:hover{ background: none;}

.tc-breadcrumb ul{ display: inline-block;}
.tc-breadcrumb li{ float: left; color: #656565;}
.tc-breadcrumb li a{ float: left; font-weight: bold;}
.tc-breadcrumb li::before{ float: left; line-height: 22px; content: "\f111"; font-family: fontawesome; margin: 0 10px; font-size: 7px;}
.tc-breadcrumb li:first-child::before{ display: none; margin: 0;}

.social-icons{ overflow: hidden;}
.social-icons li{ float: left; margin: 0 0 0 10px;}
.social-icons li:first-child{ margin: 0;}
.social-icons li a{ height: 28px; line-height: 28px; text-align: center; width: 28px; border-radius: 100%; border-radius: 100%; color: #fff;}
.social-icons li a.facebook{ background: #3c5899;}
.social-icons li a.twitter{ background: #5ea9dd;}
.social-icons li a.youtube{ background: #ee1c1b;}
.social-icons li a.pinterest{ background: #bd081c;}

.countdown{ margin: 0 0 20px; display: inline-block; overflow: hidden;}
.countdown li{ text-align: center; float: left; margin: 0 0 0 30px!important;}
.countdown li:first-child{ margin: 0!important;}
.countdown li span{ background: #fff; color: #252525; border-radius: 2px; font-size: 30px; padding: 30px 15px;
display: block; border: 1px solid #ebebeb; overflow: hidden; margin: 0 0 20px;}
.countdown li{ margin: 0; font-size: 14px; text-transform: uppercase; color: #636363;}

.rating-stars li{ float: left; margin: 0 0 0 4px;}
.rating-stars li:first-child{ margin: 0}
.rating-stars li i{ color: #f0bf2d; font-size: 14px;}

.overlay-dark{ position: relative;}
.overlay-dark::before,
.overlay-dark::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: rgba(0,0,0,0.5); z-index: -1;}

.position-center-center{ left: 50%; position: absolute; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.position-center-y{ left: 50%; position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.p-absolute{ position: absolute;}
.p-relative{ position: relative;}

.z-index-2{ z-index: 2;}

.font-italic{ font-style: italic}
.font-lato{ font-family: 'Lato', sans-serif;}

.white-bg{ background: #fff;}
.gray-bg{ background: #f5f5f5;}
.text-white{ color: #fff;}
.font-bold{ font-weight: bold;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.d-inline-block{ display: inline-block;}
.d-block{ display: block;}
.h-white h1,.h-white h2,.h-white h3,.h-white h4,.h-white h5,.h-white h6{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1,.h-m-0 h2,.h-m-0 h3,.h-m-0 h4,.h-m-0 h5,.h-m-0 h6{ margin: 0;}
.p-m-0 p{ margin: 0;}
.h-white h1 a,.h-white h2 a,.h-white h3 a,.h-white h4 a,.h-white h5 a,.h-white h6 a{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1 a,.h-m-0 h2 a,.h-m-0 h3 a,.h-m-0 h4 a,.h-m-0 h5 a,.h-m-0 h6 a{ margin: 0;}
.p-m-0 p a{ margin: 0;}

.navbar-brand{ height: auto; width: auto; padding: 0;}
.tc-padding-top{ padding-top: 80px;}
.tc-padding-bottom{ padding-bottom: 80px;}
.tc-padding{ padding: 80px 0;}
.tc-margin{ margin: 108px 0;}
.tc-margin-top{ margin-top: 80px;}
.tc-margin-bottom{ margin-bottom: 80px;}

.btn-list{ margin: 0; padding: 0; list-style: none;}
.btn-list li{ float: left; margin: 0 0 0 30px; width: 46%;}
.btn-list li:first-child{ margin: 0;}

.overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
ul{ margin: 0; padding: 0; list-style: none;}

.m-0{ margin: 0!important;}
.p-0{ padding: 0!important;}
.border-0{ border: 0!important;}
.m-lef-0{ margin-left: 0;} 
.m-right-0{  margin-right: 0;}

.w-100-pre{ width: 100%;}
.h-100-pre{ height: 100%;}

.right-0{ right: 0;}
.left-0{ left: 0;}
.top-0{ top: 0;}
.bottom-0{ bottom: 0;}

.has-layout{ float: left; width: 100%;}
.box-layout{ width: 1250px; margin: 50px auto;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.39);}
/****** Global Elements ***********************************************************
*********************************************************** Global Elements ******/

/****** Home Page 1 ***********************************************************
*********************************************************** Home Page 1 ******/
.wrapper{ position: relative; overflow: hidden;}

/****** Header ******/
.topbar{ background: #1e293d; padding: 10px 0;}

/* Online Option */
.online-option{ float: left;padding-top: 5px;}
.online-option ul li{ float: left;}
.online-option ul li::before{ content: "\f111"; float: left; color: #fff; font-family: fontawesome; font-size: 4px; margin: 5px 10px 0 10px;} 
.online-option ul li:first-child::before{ display: none;}
.online-option ul li a{ color: #fff; font-size: 11px; text-transform: uppercase; float: left;}

/* Cart Option */
.cart-option{ float: right; margin: 0 30px 0 0;}
.cart-option ul li{ float: left; margin: 0 0 0 30px; text-transform: uppercase;}
.cart-option ul li:first-child{ margin: 0;}
.cart-option ul li a{ color: #fff; font-size: 12px;}
.cart-option ul li a i{ font-size: 16px; margin: 0 10px 0 0;}
.add-cart a{ position: relative;}
.add-cart a i{ margin: 0!important;}
.add-cart a span{ height: 16px; width: 16px; border-radius: 100%; display: block; text-align: center; position: absolute;
top: 0; right: -8px; font-size: 10px; line-height: 14px; border: 1px solid #1e293d;}
.topbar .social-icons{ margin: -2px 0 0;}

/* Nav */
.nav-holder{ padding: 15px 0; background: #fff;}
.nav-holder.style-1{ padding: 15px 0 0; position: relative; z-index: 2; 
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.28);
-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.28);
box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.28);}

/* Responsive Menu */
.responive-nav{ background: #fff; padding: 40px 0; overflow: auto; z-index: 1000;}
.respoinve-nav-list li a{ padding: 20px 30px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.respoinve-nav-list li a:hover{ background: rgba(0,0,0,0.1);}
.respoinve-nav-list > li:last-child > a{ border-bottom: 0;}
.respoinve-nav-list li ul{ margin: 0 0 0 30px;}
.respoinve-nav-list li ul li a{ padding: 15px; margin: 0 0 0 30px;}
.responsive-btn{ display: block; padding: 10px 0; position: absolute; bottom: -57px; z-index: 1; right: 50px;}
.responsive-btn{ display: none;}

/* Logo */
.logo{ float: left;margin-top: 10px;}

/* Navigation */
.navigation{ float: right; margin: 10px 30px 0 0;}
.navigation > ul > li{ float: left; position: relative;}
.navigation > ul > li::before{ content: "/"; float: left; margin: 30px 0 0; color: #ececec; font-size: 16px;}
.navigation > ul > li:first-child::before{ display: none;}
.navigation > ul > li > a{ font-size: 14px; color: #333; text-transform: uppercase; font-weight: bold; text-align: center; padding: 30px;
position: relative;}
.navigation > ul > li a i{ position: absolute; top: 0; left: 50%; font-size: 16px; margin: 0 0 0 -10px; color: #636363;}
.navigation > ul > li > a::before{ content: ""; position: absolute; left: 0; height: 100%; width: 100%; bottom: 0; border-bottom: 4px solid; visibility: hidden; opacity: 0;}
.navigation > ul > li.active a::before{ visibility: visible; opacity: 1;}

/* Dropdown */
.navigation ul li > ul{ list-style: none; margin: 0; padding: 0; top: 80%; border-radius: 0 0 4px 4px; position: absolute; width: 230px; 
visibility: hidden; opacity: 0; background: #fff; z-index: 100; border-bottom: 3px solid;
-webkit-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);
box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);}
.navigation ul li ul li{ position: relative; float: none; border-bottom: 1px solid #e8e8e8;}
.navigation ul li ul li:last-child{ border: 0;}
.navigation ul li ul li a{ width: 100%; position: relative; color: #333; padding: 15px 30px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-transform: capitalize; text-align: left;} 
.navigation ul li ul li a:hover{ color: #fff;}
.navigation ul li ul li a::before{ z-index: -1; content: ""; position: absolute; left: 0; height: 100%; width: 0; top: 0;}
.navigation ul li ul li a:hover::before{ width: 100%;}
.navigation ul li ul li .mega-dropdown a{ padding: 0;}
.navigation ul li.dropdown-icon > a::after{ content: "\f107"; font-family: fontawesome; position: absolute; margin: 0 0 0 10px;}
.navigation ul li ul li.dropdown-icon > a::after{ content: "\f105"; margin: 0 0 0 40px;} 
.navigation ul li ul li a i{ color: #666; position: absolute; right: 10px; top: 50%; margin: -7px 0 0;}
.navigation ul li:hover > ul{ visibility: visible; opacity: 1; top: 100%;}
/* Sub Menu */
.navigation ul li > ul li ul{ left: 110%; top: 0!important;}
.navigation ul li ul li:hover > ul{ visibility: visible; opacity: 1; left: 100%;}

/* Maga Dropdown */
.mega-dropdown-wrapper{ position: relative;}
.mega-dropdown-holder{ position: initial!important;}
.mega-dropdown-holder > ul{ width: 100%!important; top: 80px!important; left: 0;
-webkit-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);
box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);}
.mega-dropdown-holder:hover > ul{ top: 95px!important;}
.mega-dropdown{ padding: 50px 30px 30px; background: #fff;
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.12);
box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.12);}
.categories-list h6{ font-weight: bold; text-transform: uppercase;} 
.categories-list a{ margin: 0 0 10px; display: block; padding: 0; text-align: left;
text-transform: capitalize; font-size: 12px;}
.categories-list a:last-child{ margin: 0;}
.mega-dropdown .s-product{ text-align: center;}
.mega-dropdown .s-product .s-product-img{ margin: 0 0 10px;}

/* Search Bar */
.search-bar{ float: right; margin: 20px 0 0;}
.search-bar a{ height: 34px; width: 34px; line-height: 32px; text-align: center; border-radius: 100%; color: #fff;
background: #0c2c40; border: 0;}
.search-bar .sub-btn:hover{ color: #fff;}

/* Banner */
.main-slider{ position: relative; overflow: hidden;}
.main-slider .item{ position: relative;}
.banner-overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.caption.style-1{ width: 502px; right: 0;}
.caption.style-1 h1{ font-size: 65px; text-transform: capitalize; font-style: italic; font-weight: bold;}
.caption.style-1 b{ font-size: 48px; font-weight: 300; color: #333; line-height: 65px; margin: 0 0 20px; display: block;}
.caption.style-1 p{ font-size: 18px;}
.layer-img{ margin: 50px 0 0 0; float: left;}
.banner-overlay .full-width{ width: 100%!important;}

/* Banner 2 */
.banner-overlay.style-2{ padding: 70px 0;}
.book-1 .bk-front > div,.book-1 .bk-back,.book-1 .bk-left,.book-1 .bk-front:after{background-color:#ffc219;}
.book-2 .bk-front > div,.book-2 .bk-back,.book-2 .bk-left,.book-2 .bk-front:after{background-color:#11767f;}
.book-3 .bk-front > div,.book-3 .bk-back,.book-3 .bk-left,.book-3 .bk-front:after{background-color:#a8cfee;}
.bk-back p{ padding: 30px!important; color: #fff!important;}
.caption.style-2{ float: left; width: 700px;margin-left:6em}
.caption.style-2 h1{ font-size: 30px; text-transform: none!important; color: #fff; font-style: inherit;  font-style: oblique; font-weight: bolder;}
.caption.style-2 h1 span{ display: block; margin: 15px 0 0;}
.caption.style-2 p{ font-size: 18px; color: #fff;}
.floating { animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
/*margin-left: 30px;margin-top: 5px;*/}
@keyframes floating {
0%{ transform: translate(0px, 0px);}
65%{ transform: translate(0px, 15px);}
100%{ transform: translate(0px, 0px);}}
.scaling { float: left; animation-name: scale; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
@keyframes scale {
0%{ transform: scale(0.9);}
65%{ transform: scale(1);}
100%{ transform: scale(0.9);}}

/****** Main Content ******/

/* Upcoming Release */
.upcoming-release{ background: url(images/upcoming-release/pattern-1.jpg) repeat; padding: 0 0 25px; overflow: hidden;}
.release-heading{ background: #1e293d; padding: 18px 30px; width: 53%;}
.release-heading h5{ margin: 0; text-transform: capitalize; font-size: 18px;}

.upcoming-slider{ position: relative; min-height: 230px;}
.upcoming-slider::before{ content: ""; background: url(images/upcoming-release/pattern-2.jpg) repeat; position: absolute; left: 0; 
height: 87.6%; width: 100%; top: 0;
-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.18);
box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.18);}
.release-book-detail{ background: #1e293d; padding: 17px 30px; border-radius: 30px 30px 0 30px; margin: -20px 0 0; position: relative; width: 38.2%; float: left;}  
.release-book-detail::before{ content: ""; background: url(images/upcoming-release/round-cerve.png) no-repeat; position: absolute; bottom: 0; 
left: 100%; width: 32px; height: 21px;}
.release-book-detail::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.release-book-detail .detail{ width: 60%; float: left;}
.release-book-detail .detail span{ font-size: 20px; font-weight: bold;}
.release-book-detail .detail h5{ font-size: 18px; font-weight: bold; margin: 0 0 10px;}
.release-book-detail .detail p{ margin: 0 0 10px;}
.release-book-detail .detail{ font-size: 28px; font-weight: bold; margin: 30px 0 0;}
.release-book-detail .detail-img{ float: right;}
.release-book-detail .detail-img img{ border-radius: 4px;}
.bx-wrapper{ margin: 0;}
.release-book-detail i{ float: right; color: #fff; position: absolute; right: 0; bottom: 0;}
.bx-wrapper .bx-controls-direction{ position: absolute; right: -754px; top: -39px;}
.bx-wrapper .bx-controls-direction a{ position: static!important; float: left; margin: 0; color: #fff;}
.bx-wrapper .bx-controls-direction a:first-child{ margin: 0;}
.release-book-detail .bx-controls .bx-prev::before,
.release-book-detail .bx-controls .bx-next::before{ font-family: FontAwesome!important;}
.release-book-detail .bx-controls .bx-prev::before{ content: "\f177";}
.release-book-detail .bx-controls .bx-next::before{ content: "\f178";}

.release-thumb-holder{ padding: 20px 0 0 0; float: right; width: 57%;}
.release-thumb-holder::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.release-thumb{ float: right;}
.release-thumb li{ display: inline-block; margin: 0 -4px 0 19px; vertical-align: top;}
.release-thumb li:first-child{ margin: 0;}
.release-thumb li a{ position: relative;}
.release-thumb li a{  border-radius: 10px; text-align: center;}
.release-thumb li a > span{ display: block; text-transform: uppercase; margin: 0 0 10px; font-size: 13px;}
.release-thumb li a .b-shadow{ display: block; margin: 10px 0;}
.release-thumb a.active{  padding: 10px 25px; background: #fff;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.plus-icon{ height: 39px; width: 39px; line-height: 37px; text-align: center; border-radius: 100%; font-size: 25px!important; color: #fff;
position: absolute; left: 50%; margin: 0 0 0 -20px!important; font-weight: bold; visibility: hidden; opacity: 0;}
.release-thumb a.active .plus-icon{ visibility: visible; opacity: 1;}

/* Best Seller */
.product-box{ border: 1px solid #e7e7e7; position: relative;}
.product-box::before,
.product-box::after{ content: ""; position: absolute; width: 80%; height: 80%; visibility: hidden; opacity: 0; z-index: 1;}
.product-box::before{ border-left: 6px solid #1e293d; border-top: 6px solid #1e293d; left: 0; top: 0;}
.product-box::after{ border-right: 6px solid #1e293d; border-bottom: 6px solid #1e293d; right: 0; bottom: 0;}
.product-box:hover::before,
.product-box:hover::after{ visibility: visible; opacity: 1; width: 100%; height: 100%;}
.product-img{ padding: 30px 0; text-align: center; background: #f8f8f8; position: relative; z-index: 2; width: 95%; margin: 6px auto 0;}
.product-img img{-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.product-cart-option{ left: 20px; opacity: 0; visibility: hidden;}
.product-cart-option li{ margin: 0 0 15px;}
.product-cart-option li:last-child{ margin: 0;}
.product-cart-option li a{ height: 34px; width: 34px; line-height: 34px; text-align: center; color: #fff; background: #f2f2f2; color: #555;}  
.product-cart-option li a:hover{ color: #fff;}
.product-box:hover .product-cart-option{ opacity: 1; visibility: visible;}
.product-box:hover .product-cart-option li{ margin: 0 0 6px!important;}
.product-img .sale-bacth{ height: 45px; width: 45px; line-height: 45px; text-align: center; font-size: 12px; border-radius: 100%;
display: block; position: absolute; right: 10px; color: #fff; text-transform: uppercase;}

.product-detail{ padding: 20px 20px;  position: relative; z-index: 2;}
.product-detail > span{ display: block; margin: 0 0 10px; text-transform: uppercase; font-size: 12px;}
.product-detail h5{ font-weight: bold; font-size: 16px; margin: 0 0 10px;}
.product-detail p{ margin: 0 0 10px;}
.rating-nd-price{ overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 0 0 15px;}
.rating-nd-price strong{ float: left; font-weight: bold; font-size: 20px; line-height: 20px;}
.rating-nd-price ul{ float: right; margin: 3px 0 0;}
.aurthor-detail{ overflow: hidden; padding: 15px 0 0;color: #A8CF4C;}
.aurthor-detail span{ float: left; text-transform: capitalize;}
.aurthor-detail span img{ border-radius: 100%; overflow: hidden; margin: 0 10px 0 0;}
.aurthor-detail a{ margin: 5px 0 0; float: right; height: 24px; width: 24px; line-height: 24px; text-align: center; border-radius: 100%;
background: #f3f3f3;}
.product-detail::before, .product-detail::after{ border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; content: ""; height: 8px; position: absolute;}
.product-detail::before{ bottom: -9px; left: 3px;  width: 98.6%;}
.product-detail::after{ bottom: -17px; height: 8px; left: 6px; width: 96.6%;}

.tabs-nav-holder{ overflow: hidden; position: relative; margin: 0 0 30px;}
.tab-content > .tab-pane{ display: block; height: 0;}
.tab-content > .active{ height: auto;}

.tabs-nav-holder::before{ content: ""; position: absolute; bottom: 0; border-bottom: 1px solid #e7e7e7; height: 100%; width: 92%; left: 0; z-index: -1;}
.best-sellers-tabs .tabs-nav{ overflow: hidden; float: left; border-radius: 4px;}
.best-sellers-tabs .tabs-nav li{ float: left; border: 1px solid #efefef; border-left: 0;}
.best-sellers-tabs .tabs-nav li:last-child{ left: 0;}
.best-sellers-tabs .tabs-nav li:first-child{ border-left: 1px solid #efefef; }
.best-sellers-tabs .tabs-nav li a{ padding: 12px 25px; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase;
font-family: 'Lato', sans-serif; min-width: 115px; background: #fafafa;} 
.best-sellers-tabs .tabs-nav li.ui-tabs-active a{ color: #fff; border-radius: 4px;}
.best-seller-slider .owl-stage-outer{ padding: 20px; margin: -20px;}
.best-seller-slider .owl-nav{ position: absolute; top: -25px; right: 0;}
.best-seller-slider .owl-nav .owl-prev,
.best-seller-slider .owl-nav .owl-next{ height: 25px; width: 25px; position: static; font-size: 10px; float: left; margin: 0 0 0 10px; line-height: 25px;
color: #8c8c8c; background: #f6f6f6; border: 1px solid #e7e7e7; box-shadow: none;}
.best-seller-slider .owl-nav .owl-prev::before{ content: "\f104";}
.best-seller-slider .owl-nav .owl-next::before{ content: "\f105";}

/* Add Banner */
.add-banner{ position: relative; border-radius: 5px; min-height: 172px;}
.add-banner::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 5px;}
.add-banner-1::before{ background: rgba(153,211,255,0.85);}
.add-banner-2::before{ background: rgba(197,241,95,0.85);}
.add-banner{ background: url(images/add-banners/img-01.jpg) no-repeat;}
.add-banner h3{ font-size: 22px; margin: 0 0 10px; font-style: italic; font-weight: bold; color: #0c085c;}
.add-banner p{ margin: 0; font-size: 16px;}
.add-banner hr{ border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.2); margin: 10px 0;}
.add-banner strong{ font-size: 18px; font-weight: bold; color: #333;}
.add-banner strong sup{ font-size: 10px;}
.add-banner .adds-book{ position: absolute;}
.add-banner:hover .adds-book{ transform: scale(1.1);}
.add-banner-1 .adds-book{ top: -20px; left: 0;}
.add-banner-2 .adds-book{ top: -20px; right: 0;}

.add-banner-1{ padding: 20px 40px 20px 186px;}
.add-banner-2{ padding: 20px 186px 20px 40px;}
.add-banner-2 h3{ font-size: 36px;}
.add-banner-2 strong{ font-size: 20px; font-style: italic; margin: 0 0 10px; display: block;}
.add-banner-2 p{ color: #343434; font-size: 20px;}

/* Recomended Products */
.recomended-products{ background: url(images/staff-bg.jpg) repeat; padding-bottom: 73px;}
.recomend-slider{ padding: 0 214px 95px; background: url(images/book-shelf-img.png) no-repeat 40px 80px;}
.recomend-slider .owl-prev,
.recomend-slider .owl-next{ border-radius: 0; background: none; border: 1px solid #999; color: #999;
height: 45px; width: 45px; line-height: 44px;}
.recomend-slider .owl-prev{ right: 100%; left: auto;}
.recomend-slider .owl-next{ left: 100%;}
.recomend-slider .owl-prev:hover,
.recomend-slider .owl-next:hover{ background: #1e293d; border-color: #1e293d;}

.open-book-view .modal-content{ background: rgba(0,0,0,0.4); padding: 40px;}
.open-book-view .close{ position: absolute; right: 20px; top: 10px; font-size: 20px; color: #fff; opacity: 1;}
.view-page{ position: fixed; z-index:  101; top: 200px; opacity: 0; visibility: hidden;
left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
#magazine{ width: 350px; height: 300px;}
#magazine .turn-page{ background-color:#ccc; background-size:100% 100%;}

/* Book Collection */
.book-collection { float: left; width: 100%; padding: 100px 0;}
.book-collection .nav-tabs{ float: left; width: 100%; margin: 0;}
.sidebar{ background: #f8f8f8;}
.sidebar h4{ font-weight: bold; border-bottom: 1px solid #f8f8f8; padding: 15px; margin: 0; background: #f8f8f8; font-size: 16px;}
.sidebar ul{ height: 584px; overflow-y: scroll;}
.sidebar ul li{ position: relative;}
.sidebar ul li a{ padding: 10px 20px; position: relative; z-index: 2;}
.sidebar ul li::before{ content: ""; position: absolute; height: 100%; width: 0; top: 0; left: 0; z-index:  1;}
.sidebar ul li.ui-state-active::before{ color: #fff; width: 100%;}
.sidebar ul li.ui-state-active a{ color: #fff;}
.collection-content{ margin: -10px 0 0 -30px;}
.collection-content::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.collection-content li{ float: left; width: 16.5%; margin: 10px 0 10px 29px;}
.s-product img{
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.s-product h6{ font-size: 13px; color: #333; font-weight: bold; margin: 0 0 10px;}
.s-product > span{ color: #999; text-transform: capitalize;}
.s-product-img{ position: relative; margin: 0 0 20px;}
.s-product-hover{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8);
text-align: center; visibility: hidden; opacity: 0;}
.s-product-img:hover .s-product-hover{ visibility: visible; opacity: 1; text-align: center;}
.s-product-hover .position-center-x{ width: 100%;} 
.s-product-hover .plus-icon{ visibility: visible; opacity: 1; display: inline-block; font-size: 14px!important; line-height: 40px;}
.s-product-hover .plus-icon i{ margin: 0 0 0 -2px;}
.s-product-hover .plus-icon:hover{ background: #fff;}
.s-product-hover .btn-1{ font-size: 12px; display: inline-block; background: #fff; font-weight: bold;}
.s-product-img:hover .s-product-hover .btn-1{ margin: 55px 0 0;}

.recommended-by li{ float: left; width: auto; margin: 0 10px 0 0;}
.recommended-by li:first-child{ float: none; color: #999; margin: 0 0 5px; text-transform: uppercase; font-size: 12px;}
.recommended-by li:last-child{ margin: 0;} 
.recommended-by li img{ border-radius: 100%; overflow: hidden;}

/* Services */
.services-text strong{ text-transform: uppercase; display: block; margin: 0 0 15px; font-weight: normal;}
.services-text h3{ line-height: 35px; font-size: 22px; font-weight: bold;}
.service-column{ padding: 0 0 0 60px; position: relative; margin: 0 0 30px;}
.service-column .service-icon{ height: 45px; width: 45px; line-height: 45px; position: absolute; left: 0; top: 0;
background: #A8CF4C; text-align: center; color: #fff; font-size: 25px; border-radius: 100%;}
.service-column p{ margin: 0;}
.service-column h5{ font-size: 16px; font-weight: bold; padding: 12px 0 0;}

/* Aurthor History */
.timeline-area{ /*background: #1e293d;*/background:url(images/call-action-bg.jpg) repeat left}
.text-box h5{ color: #fff; font-size: 12px; font-style: italic;}
.text-box h5 span{ font-style: normal; font-size: 16px;}
.timeline-area .text-box { float: left; width: 100%;}
.timeline-area .text-box h2 { color: #fff;}
.timeline-area .text-box .left-box { float: left; width: 525px; margin: 0 20px 0 0;}
.timeline-area .text-box strong.name { font: 16px/16px 'Lato', sans-serif; display: block; padding: 0 0 15px 0;}
.timeline-area .text-box strong.name span { font: 300 italic 14px/14px 'Lato', sans-serif; color: #fff; padding: 0 0 0 10px;}
.timeline-area .text-box p { color: #fff; font-weight: 300; margin: 0 0 15px 0;}
.follow ul li:first-child{ color: #fff; line-height: 25px;}

#timeline{ overflow: hidden; position: relative;}
#dates{ margin: 0 0 40px!important; width: 100%!important; background: url("images/timeline-bg.png") left 45px repeat-x;}
#dates::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#dates > li{ list-style: none; float: left; width: 137px; height: 50px; font-size: 24px; text-align: center;}
#dates a{line-height: 38px; padding-bottom: 10px; font-size: 14px; position: relative; color: #fff;}
#dates .selected{ font-size: 24px;}
#dates a::before{ content: ""; position: absolute; height: 15px; width: 15px; background: #323749; top: 100%;
border-radius: 100%; left: 50%; margin: -6px 0 0 -7px; border: 6px solid transparent;}
#dates .selected::before{ border-color: #fff; height: 25px; width: 25px; margin: -10px 0 0 -10px;}
#issues{ overflow: hidden;}
#issues > li{ list-style: none; float: left;}

/* Blog and Gallery */
.gallery{ float: left; width: 100%;}
.gallery a.btn-all { color: #999; float: right; font: 400 12px/12px "Lato", sans-serif; text-decoration: none;}
.gallery a.btn-all .fa { padding: 0 0 0 7px; font-size: 14px;}
.gallery a.btn-all:hover .fa{ padding: 0 5px 0 10px;}
.gallery > ul{ overflow: hidden; margin: 0 0 0 -10px;}
.gallery > ul > li{ float: left; margin: 0 0 10px 10px; width: 31.9%;}

.gallery-figure{ position: relative; overflow: hidden;}
.gallery-figure .overlay{ background: rgba(30,41,61,0.85); text-align: center; opacity: 0; visibility: hidden; transform: scale(0);}
.gallery-figure .overlay ul{ margin: 0 0 0 -77px; left: 50%;}
.gallery-figure .overlay ul li{ float: left; margin: 0 0 0 10px;}
.gallery-figure .overlay ul li:first-child{ margin: 0;}
.gallery-figure .overlay ul li a{ border: 1px solid rgba(255,255,255,0.4); height: 37px; line-height: 35px; padding: 0 15px; border-radius: 3px; color: #fff;}
.gallery-figure .overlay ul li:first-child a i{ margin: 0 10px 0 0;}
.gallery-figure:hover .overlay{ opacity: 1; visibility: visible; transform: scale(1);}

/****** Footer ******/
#footer{ background: #10141f url(images/BW-15.png);  float: left; width: 100%;}

/* Footer Columns */
.footer-columns{ padding: 50px 0;}
.footer-ad-banner{ text-align: center; margin: 0 0 35px;}
.logo-column{ padding: 0!important;}
.logo-column a{ margin: 0 0 20px;}
.logo-column p{ color: #b5b5b5;}
.address-list li{ margin: 0 0 15px; color: #b5b5b5; font-size: 15px;}
.address-list li:last-child{ margin: 0; }
.address-list li i{ height: 30px; line-height: 25px; width: 15px; text-align: center; border-radius: 100%;
background: #0c0f17; margin: 0 10px 0 0; float:left; font-size: 18px;}

.footer-column{ padding: 20px 0 0;}
.footer-column h4{ margin: 0 0 30px; font-size: 16px;font-weight: 600; text-transform:uppercase}
.footer-links li{ position: relative; margin: 0 0 12px; padding: 0 0 0 15px;}
.footer-links li:hover{ padding: 0 0 0 30px;}
.footer-links li:hover::before{ left: 10px;}
.footer-links li:last-child{ margin: 0;}
.footer-links li::before{ content: "\f105"; font-family: fontawesome; position: absolute; left: 0; top: 0; color: #b5b5b5;}
.footer-links li a{ color: #b5b5b5; font-size: 15px;}

/* News Latters */
.sub-foorer{ background: #0a0f19; padding: 10px 0;}
.sub-foorer p{ color: #b5b5b5; font-size: 12px; margin: 0;display:inline-flex;}
.back-top{ color: #b5b5b5; font-size: 12px; float: right;}
.back-top i{ height: 25px; width: 25px; line-height: 25px; text-align: center; border-radius: 100%; background: #080b14;
margin: 0 0 0 10px;}
.cards-list{ float: right; margin: 0 30px 0 0;}
.cards-list li{ float: left; margin: 0 0 0 5px;}

/* Login Modal */
.login-modal{ background: rgba(0,0,0,0.7);}
.login-modal .close{ position: absolute; right: 10px; top: 10px;}
.login-modal .modal-content{ width: 445px; padding: 20px 35px;}
.modal-content > strong{ display: block; margin: 0 0 10px; font-size: 18px; text-transform: uppercase; color: #1f2539;} 
.social-options{ margin: 0 0 30px;}
.social-options ul li{ overflow: hidden; margin: 0 0 15px;}
.social-options ul li:last-child{ margin: 0;}
.social-options ul li a{ height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 3px; position: relative; font-weight: bold;} 
.social-options ul li a i{ height: 100%; line-height: 50px; text-align: center; width: 60px; position: absolute; left: 0; background: rgba(0,0,0,0.2);}
.social-options ul li a.facebook{ background: #4b6ea9;}
.social-options ul li a.twitter{ background: #00d7fa;}
.social-options ul li a.google{ background: #dd4c3b;}
.terms{ font-size: 15px; color: #999;}
.terms a{ font-weight: bold; display: inline-block;}

/****** Home Page 2 ***********************************************************
*********************************************************** Home Page 2 ******/

/****** Header 2 ******/
.nav-holder.style-2{ padding: 0;}
.nav-holder.style-2 .logo-bar{ padding: 30px 0; overflow: hidden; background: url(images/header-bg.jpg) repeat;}
.nav-holder.style-2 .logo{ float: left;}
.nav-holder.style-2 .add-to-cart{ float: right; padding: 15px 0 0;}
.nav-holder.style-2 .add-to-cart .btn-1{ height: 43px; line-height: 43px; border: 1px solid #ddd; box-shadow: none; background: #fff; color: #333;
padding: 0 15px;}
.nav-holder.style-2 .add-to-cart .btn-1:hover{ color: #fff;}
.nav-holder.style-2 .add-to-cart .btn-1 i{ padding: 0 15px 0 0; position: relative;}
.nav-holder.style-2 .add-to-cart .btn-1 i em{ height: 16px;  width: 16px; border-radius: 100%; line-height: 16px; font-size: 12px; color: #fff; text-align: center;
position: absolute; top: -7px; right: 3px;}
.address-list.style-2{ float: right; margin: 0 50px 0 0; padding: 15px 0 0;}
.address-list.style-2 ul li{ float: left; position: relative; padding: 0 0 0 45px; margin: 0 0 0 40px; color: #333; font-size: 16px; font-weight: bold;}
.address-list.style-2 ul li::before{ content: ""; height: 30px; width: 100%; border-left: 1px solid rgba(0,0,0,0.1); position: absolute; right: 20px; top: 10px;}
.address-list.style-2 ul li:first-child::before{ display: none;}
.address-list.style-2 ul li span{ display: block; font-weight: normal; font-size: 12px;}
.address-list.style-2 ul li i{ background: none; font-size: 30px; position: absolute; left: 0; top: 10px;}

.nav-holder.style-2 .nav-bar{ background: #fff; border-top: 1px solid rgba(0,0,0,0.1); ; border-bottom: 1px solid rgba(0,0,0,0.1);}
.nav-holder.style-2 .navigation{ margin: 0; float: left;}
.nav-holder.style-2 .navigation > ul > li > a{ padding: 30px 19px 15px; font-weight: normal; font-size: 14px; color: #555;} 
.nav-holder.style-2 .navigation > ul > li > a > i{ top: 13px; font-size: 14px;}
.nav-holder.style-2 .navigation > ul > li{ border-left: 1px solid rgba(0,0,0,0.1);}
.nav-holder.style-2 .navigation ul li:last-child{ border-right: 1px solid rgba(0,0,0,0.1);}
.nav-holder.style-2 .navigation ul li::before{ display: none;}
.nav-holder.style-2 .navigation ul > li.dropdown-icon > a::after{ display: none;}

.nav-holder.style-2 .mega-dropdown-holder > ul{ top: 66px!important;}


.search-nd-drop{ float: right; margin: 10px 0 0 10px;}
.search-nd-drop ul{ overflow: hidden;}
.search-nd-drop ul li{ float: left; margin: 0 0 0 10px;}
.search-nd-drop ul li:first-child{ margin: 0;}
.language-select{ width: 170px;}
.language-select select{  padding: 0 15px; height: 43px; border: 1px solid #e6e6e6; width: 100%; font-size: 12px; color: #999; text-transform: uppercase;}
.language-select select option{ padding: 10px; border-bottom: 1px solid #e6e6e6;}

.search-bar.style-2{ margin: 0; position: relative; width: 270px;}
.search-bar.style-2 input{ height: 43px; line-height: 43px; border: 1px solid #e6e6e6; text-transform: uppercase;}
.search-bar.style-2 .sub-btn{ position: absolute;  top: 0; right: 0; border-radius: 0; height: 43px; line-height: 43px; padding: 0 15px; width: auto;}

.aurthor-history.style-2{ min-height: 296px; position: relative; padding: 0 0 0 240px;}
.aurthor-history.style-2 > img{ position: absolute; left: 0;}

.follow-nd-s-pro{ overflow: hidden;}
.follow-nd-s-pro .follow{ float: left; width: 64%;}
.follow-nd-s-pro .s-related-products{ float: right; margin: 0;}

.aurthor-history.style-2 .text-box h5{ color: #1e293d; font-size: 16px; font-style: normal; font-weight: bold;}
.aurthor-history.style-2 .text-box h5 span{ font-size: 12px; font-style: italic;}
.aurthor-history.style-2 .s-related-products li span{ display: block; color: #555; font-weight: bold; line-height: 15px;}

.blog-style-1.style-2 .post-box .text-column em i,
.blog-style-1.style-2 .post-box .text-column em{ color: #999;}
.blog-style-1.style-2 .post-box{ border: 0; padding: 0; margin: 0 0 25px;}
.blog-style-1.style-2 .post-box:last-child{ margin: 0; }

/****** Inner Banner ***********************************************************
*********************************************************** Inner Banner ******/
.inner-banner::before{ background: rgba(0,0,0,0.7);}
.inner-page-heading{ text-align: center;}
.inner-page-heading h2{ margin: 0; font-size: 36px; font-weight: bold;}
.inner-page-heading.style-2 h2{ margin: 0 0 20px;}
.inner-page-heading.style-2 span{ color: #fff; text-transform: uppercase;}
.inner-page-heading.style-2 span i{ margin: 0 10px 0 0;}
.inner-page-heading.style-2 p{ color: #fff; margin: 0;}

.breadcrumb-holder{ padding: 20px 0;}
.breadcrumbs{ float: right; color: #555;}
.breadcrumbs ul li{ float: left; font-size: 12px; text-transform: uppercase;}
.breadcrumbs ul li a{ float: left; color: #999;}
.breadcrumbs ul li::before{ content: "/"; float: left; margin: 0 5px;}
.breadcrumbs ul li:first-child::before{ display: none;}

/****** Blog All View ***********************************************************
*********************************************************** Blog All View ******/
.aside-widget .search-bar.style-2{ width: 100%;}

.Category-list li a{ padding: 10px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px;}
.Category-list li a:hover{ margin: 0 0 0 20px;}
.Category-list li a:hover::before{ margin: 0 20px 0 0;}
.Category-list li a::before{ content: "\f105"; font-family: fontawesome; margin: 0 10px 0 0; color: #ccc;}
.Category-list li:first-child a{ padding-top: 0;}
.Category-list li:last-child a{ padding-bottom: 0; border: 0;}

.s-arthor-list.style-2 .s-arthor-detail h6{ margin: 0; line-height: 20px;}
.s-arthor-list.style-2 .s-arthor-detail h6 a{ color: #1e293d;}
.s-arthor-list.style-2 .s-arthor-detail span{ font-size: 12px; color: #999;}

.weekly-newsletter .form-group{ position: relative;}
.weekly-newsletter .form-group .form-control{ padding-left: 40px; }
.weekly-newsletter .form-group i{ position: absolute; left: 15px; top: 15px; color: #ccc;}

.tags-list{ margin: 0 0 0 -2px;}
.tags-list li{ float: left; margin: 0 0 5px 2px;}
.tags-list li a{ font-size: 12px; padding: 0 14px; height: 34px; line-height: 32px; border: 1px solid #f1f1f1; border-radius: 20px;
background: #f9f9f9; text-transform: uppercase;}
.tags-list li a:hover{ color: #fff;}

/* Blog large Post */
.large-blog-post h3{ font-size: 24px; font-weight: bold; line-height: 36px;}

.large-blog-img{ margin: 0 0 30px;}
.blog-slider .owl-controls{ position: absolute; left: 50%; margin: 0 0 0 -30px; bottom: 30px;}
.blog-slider .owl-dots{ margin: 0;}
.blog-slider .owl-dot{ height: 10px; width: 10px; border-radius: 100%; border: 1px solid #fff; background: none;}
.blog-slider .owl-dot.active{ background: #fff;}

.left-border{ padding: 0 0 0 30px; position: relative;}
.left-border::before{ content: ""; position: absolute; left: 0; width: 9px; height: 100%; background: url(images/border-left.jpg) repeat-y;}

.meta-post{ margin: 0 0 20px; overflow: hidden;}
.meta-post li{ float: left; font-size: 13px; color: #999;}
.meta-post li span{ color: #555;}
.meta-post li i{ margin: 0 10px 0 0;}
.meta-post li:first-child::before{ display: none;}
.meta-post li::before{ content: "/"; float: left; margin: 0 10px;}

.post-m-widget{ margin: 0 0 80px;}

.post-thumnail-slider .bx-wrapper{ margin: 0 0 9px;}
.post-thumnail-slider #thumbnail{ overflow: hidden; }
.post-thumnail-slider #thumbnail a {display: inline-block; margin: 0 0 0 9px; vertical-align: top; width: 15%;}
.post-thumnail-slider #thumbnail a:first-child{ margin: 0;}
.post-thumnail-slider .post-thumbnail li .overlay a{ height: 68px; line-height: 68px; width: 68px; border-radius: 100%; 
background: #1e293d; color: #fff; font-size: 25px; text-align: center; visibility: hidden; opacity: 0; margin: 30px 0 0;}
.post-thumnail-slider .post-thumbnail li:hover .overlay a{ visibility: visible; opacity: 1; margin: 0;}

/* Blog Post List */
.list-blog{ margin: 0 0 40px;}
.list-blog .blog-detail h3{ font-size: 24px; font-weight: bold; line-height: 36px; margin: 0 0 10px;}
.list-blog .blog-detail .meta-post{ margin: 0 0 10px;}
.list-blog .blog-detail p{ margin: 0 0 10px;}

.grid-blog{ border: 1px solid #e7e7e7;}
.grid-blog .blog-detail{ padding: 20px;}
.grid-blog .blog-detail h5{ font-weight: bold;}
.grid-blog .blog-detail p{ font-size: 12px;}
.grid-blog .blog-detail .aurthor-detail{ border-top: 1px solid #e7e7e7; }
.date{ color: #555; font-size: 13px; text-transform: capitalize; margin: 0 0 15px;}
.date i{ margin: 0 10px 0 0;}

.large-blog-img.video iframe{ height: 460px;}

/* Blog Grid */
.blog-grid .grid-blog{ margin: 0 0 60px;}

/****** Event Detail ***********************************************************
*********************************************************** Event Detail ******/
.event-organizar.style-1{ border-bottom: 1px solid #e7e7e7; padding: 0 0 20px; margin: 0 0 20px;}
.event-organizar.style-1 span{ font-size: 14px;}
.event-organizar.style-1 span i{ font-style: normal;}

.event-detail > h2{ font-size: 33px; font-weight: bold; margin: 0 0 10px; line-height: 40px;}
.event-map{ height: 480px; margin: 0 0 30px;}

.social-text{ padding: 0 0 0 90px; margin: 0 0 60px; position: relative;}
.social-text .social-icons{ position: absolute; left: 0;}
.social-text .social-icons li{ float: none; margin: 0 0 14px; text-align: center;}
.social-text .social-icons li:last-child{ font-size: 14px; margin: 0 0 30px; color: #333; font-weight: bold;}
.social-text .social-icons li a{ display: inline-block;}
.social-text p{ font-size: 14px; margin: 0 0 20px;}
.social-text p:last-child{ margin: 0;}

.single-event-detail blockquote{ padding: 0 0 0 30px; font-size: 20px; color: #1e293d; font-style: italic; font-weight: bold;
border-left: 5px solid #1e293d;}

.single-event-detail blockquote i.fa-quote-left {font-size: 13px;color: #dcdcdc;font-style: italic;position: absolute;margin: 0px -15px;}
.single-event-detail blockquote i.fa-quote-right {font-size: 13px;color: #dcdcdc;font-style: italic;position: absolute;}

.related-events{ margin: 0 0 80px;} 
/*.single-event-detail{ margin: 0 0 60px;}*/
.event-detail.style-2 .aurthor-detail{ border-top: 1px solid #e7e7e7;}
.event-detail.style-2 .meta-post li{ margin: 0 0 10px;}
.event-detail.style-2 .meta-post li:last-child{ margin: 0;}
.event-detail.style-2 .meta-post li::before{ display: none;}
.event-detail.style-2 .aurthor-detail span{ font-size: 12px;}

.comments-holder{ margin: 0 0 60px;}
.comments-holder > ul > li{ position: relative; overflow: hidden; margin: 0 0 30px;}
.comments-holder > ul > li > img{ position: absolute; margin: -10px 0 0 0; border-radius: 100%;}
.comments-holder ul li:last-child{ margin: 0;}
.comment{ padding: 0 0 0 100px;}
.comment h6{ margin: 0 0 20px; font-size: 14px; font-family: 'Lato', sans-serif;}
.comment h6 span{ color: #555; margin: 0 0 0 10px;}
.comment p{ margin: 0 0 20px; font-size: 14px;}
.comment .replay-btn{ font-size: 14px; }
.comment .replay-btn i{ margin: 0 10px 0 0;}
.sub-comment{ background: #f7f7f7; padding: 20px; margin-left: 100px!important;}
.sub-comment .comment{ padding: 0 0 0 70px;}
.sub-comment > img{ margin: 0!important;}

.sending-form .form-group{ position: relative; margin: 0 0 30px;}
.sending-form .form-group .form-control{ padding-left: 40px; }
.sending-form .form-group i{ position: absolute; left: 15px; top: 18px; color: #ccc;}

/****** Blog Detail ***********************************************************
*********************************************************** Blog Detail ******/
.single-blog-detail{ margin: 0 0 60px;}
.single-blog-detail blockquote{ font-size: 26px; font-style: italic; font-weight: bold;}

.blog-arthor{ position: relative; padding: 30px; background: #f9f9f9; margin:  0 60px;}
.blog-arthor-detail{ padding: 0 0 0 110px;}
.blog-arthor > img{ position: absolute;}

/****** Shop Detail ***********************************************************
*********************************************************** Shop Detail ******/
.tabs-nav ul li{ margin: 0 0 6px;}
.tabs-nav ul li:last-child{ margin: 0;}
.tabs-nav ul li a{ padding: 15px 20px; background: #f9f9f9; font-weight: bold;}
.disc-reviews-tabs .tabs-nav ul li.ui-tabs-active a{ color: #fff;}

/****** About Us ***********************************************************
*********************************************************** About Us ******/
.service-column.style-2{ text-align: center; padding: 30px 20px; margin: 0; border:1px solid #777}
.service-column.style-2 .service-icon{ display: inline-block; position: static; height: 70px; width: 70px;
line-height: 70px; font-size: 30px; margin: 0 0 30px; vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px transparent;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;}
.service-column.style-2 h4{ font-size: 16px; font-weight: bold;}
.service-column.style-2:hover{
-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.20);
box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.20);}
.service-column.style-2:hover .service-icon {-webkit-transform: scale(1.2);  transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}

.mission-disc h4{ font-weight: bold; font-size: 24px;}
.mission-disc strong{ font-size: 16px; margin: 0 0 20px; display: block;}

.simple-heading-holder{ text-align: center;}
.simple-heading{ display: inline-block; padding: 0 0 50px;}
.simple-heading h2{ font-size: 36px; font-weight: bold;}

/* Statistic */
.statistic::before{ background: rgba(0,0,0,0.8); z-index: 2; background-size: 100% 100%!important;}
.facts-list ul li{ text-align: center; color: #fff;}
.facts-list ul li i{ display: inline-block; font-size: 30px; margin: 0 0 15px;}
.facts-list ul li strong{ font-size: 36px; font-weight: 800; display: block; margin: 0 0 10px;}
.facts-list ul li span{ font-size: 16px; font-family: 'Lato', sans-serif;}

/****** Contant ***********************************************************
*********************************************************** Contant ******/
.address-column{ text-align: center;}
.address-column h6{ font-weight: bold;}
.address-icon{ height: 70px; width: 70px; line-height: 70px; margin: 0 0 30px; text-align: center; border-radius: 100%; 
background: #f8f8f8; color: #555; font-size: 20px; display: inline-block;}
.address-column strong{ font-size: 14px; margin: 0 0 10px; display: block;}
.address-column .social-icons{ display: inline-block;}
.address-column .social-icons li a{ height: 23px; width: 23px; line-height: 23px; font-size: 12px;}
.address-column:hover .address-icon{ color: #fff;}
.address-column p:last-child{ margin: 0;}

.contant-map{ height: 450px;}

/****** 404 ***********************************************************
*********************************************************** 404 ******/
.error-area{ width: 67%; margin: 0 auto;}

.error-heading{ position: relative; padding: 0 0 0 272px; margin: 0 0 30px;}
.error-heading > span{ position: absolute; left: 0; font-size: 150px; line-height: 116px; font-weight: 800;}
.error-heading h2{ font-size: 65px; font-weight: bold; line-height: 62px; margin: 0;}
.error-heading h2 span{ display: block;}

.error-area p{ font-size: 18px; text-align: center;}
.error-area form{ position: relative;}
.error-area form .btn-1{ position: absolute; right: 0; height: 100%; padding: 0 35px; border-radius: 0;}

/****** Massonary View ***********************************************************
*********************************************************** Massonary View ******/
.massonary-view{float:left;width:100%;padding:90px 0 120px;}
#blog-masonrywrap{width:100%;float:left;list-style:none;position:relative;margin:0;padding:0;}
.massnory-box{float:left;width:100%;border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 0 20px;}
.massnory-box .frame{float:left;width:100%;overflow:hidden;position:relative;}
.massnory-box .frame img{display:block;width:100%;}
.massnory-box .text-box{float:left;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px 20px 5px;}
.massnory-box .text-box p{margin:0 0 15px;}
.massnory-box .text-box h3{line-height:25px;margin:0 0 12px;}
.massnory-btm-row{float:left;width:100%;border-top:1px solid #e3e3e3;padding:15px 0;}
.massnory-btm-row .thumb{float:left;width:34px;height:34px;border-radius:100%;overflow:hidden;margin:0 12px 0 0;}
.massnory-btm-row .thumb img{display:block;width:100%;border-radius:100%;}
.massnory-btm-row .text-column{overflow:hidden;}
.massnory-btm-row .text-column strong.title{display:block;font:700 14px/14px Lato, sans-serif;color:#333;padding:0 0 7px;}
.massnory-btm-row .text-column span{display:block;font:400 14px/14px Lato, sans-serif;color:#999;}
.massnory-btm-row .text-column a.like{font-size:14px;text-decoration:none;float:right;color:#999;padding:0 0 0 12px;}
.massonary-view .owl-next{width:27px;height:27px;border:1px solid #fff;border-radius:100%;background:rgba(0,0,0,0.2);position:absolute;right:15px;top:0;bottom:0;font-size:0;margin:auto;}
.massonary-view .owl-next:before{content:"\f105";display:block;color:#fff;font-size:14px;text-align:center;line-height:27px;font-family:FontAwesome;}
.massonary-view .owl-prev{width:27px;height:27px;border:1px solid #fff;border-radius:100%;background:rgba(0,0,0,0.2);position:absolute;left:15px;top:0;bottom:0;font-size:0;margin:auto;}
.massonary-view .owl-prev:before{content:"\f104";display:block;color:#fff;font-size:14px;text-align:center;line-height:27px;font-family:FontAwesome;}
.massonary-view a.btn-load{width:153px;height:41px;display:block;border:1px solid #e8e8e8;border-radius:30px;font:14px/38px Lato, sans-serif;text-align:center;clear:both;text-decoration:none;margin:0 auto;}
.massonary-view a.btn-load .fa{padding:0 7px 0 0;}
.massonary-view a.btn-load:hover{border:1px solid rgba(0,0,0,0);}
.product-detail h5 a {line-height: 1.5;}
.service-column:hover .service-icon {background: #1e293d !important;}
.social-icons.mk li a {color: #555 !important;font-size: 20px;margin: 8px;}
.padding-0 {padding:0 !important;}
.footer-column.logo-column a img {background: #fff;padding: 10px;border: 10px solid rgba(0,0,0,0.80);}
.respoinve-nav-list li a i {float: right;}
.cb-mono img {padding-left: 10px;}

/* Theme transition Effect */
*:after,*:before,a,p,h1,h2,h3,h4,h5,h6,button,.adds-book,.owl-prev,.owl-next,.aurthor-timeline .tabs-nav li.active a i,.footer-links li,.plus-icon,.product-cart-option,.product-cart-option li,.s-product-hover,.service-icon,.overlay,.view-page-overlay,.view-page,.navigation ul li ul,.heart-batch,.service-column.style-2,.team-column .overlay-padding,.address-column .address-icon{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


/*  Default CSS */
#dates .selected,.action-text h3 span,.add-cart-alert p i,.address-column h6,.address-list li i,.address-list.style-2 ul li i,.arthor-list-img .overlay a,.author-p-detail ul li h6 i,.availability strong,.back-top i,.blog-style-1 .post-box .text-column em i,.blog-style-1.style-2 .post-box .text-column span,.book-list-detail strong,.books-post-widget span,.bx-wrapper .bx-controls-direction a:hover,.caption.style-1 p,.caption.style-2 h1 span,.cart-option ul li a:hover,.comment h6,.date i,.description .check-list li::before,.error-heading h2 span,.event-img .overlay a,.event-organizar.style-1 span i,.facts-list ul li i,.footer-column h4,.footer-links li a:hover,.meta-post li i,.mission-disc h4 span,.navigation li a:hover,.navigation li a:hover i,.navigation ul li ul li .mega-dropdown a:hover,.offer-price del,.online-option ul li a:hover,.pagination-holder ul li a:hover,.pagination-holder ul li.active a,.product-thumnbnail .bx-wrapper ul li .expand,.quick-view .prics .now,.rating-nd-price strong,.recomend-slider .owl-next:hover,.recomend-slider .owl-prev:hover,.related-products h5 span,.release-book-detail span,.s-arthor-detail,.s-arthor-detail>a,.s-product-hover ul li a,.single-blog-detail blockquote,.switcher h2 a,.terms a,.theme-color,a:hover{color:#A8CF4C}#dates .selected::before,.add-cart a span,.address-column:hover .address-icon,.best-sellers-tabs .tabs-nav li.ui-tabs-active a,.btn-1,.disc-reviews-tabs .tabs-nav ul li.ui-tabs-active a,.filter-tags-holder ul li a.selected,.gallery-figure .overlay ul li a:hover,.nav-holder.style-2 .add-to-cart .btn-1 i em,.navigation ul li ul li a::before,.plus-icon,.pricing-slider .ui-slider .ui-slider-range,.product-cart-option li a:hover,.product-img .sale-bacth,.progress-rating .progress-bar,.s-product-hover ul li a:hover,.search-bar .sub-btn:hover,.service-column:hover .service-icon,.sidebar ul li.ui-state-active::before,.social-icons ul li a:hover,.tags-list li a:hover{background:#A8CF4C}.add-cart-alert,.authors-filter ul li a.selected::before,.gallery-figure .overlay ul li a:hover,.navigation ul li a::before,.navigation ul li>ul,.pagination-holder ul li.active a,.sec-heading::before,.social-icons ul li a:hover,.tags-list li a:hover{border-color:#A8CF4C}

/* Responsive.css */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.layer-img{ margin: 40px 0 0 170px;width: 360px;}	
.caption.style-1{ right: 90px;}
.caption.style-1 h1{ font-size: 45px;}
.caption.style-1 b{ font-size: 37px; line-height: 35px; margin: 0 0 20px;}
}
@media only screen and (max-width : 1199px) {
.navigation{ margin: 15px 0 0;}
.navigation > ul > li > a{ padding: 30px 20px;}
.layer-img{ margin: 40px 0 0 70px;}
.caption.style-1{ width: 390px;}
.caption.style-2{ width: 540px;}
.caption.style-2 h1{ font-size: 36px;}
.release-thumb-holder{ width: 60%;}
.release-thumb a.active {padding:10px 20px !important;}
.release-thumb li {margin:0 -4px 0 10px;}
.release-book-detail .detail h4{ font-size: 20px;}
.release-book-detail .detail p{ font-size: 10px;}
<!--.release-thumb li:last-child{ display: none!important;}-->
.bx-wrapper .bx-controls-direction{ right: -607px;}
.upcoming-slider::before{ height: 86.6%;}
.add-banner-2 h3{ font-size: 32px;}
.add-banner-2 p{ font-size: 14px;}
.add-banner h3{ font-size: 16px;}
.add-banner p{ font-size: 12px;}
.recomend-slider{ background: url("../images/book-shelf-img.png") no-repeat 2px 31px; background-size: 100% 100%;}

.nav-holder.style-2 .navigation > ul > li > a{ padding: 30px 15px 15px;}
.language-select{ width: 120px;}
.search-bar.style-2{ width: 180px;}
.search-bar.style-2 input{ font-size: 12px;}
.follow-nd-s-pro .follow{ width: 49%;}
.aurthor-history.style-2 .left-box p{ margin: 0 0 10px; font-size: 13px!important;}
.blog-style-1.style-2 .post-box .thumb{ width: auto!important;}
.blog-style-1 .post-box .text-column em{ font: 400 11px/13px "Lato",sans-serif;}

.collection-content > ul > li{ width: 17.1%!important; margin: 10px 0 10px 20px!important;}
.s-product-hover ul li a{ font-size: 10px; height: 21px; line-height: 21px; width: 21px;}
.progress-rating .progress{ margin: 0;}
.s-product h6{ font-size: 14px;}
.s-product > span{ font-size: 12px;}
.sidebar ul li a{ font-size: 12px;}
.sidebar h4{ font-size: 16px;}
.services-text h3{ font-size: 18px;}
#dates > li{ width: 112px;}
.timeline-area .text-box .left-box{ width: 347px;}
.gallery > ul > li{ width: 31.6%;}
.blog-style-1 .post-box .thumb{ width: 120px;}
.blog-style-1 .post-box .text-column a{ font-size: 10px; padding: 0 0 5px;}
.footer-links li a{ font-size: 13px;}
.footer-links li::before{ top: -3px;}
.address-list.style-2{ margin: 0;}

.product-thumnbnail #product-thumbs a{ padding: 15px 18.7px;}
.team-detail h5{ font-size: 14px;}

.filter-tags-holder ul li a{ min-width: 80px;}
.error-area{ width: 77%;}
}
@media only screen and (max-width : 1024px) {
.main-slider .owl-nav .owl-prev{ left: 50px;}
.main-slider .owl-nav .owl-next{ right: 50px;}
.layer-img{ width: 300px; margin: 40px 0 0 120px;}
.caption.style-1 b{ display: none;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}
@media only screen and (max-width : 991px) {
.layer-img{ margin: 40px 0 0;}
.caption.style-1{ right: 0;}
.caption.style-2{ width: 420px;}
.nav-holder.style-1{ padding: 20px 0;}
.navigation{ display: none;}
.recomend-slider{ padding: 0 130px 95px;}
.sidebar{ margin: 0 0 30px;}
.sidebar ul{ height: 300px;}
.services-text{ margin: 0 0 30px;}
.aurthor-img{ margin: 0 auto 30px; width: 40%;} 
.timeline-area .text-box .left-box{ width: 367px;}
.blog-style-1{ padding: 0 0 30px;}
.add-banner{ margin: 0 0 60px;}
.footer-column{ min-height: 220px;}
.release-book-detail::before{ display: none;}
.release-book-detail{ width: 70%; margin: 0 auto; float: none;}
.release-thumb li:last-child{ display: block!important;}
.upcoming-slider{ padding: 40px 0 0;}
.release-thumb-holder{ text-align: center; float: none; width: 100%;}
.release-thumb-holder ul{ display: inline-flex;}
.release-thumb{ float: none;}
.upcoming-slider::before{ height: 100%;}
/*.upcoming-slider::before{ height: 94%;}*/
.upcoming-slider{ min-height: 510px;}
.bx-wrapper .bx-controls-direction{ top: -105px; right: -140px;}
.release-heading h4{ font-size: 18px;}
.best-sellers-tabs .tabs-nav li a{ padding: 12px 20px; font-size: 10px; text-align: center;}
.aurthor-history.style-2{ margin: 0 0 30px;}
.blog-style-1.style-2{ padding: 0;}
.follow-nd-s-pro .follow{ width: 100%; margin: 0 0 30px;}
.follow-nd-s-pro .s-related-products{ width: 100%; float: none;}

.search-nd-drop{ margin: 10px; float: right;}
.nav-holder.style-2 .logo{ margin: 0 auto 20px; width: 27%; float: none;}
.address-list.style-2{ float: left;}
.add-to-cart{ float: right;}
.address-list.style-2 ul li{ margin: 0 0 0 20px;}
.address-list.style-2 ul li:first-child{ margin: 0;}

.single-product-detail h3{ font-size: 22px;}
.product-thumnbnail #product-thumbs a{ padding: 15px 16.3px;}
.add-review form{ width: 100%;}

.list-blog div > div > img{ width: 100%; margin: 0 0 30px;}
.list-blog .blog-detail h3{ font-size: 20px;}

.blog-arthor{ margin: 30px 0 0;}
.author-list-detail span{ font-size: 12px;}
.recommended-book{ margin: 15px 0;}
.address-column{ margin: 15px 0;}
.contant-map{ height: 400px;}
.event-img{ margin: 0 0 30px;}

.book-list-header .option-set{ float: left; margin: 30px 0 0; overflow: hidden;}

.book-list-btm .user-likes ul li:last-child{ font-size: 12px;}
.book-list-detail h5{ font-size: 14px;}
.book-list-widget .detail{ padding: 0 0 0 130px;}
.book-list-btm .user-likes,
.book-list-btm .like-nd-share{ float: none; text-align: center;}
.book-list-btm .user-likes ul,
.book-list-btm .like-nd-share ul{display: inline-block;}
.error-area{ width: 100%;}
.error-heading h2{ font-size: 42px;}

.nav-holder.style-2 .responsive-btn{ display: block; position: static; float: left; margin: 20px 0 0; padding: 0;}
.quick-view .modal-content{ width: 600px;}

.r-nav-logo{ margin: 0 auto 30px; width: 50%;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
.responsive-btn{display: block;}
.layer-img{ width: 230px; margin: 40px 0 0 70px;}
.caption .btn-1{ height: 38px; line-height: 38px; padding: 0 16px;}
.caption.style-1{ right: 100px; width: 290px;}
.caption.style-1 h1{ font-size: 20px;}
.caption.style-2 h1{ font-size: 26px;}
.caption.style-2 p{ display: none;}
.post-thumnail-slider #thumbnail a {float: none; display: inline-block; margin: 0 -4px 0 9px; vertical-align: top; width: 15%;}
}
@media only screen and (max-width : 767px) {
.layer-img{ visibility: hidden; opacity: 0; margin: 0;}
.caption.style-1 p{ display: none;}
.caption.style-1 b{ display: block; font-size: 18px; line-height: 18px;}
.caption.style-1{ right: 40px;}
.owl-nav .owl-prev, .owl-nav .owl-next{ height: 40px; width: 40px; line-height: 40px; margin: -22px 0 0;}
.caption.style-2{ width: 310px;}
.caption.style-2 h1{ font-size: 20px;}
.release-heading{ width: 100%;}
.best-sellers-tabs .tabs-nav{ margin: 0 0 0 -10px;}
.best-sellers-tabs .tabs-nav li{ margin: 0 0 20px 7px!important; border-left: 1px solid #efefef;}
.tabs-nav-holder::before{ width: 86%;}
.collection-content > ul > li{ width: 21.4%!important;}
.s-product-tooltip{ display: none;}
#dates > li{ width: 91px;}
.timeline-area .text-box .left-box{ width: 430px; margin: 0 20px 40px 0;}
.s-related-products{ float: none; margin: 0;}
.gallery > ul > li{ width: 31.5%;}
.footer-column{ min-height: 220px;}
.r-full-width {margin: 15px 0;}
<!--.release-thumb li:last-child{ display: none!important;}-->
.upcoming-slider{ min-height: 540px;}
.sub-foorer .col-sm-6{ width: 100%!important; text-align: center;}
.sub-foorer .col-sm-6 p{ margin: 0 0 10px;}
.sub-foorer .col-sm-6 a{ float: right!important;}
.sub-foorer .col-sm-6 ul{ display: inline-block; float: none; margin: 0 0 0 100px;}
.address-list.style-2{ display: none;}
.add-to-cart{ display: none;}
.nav-holder.style-2 .logo{ margin: 0 auto;}
.pull-none{ float: none!important;}
aside{ margin: 80px 0 0;}
.single-aurthor-detail aside{ margin: 0;}

.product-thumnbnail{ margin: 0 0 40px;}
.disc-reviews-tabs .tabs-nav{ margin: 0 0 30px;}
.arthor-detail-column{ margin: 0 0 30px;}
.laptop-img{ display: none;}

.error-heading h2{ font-size: 36px;}
.collection-content > ul > li{ min-height: 300px;}
.tc-padding{ padding: 50px 0;}
.tc-padding-top{ padding-top: 50px;}
.tc-padding-bottom{ padding-bottom: 50px;}
.add-banner-2 .adds-book {top: 2em;right: 0;height: 140px;}
.recomend-slider .owl-next{left:90%;}
.recomend-slider .owl-prev{right: 90%;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 639px) {
.online-option{ display: none;}
.cart-option{ margin: 0;}
.caption{ display: none;}
.recomend-slider .owl-prev{ left: 5em; right: auto;top:10em}
.recomend-slider .owl-next{ right: 5em; left: auto;top:10em}
.collection-content > ul > li{ width: 29.1% !important;}
.pagination-holder ul li{ margin: 0;}
#dates > li{ width: 75px;}
.gallery > ul > li{ width: 47.8%;}
.footer-column{ min-height: 220px;}
.main-heading h2{ font-size: 14px;}
.main-heading p{ font-size: 12px;}
.release-thumb a.active{ padding: 5px;}
.bx-wrapper .bx-controls-direction{ left: -46px;}

.aurthor-history.style-2 > img{ position: static; margin: 0 0 30px;}
.aurthor-history.style-2{ padding: 0;}
.author-list-widget{ padding: 0;}
.arthor-list-img{ position: relative; margin: 0 0 30px;}
.arthor-list-img > img{ width: 100%;}
.address-column strong{ font-size: 12px;}

.error-heading{ padding: 0 0 0 122px;}
.error-heading h2{ line-height: 33px; font-size: 24px;}
.error-area p{ font-size: 14px;}
.error-heading > span{ font-size: 60px; line-height: 66px;}
<!--.release-thumb li:nth-child(4){ display: none;}-->
.release-book-detail .detail{ width: 50%;}
.plus-icon{ margin: -11px 0 0 -20px !important;}
.quick-view .modal-content{ width: 420px;}
.related-products{ margin: 0 0 30px;}
}
@media only screen and (max-width : 480px) {
.tweet-slider .owl-nav{ bottom: auto; top: 0;}
.login-modal .modal-content{width: 375px;}
.post-thumnail-slider #thumbnail a {float: none; display: inline-block; margin: 0 -4px 0 8px;vertical-align: top;width: 15%;}
}
@media only screen and (max-width : 479px) {
.cart-option ul li{ margin: 0 0 0 10px;}
.release-book-detail{ width: 100%;}
.bx-wrapper .bx-controls-direction{ left: auto;}
.best-sellers-tabs .tabs-nav li a{ min-width: 99px; padding: 10px;}
.tabs-nav-holder::before{ width: 76%;}
.add-banner{ padding: 30px!important; margin: 0 0 30px;}
.recomend-slider{ padding: 0 10px 95px;}
/*.add-banner > img{ display: none!important;}*/
.collection-content > ul > li{ width: 44.4% !important; text-align: center;}
.aurthor-img{ width: 80%;}
h2{ font-size: 18px;}
.gallery > ul > li{ width: 100%;}
.gallery > ul > li img{ width: 100%;}
.tweet-slider .item{ padding: 0 5px 0 63px!important;}
.sub-foorer .col-sm-6 ul{ margin: 0;}
.recomend-slider .owl-item{ width: auto!important;}
.search-nd-drop{ display: none;}
.r-full-width{ width: 100%!important; margin: 15px 0;}
.sort-dropdown{ margin: 0 0 30px; float: none!important;}
.sort-dropdown:last-child{ margin: 0;}	
.add-cart-alert{ text-align: center;}
.add-cart-alert .btn-1{ display: inline-block; float: none; margin: 10px 0 0;}
.single-product-detail h3{ font-size: 16px;}
.large-blog-post h3{ font-size: 15px;}
.inner-page-heading h2{ font-size: 20px;}
.large-blog-img.video iframe{ height: 170px;}
.facts-list ul li{ margin: 0 0 30px;}
.call-action{ text-align: center;}
.call-action .btn-1{ display: inline-block; float: none; margin: 20px 0 0;}
.action-text h3{ font-size: 22px;}

.book-list-detail .detail{ padding: 0;}
.book-list-detail > img{ position: static; margin: 0 0 30px;}
.book-list-btm .user-likes ul li:last-child{ display: none;}

.nav-holder.style-2 .responsive-btn{ margin: 10px 0;}
.quick-view .modal-content{ width: 300px;}
.single-product-detail .btn-list li{ margin: 0 5px 5px 0;}
.best-sellers-tabs .tabs-nav li a{ min-width: 87px;}
#magazine{ width: 250px; height: 250px;}
.open-book-view .modal-content{ padding: 30px;}
<!--.release-thumb li:nth-child(3){ display: none;}-->
#dates > li{ width: 45px;}
.sec-heading .view-all{ margin: 0;}
.add-banner-1 .adds-book {top: 5em;height: 110px;left: 15em}
.add-banner-2 .adds-book {top: 5em;height: 110px;}
.release-book-detail .detail {width: 58%}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.login-modal .modal-content{width: 320px;}
.collection-content > ul > li{ width: 43.4% !important;}
.pagination-holder ul li a{ height: 21px; line-height: 19px; padding: 0 5px;}
#dates .selected{ font-size: 18px;}
.sec-heading h3, .sec-heading h4{ font-size: 16px;}
.tweet-slider .owl-nav{ bottom: auto; top: 0;}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: 100%;}
.tc-padding-bottom{ padding-bottom: 60px!important;}
.tc-padding-top{ padding-top: 60px!important;}
.tc-padding{ padding: 60px 0;} 
.release-thumb li{ float: left; height: 250px; margin: 0 0 0 19px!important; width: 126px;}
.release-thumb li a .b-shadow{ display: inline-block;}
.recomend-slider .owl-nav .owl-prev, .recomend-slider .owl-nav .owl-next{ margin: -54px 0 0 0; }
.main-heading h2::before, .main-heading h2::after{ width: 60px;}
.main-heading h2{ font-size: 13px; padding: 0 10px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tab-width {width: 50%;float: left;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.recomend-slider .owl-prev{ right: 90%;}
.recomend-slider .owl-next{ left: 90%;}
}
.service-column.style-2.product-detail {
    min-height: 275px;
}
.service-column.style-2.product-detail::before, .service-column.style-2.product-detail::after{ border-bottom: 1px solid #777; border-left: 1px solid #777; border-right: 1px solid #777; content: ""; height: 8px; position: absolute;}
.service-column.style-2.product-detail::before{ bottom: -9px; left: 3px;  width: 98.6%;}
.service-column.style-2.product-detail::after{ bottom: -17px; height: 8px; left: 6px; width: 96.6%;}

/*.footer-column.arrows h4::before {
    left: -1%;
    background: url(images/heading-color-left-line.png) no-repeat;
}
.footer-column.arrows h4::before, .footer-column.arrows h4::after {
    content: "";
    position: absolute;
    width: 58px;
    height: 6px;
    top: 18%;
    margin: -2px 0 0;
}
.footer-column.arrows h4::after {
    margin-left: 3px;
    background: url(images/heading-color-right-line.png) no-repeat;
}*/

.footer-column.arrows::before {
    content: "";
	position: absolute;
	width: 50px;
	border-bottom: 3px solid;
	border-bottom-color: currentcolor;
	top: 0;
	border-color:#A8CF4C;
}
.footer-info {
	width: 50%;
	float: left;	
}