@charset "utf-8";
/* CSS Document */



@media screen and (min-device-width: 1601px) and (max-device-width: 1920px)
{
	.pholder {width: 100%;height: 20px;}
	.fltobj {
		margin-top: -360px;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(241,241,241,1)), color-stop(100%, rgba(238,238,238,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
		position: relative;
		z-index: 999;
	}
	.flex-control-nav {top:240px!important;}
	#btn-srch {background-color:#ffd300; border-color:#ffd300; color:#727088; width:60px;}
	#term {padding:6px 10px;margin:0;position: relative; z-index: 2050;}
	.container-fluid {padding-left: 0px!important;	padding-right: 0px!important;}

	.spctrl1 {margin-left: 15px !important;padding-left: 0px !important; padding-right: 0 !important;margin-right: -15px !important;}
	.spctrl2 {padding-left: 0 !important; padding-right: 0 !important;}
	.spctrl3 {padding-left: 0 !important; padding-right: 0px !important;margin-left: -15px !important;}
	.boxsp {padding: 20px;background-color: #ffffff;margin: 20px 20px 0;}
	.box {padding-top: 15px;width: auto;height: 80px;}
	.boxlbl{font-size: 16px;font-weight: bold; color:#000000;}
	.boxad {border-radius: 5px;margin: 15px 15px 0;height: 383px;}
	.setht {height: 290px;overflow-y: auto;overflow-x: hidden;line-height: 1.6;display: block;}
	.sliderboxhead {padding: 0px 15px 5px 0;font-weight: bold;margin-left: -15px;}
	.wrap {	border: 1px solid #cccccc;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;}

	.card-img-top {	height: 180px!important;width:auto;padding-bottom: 15px;/*max-width: 110px;*/object-fit: contain;}
	.card-img-top2 {height: 180px!important;width:auto;padding-right: 25px;padding-bottom: 10px;float:left}
	.des {width:100%;}
	.des2 {float:left;width:60%;margin-bottom: 15px;}
	.ht {width:100%;margin-bottom: 15px;}
	.ht span {font-size: 16px!important;color: #C92F0C;}
	.ht2 {width:100%;}
	.itms {padding-bottom: 10px;display: block;/*height: 413px;*/width:100%;}
	.itms2 {padding-bottom: 10px;display: block;margin: 0;padding: 0 15% 30px;}
	.itms3 {padding-bottom: 10px;display: block;width:100%;}

	.fsz {font-size: 30px;text-align: center;}

	.list-item a {font-size:18px!important;}

	.mobleft2 {left: 20px; position: absolute;}

	.boxsml1 {height: 90px; padding:10px 5px 10px 10px; background: #fff}
	.boxsml2 {height: 90px; padding:10px 5px; background: #fff}
	.boxsml3 {height: 90px; padding:10px 10px 10px 5px;background: #fff}

	.vticker {float: right;width:130px!important;margin:-7px 0 0 0!important;}
	.myalign {text-align: right;}
	.headitems {width: 98%; float:right;}
	.toppad {padding-top: 20px!important;}
	.helpline {font-weight: bold;font-size:21px;float: left;}
	.fit1 {background-color: #fff3f8;height:150px;margin-left: -15px;}
	.fit2 {background:#fff url(../images/bookgift.png) no-repeat 15px 15px;height:150px;padding: 30px 38px 0;}
	.fit3 {background: #e6f3ff url(../images/client.png) no-repeat 85% 15px;height:150px;margin-right: -15px;}
	.fit3 h3 {cursor:pointer;color:#006838;padding:70px 0 0 70px;line-height: 95%}
	.imgfit1 {position: relative; top: 25%; left: 25%;}
	.imgfit2 {}
	.imgfit3 {}
	.boxdiv {padding:0 15px 15px;}
	.gradient1 {height: 320px!important;margin:0 10px 10px;}
	.gradient {height: 118px!important;}

	.bklist {padding-right: 10px;width:50px;height: auto;}
	.listlbl {font-size: 18px;font-weight: bold;padding-top: 5px;}
	.card-body {padding: 7px 10px 15px 15px!important;}

	.books {font-size: 20px!important;line-height: 24px!important;/*max-height:45px;overflow:hidden;*/}
	.books a {font-size: 20px!important;line-height: 24px!important;/*max-height:45px;overflow:hidden;*/}
	.detail {font-size: 18px!important;/*max-height:18px;overflow:hidden;*/}
	.price {font-size: 18px!important;}
	h5.price s {font-size:18px!important;}

	.table th, .table td {padding: .4rem .6rem;}
	/*.bookinfo {padding: 0 0 0 10px;float: left; margin: 0}*/
	.bookinfo {padding: 0 0 0 10px; margin: -2px 0 0 0;/*float: left;width: 90%;*/}
	.cart-img1 {float: left;padding: 0px 10px 10px 0px;/*width:10%;*/}

	.spcart {display: inline-block;}
	.crtsummary {font-size: 13px;display: inline;/*border: solid 1px #000000;*/border-radius: 4px;margin-left: 10px;padding:8px 10px!important;}

	.btnBlock {display: block;width: 50%;}

	.search {position: fixed;top:9px;z-index: 2050;left:25%;}

	.bkgrouphd {float:left;font-size:32px;width:80%;line-height: 120%}

	.btn { margin-bottom: 0px!important; font-size: 18px!important; line-height: 1.8!important;}
	.btnSeeall {padding: 5px 15px!important;font-size:18px!important;}

	.regular .slick-slide img { width: 97px;height: 120px;object-fit: cover;padding-left: 20px;}

	.mb-0 > a {font-size: 18px!important;line-height: 1.5;}
	.card-body li a {font-size: 1.2rem !important;}

	.book-price {font-size: 18px!important;}
	.book-price s {font-size: 18px!important;}
	.book-price span {font-size: 18px!important;}.

	.book-price2 {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 s {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 span {font-size: 24px!important;color: #000;font-weight: bold;}

	.btn {line-height: 1.4!important;}

	.adv {width:100%;height: 120px;border-radius: 5px;object-fit: contain;}

	.bks .slick-slide img {
		width: auto !important;
		height: 180px !important;
		margin-bottom: 10px;
		padding-left: 0px!important;
	}

	.slick-slide img { width: 80px;height: 120px;object-fit: contain;}

	#scroller li a {font-size: 18px;line-height: 22px;}

	.fsize {font-size:36px;color:#F90;padding-left: 20px;}
	.blist {padding: 5px 15px 5px 5px;height:80px;position: relative;overflow: hidden;}

	.ftlinksection {padding: 10px 22px 7px!important;}

	#details {width:100%;height: 610px;}

	#similarbks {height:380px; width:auto;overflow-y: scroll;overflow-x: hidden;}
	.similarbks {padding: 15px;background-color:#ECECD4;margin-bottom: 15px;}

	a.showSingle {width:160px!important;height: 70px!important;}
	div.menu{margin: 5% 10%!important;}
	.csize {margin-top: 15px;}
}

@media screen and (min-device-width: 1367px) and (max-device-width: 1600px)
{
	#btn-srch {background-color:#ffd300; border-color:#ffd300; width:60px;}
	#term {padding:6px 10px;margin:0;position: relative; z-index: 2050;}
	.pholder {width: 100%;height: 20px;}
	.fltobj {
		margin-top: -360px;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(241,241,241,1)), color-stop(100%, rgba(238,238,238,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
		position: relative;
		z-index: 999;

	}
	.flex-control-nav {top:240px!important;}
	.spctrl1 {margin-left: 15px !important;padding-left: 0px !important; padding-right: 0 !important;margin-right: -15px !important;}
	.spctrl2 {padding-left: 0 !important; padding-right: 0 !important;}
	.spctrl3 {padding-left: 0 !important; padding-right: 0px !important;margin-left: -15px !important;}
	.boxsp {padding: 20px;background-color: #ffffff;margin: 20px 20px 0;}
	.boxad {border-radius: 5px;margin: 15px 20px 0;height: 295px;}
	.setht {height: 205px;overflow-y: auto;overflow-x: hidden;line-height: 1.6;display: block;}
	.box {padding-top: 15px;width: auto;height: 77px;}
	.boxlbl{font-size: 15px;font-weight: bold;}
	/*.container-fluid {padding-left: 15px!important;	padding-right: 15px!important;}*/

	.wrap {	border: 1px solid #cccccc;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;}
	.sliderboxhead {padding: 0px 15px 5px 0;font-weight: bold;margin-left: -15px;}

	.container-fluid {padding-left: 0px!important;	padding-right: 0px!important;}

	.card-img-top {	height: 180px!important;width:auto;padding-bottom: 15px;/*max-width: 110px;*/object-fit: contain;}
	.card-img-top2 {width:auto;height: 120px!important;padding-right: 15px;padding-bottom: 10px;float:left}
	.des {width:100%;}
	.des2 {float:left;width:100%;margin-bottom: 15px;}
	.ht {/*height: 145px;*/width:100%;margin-bottom: 15px;}
	.ht span {font-size: 16px!important;color: #C92F0C;}
	.ht2 {width:100%;}
	.itms {/*padding-bottom: 10px;*/display: block;width:100%;}
	.itms2 {padding-bottom: 10px;display: block;margin: 0;padding: 0 15% 30px;}
	.itms3 {padding-bottom: 10px;display: block;width:100%;margin-bottom:30px!important;}

	.fsz {font-size: 24px;}

	.list-item a {font-size:16px!important;}

	.mobleft2 {left: 20px; position: absolute;}

	.book-price {font-size: 18px!important;}
	.book-price s {font-size: 18px!important;}
	.book-price span {font-size: 18px!important;}

	.book-price2 {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 s {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 span {font-size: 24px!important;color: #000;font-weight: bold;}

	.btn {line-height: 1.6!important;margin-bottom: 0px!important; font-size: 14px;}

	.boxdiv {margin:0 10px 30px;max-width: 15.3%}
	.gradient1 {height: 320px!important;margin:0 10px 10px;}
	.gradient {height: 118px!important;}

	.boxsml1 {height: 90px; padding:10px 5px 10px 10px; background: #fff}
	.boxsml2 {height: 90px; padding:10px 5px; background: #fff}
	.boxsml3 {height: 90px; padding:10px 10px 10px 5px;background: #fff}

	.vticker {float: right;width:130px!important;margin:-7px 0 0 0!important;}
	.myalign {text-align: right;}
	.headitems {width: 98%; float:right;}
	.toppad {padding-top: 20px!important;}
	.helpline {font-weight: bold;font-size:21px;float: left;}
	.fit1 {background-color: #fff3f8;height:150px;margin-left: -15px;}
	.fit2 {background:#fff url(../images/bookgift.png) no-repeat 15px 15px;height:150px;padding: 30px 38px 0;}
	.fit3 {background: #e6f3ff url(../images/client.png) no-repeat 85% 15px;height:150px;margin-right: -15px;}
	.fit3 h3 {cursor:pointer;color:#006838;padding:70px 0 0 70px;line-height: 95%}
	.imgfit1 {position: relative; top: 25%; left: 22%;}
	.imgfit2 {}
	.imgfit3 {}

	.bklist {padding-right: 10px;width:50px;height: auto;}
	.listlbl {font-size: 18px;font-weight: bold;padding-top: 5px;}

	.card-body {padding: 7px 10px 15px 15px!important;}

	.books {font-size: 17px!important;line-height: 1.2!important;/*max-height:45px;overflow:hidden;*/}
	.detail {font-size: 15px!important;/*max-height:18px;overflow:hidden;*/}
	.price {font-size: 16px!important;}
	h5.price s {font-size:16px!important;}

	.table th, .table td {padding: .4rem .6rem;}
	/*.bookinfo {padding: 0;float: left; margin: -2px 0 0 0;}*/
	.bookinfo {padding: 0 0 0 10px; margin: -2px 0 0 0;/*float: left;width: 90%;*/}
	.cart-img1 {float: left;padding: 0px 10px 10px 0px;/*width:10%;*/}

	.spcart {display: inline-block;}
	.crtsummary {font-size: 13px;display: inline;/*border: solid 1px #000000;*/border-radius: 4px;margin-left: 10px;padding:8px 10px!important;}

	.btnBlock {display: block;width: 50%;}

	.search {position: fixed;top:9px;z-index: 2050;left:25%;}

	.bkgrouphd {float:left;font-size:26px;width:70%;line-height: 120%}

	.btnSeeall {padding: 5px 15px!important;font-size:14px!important;}

	.slick-slide img { width: 80px;height: 120px;object-fit: contain;}

	.mb-0 > a {font-size: 18px!important;line-height: 1.5;}

	.adv {width:100%;height: 120px;border-radius: 5px;object-fit: contain;}

	.bks .slick-slide img {
		width: auto !important;
		height: 180px !important;
		margin-bottom: 10px;
		padding-left: 0px:
	}

	.fsize {font-size:36px;color:#F90;padding-left: 20px;}
	.blist {padding: 5px 15px 5px 5px;height:80px;position: relative;overflow: hidden;}

	.ftlinksection {padding: 10px 22px 7px!important;}

	#details {width:100%;height: 475px;}
	/*#details {width:100%;height: 475px;padding-left: 13px;}*/
	#similarbks {height:380px; width:auto;overflow-y: scroll;overflow-x: hidden;}
	.similarbks {padding: 15px;background-color:#ECECD4;margin-bottom: 15px;}

	a.showSingle {width:160px!important;height: 70px!important;}
	div.menu{margin: 5% 10%!important;}

	.csize {margin-top: 15px;}
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1366px)
{
	#btn-srch {background-color:#ffd300; border-color:#ffd300; width:60px;}
	#term {padding:6px 10px;margin:0;position: relative; z-index: 2050;}
	.pholder {width: 100%;height: 2px;/*height: 20px;*/}
	.fltobj {
		margin-top: -352px;	/*margin-top: -335px;*/
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(241,241,241,1)), color-stop(100%, rgba(238,238,238,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
		position: relative;
		z-index: 999;
	}
	.flex-control-nav {top:240px!important;}
	.wrap {	border: 1px solid #cccccc;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;}
	.sliderboxhead {font-size:20px;padding: 0px 15px 5px 0;font-weight: bold;margin-left: -15px;}

	.spctrl1 {margin-left: 10px !important;padding-left: 0px !important; padding-right: 0 !important;margin-right: -10px !important;}
	.spctrl2 {padding-left: 0 !important; padding-right: 0 !important;}
	.spctrl3 {padding-left: 0 !important; padding-right: 0px !important;margin-left: -10px !important;}
	.boxsp {padding: 20px;background-color: #ffffff;margin: 20px 20px 0;}

	.box {padding-top: 15px;width: auto;height: 71px;}
	.boxlbl{font-size: 15px;font-weight: bold;}

	.boxad {border-radius: 5px;margin: 20px;margin-bottom: 0px;height: 260px!important;}
	.setht {height: 170px;overflow-y: auto;overflow-x: hidden;line-height: 1.5;display: block;}
	.container-fluid {padding-left: 0px!important;	padding-right: 0px!important;}

	.card-img-top {	height: 180px!important;width:auto;padding-bottom: 15px;/*max-width: 110px;*/object-fit: contain;}
	.card-img-top2 {width:auto;height: 180px!important;padding-right: 25px;padding-bottom: 10px;float:left}
	.des {width:100%;}
	.des2 {float:left;width:100%;margin-bottom: 15px;}
	.ht {width:100%;margin-bottom: 15px;}
	.ht span {font-size: 16px!important;color: #C92F0C;}
	.ht2 {width:100%;}
	.itms {padding-bottom: 10px;display: block;width:100%;}
	.itms2 {padding-bottom: 10px;display: block;margin: 0;padding: 0 10% 30px;}
	.itms3 {padding-bottom: 10px;display: block;width:100%;}

	.fsz {font-size: 24px;}

	.mobleft2 {left: 20px; position: absolute;}

	.boxdiv {margin:0 10px 30px;max-width: 15.3%}
	.gradient1 {height: 312px!important;margin:0 10px 10px;}
	.gradient {height: 118px!important;}

	.boxsml1 {height: 90px; padding:10px 5px 10px 10px; background: #fff}
	.boxsml2 {height: 90px; padding:10px 5px; background: #fff}
	.boxsml3 {height: 90px; padding:10px 10px 10px 5px;background: #fff}

	.vticker {float: right;width:190px!important;margin:-9px 0 0 0!important;padding-left: 5px;}
	.myalign {text-align: right;}
	.headitems {width: 97%; float:right;}
	.toppad {padding-top: 20px!important;}
	.helpline {font-weight: bold;font-size:18px;float: left;}

	.fit1 {background-color: #fff3f8;height:150px;margin-left: -15px;}
	.fit2 {background:#fff url(../images/bookgift.png) no-repeat 15px 15px;height:150px;padding: 30px 38px 0;}
	.fit3 {background: #e6f3ff url(../images/client.png) no-repeat 85% 15px;height:150px;margin-right: -15px;}
	.fit3 h3 {cursor:pointer;color:#006838;padding:70px 0 0 70px;line-height: 95%}
	.imgfit1 {position: relative; top: 50px; left: 50px;}
	.imgfit2 {}
	.imgfit3 {}

	.bklist {padding-right: 5px;width:50px;height: auto;}
	.listlbl {font-size: 18px;font-weight: bold;padding-top: 5px;}
	.card-body {padding: 7px 10px 15px 15px!important;}

	.books {font-size: 16px!important;line-height: 22px!important;/*max-height:45px;overflow:hidden;*/}
	.detail {font-size: 14px!important;/*max-height:18px;overflow:hidden;*/}
	.price {font-size: 16px!important;}
	h5.price s {font-size:16px!important;}

	.table th, .table td {padding: .4rem .6rem;}

	.bookinfo {padding: 0 0 0 10px; margin: -2px 0 0 0;/*float: left;width: 90%;*/}
	.cart-img1 {float: left;padding: 0px 10px 10px 0px;/*width:10%;*/}

	.spcart {display: inline-block;}
	.crtsummary {font-size: 13px;display: inline;/*border: solid 1px #000000;*/border-radius: 4px;margin-left: 10px;padding:8px 10px!important;}

	.btnBlock {display: block;width: 50%;}
	.btnSeeall {padding: 5px 15px!important;font-size:14px!important;}
	.btn { margin-bottom: 0px!important; font-size: 14px;line-height: 1.4!important;}

	.adv {width:100%;height: 120px;border-radius: 5px;object-fit: contain;}

	.search {position: fixed;top:9px;z-index: 2050;left:25%;}

	.bkgrouphd {float:left;font-size:24px;width:70%;line-height: 120%}

	.slick-slide img { width: 80px;height: 120px;object-fit: contain;}

	.mb-0 > a {font-size: 18px!important;line-height: 1.5;}

	.book-price {font-size: 18px!important;}
	.book-price s {font-size: 18px!important;}
	.book-price span {font-size: 18px!important;}

	.book-price2 {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 s {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 span {font-size: 24px!important;color: #000;font-weight: bold;}

	.bks .slick-slide img {
		width: auto !important;
		height: 180px !important;
		margin-bottom: 10px;
		padding-left: 0px!important;
	}

	.fsize {font-size:36px;color:#F90;padding-left: 12px;}
	.blist {padding: 5px 15px 5px 5px;height:80px;position: relative;overflow: hidden;}

	.list-item a {font-size:13px!important;}

	.ftlinksection {padding: 10px 22px 7px!important;}

	.imgfix {width:185px;height: auto;}

	#details {width:100%;height: 270px;}

	#similarbks {height:380px; width:auto;overflow-y: scroll;overflow-x: hidden;}
	.similarbks {padding: 15px;background-color:#ECECD4;margin-bottom: 15px;}

	a.showSingle {width:160px!important;height: 70px!important;}
	div.menu{margin: 5%!important;}
	.csize {margin-top: 15px;}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)
{
	#btn-srch {background-color:#ffd300; border-color:#ffd300; width:60px;}
	#term {padding:6px 10px;margin:0;position: relative; z-index: 2050;}
	.pholder {width: 100%;height: 8px!important;/*height: 20px;*/}
	.fltobj {
		margin-top: -65px;	/*margin-top: -335px;*/
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(241,241,241,1)), color-stop(100%, rgba(238,238,238,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 75%, rgba(238,238,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
		position: relative;
		z-index: 999;
	}

	.wrap {	border: 1px solid #cccccc;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;padding: 0 5px !important;}
	.sliderboxhead {font-size:20px;padding: 0px 15px 5px 0;font-weight: bold;margin-left: -15px;}

	.spctrl1 {margin-left: 10px !important;padding-left: 0px !important; padding-right: 0 !important;margin-right: -10px !important;}
	.spctrl2 {padding-left: 0 !important; padding-right: 0 !important;}
	.spctrl3 {padding-left: 0 !important; padding-right: 0px !important;margin-left: -10px !important;}
	.boxsp {padding: 20px;background-color: #ffffff;margin: 20px 20px 0;}

	.box {padding-top: 15px;width: auto;height: 50px!important;}
	.boxlbl{font-size: 15px;font-weight: bold; line-height: 1.2;}

	.boxad {border-radius: 5px;margin: 15px 7.5px 0 7.5px!important;height: 155px!important;}
	.setht {height: 170px;overflow-y: auto;overflow-x: hidden;line-height: 1.5;display: block;}
	.container-fluid {padding-left: 0px!important;	padding-right: 0px!important;}

	.card-img-top {	height: 180px!important;width:auto;padding-bottom: 0px !important;/*max-width: 110px;*/object-fit: contain;float:none!important;}
	.card-img-top2 {width:auto;height: 180px!important;padding-right: 25px;padding-bottom: 10px;float:left;}
	.wd { width: auto !important; height: 180px !important;}
	.des {width:100% !important;float: left !important;}
	.des2 {float:left!important;width:100%;margin-bottom: 15px;}

	.nav-link {padding: .5rem !important;}
	.ht {width:100%;margin-bottom: 15px;}
	.ht span {font-size: 16px!important;color: #C92F0C;}
	.ht2 {width:100%;}
	.itms {padding-bottom: 0 !important;margin-bottom: 10px !important; display: block;width:100%;border-bottom: none!important;}
	.itms2 {padding-bottom: 10px;display: block;margin: 0;padding: 0 10% 30px;border-bottom: none!important;}
	.itms3 {padding-bottom: 10px;display: block;width:100%;border-bottom: none!important;}

	.fsz {font-size: 24px;}

	.mobleft2 {left: 20px; position: absolute;}

	.boxdiv {margin:0 10px 30px;max-width: 15.3%}
	.gradient1 {height: 312px!important;margin:0 10px 10px;}
	.gradient {height: 118px!important;}

	.boxsml1 {height: 90px; padding:10px 5px 10px 10px; background: #fff}
	.boxsml2 {height: 90px; padding:10px 5px; background: #fff}
	.boxsml3 {height: 90px; padding:10px 10px 10px 5px;background: #fff}

	.vticker {float: right;width:190px!important;margin:-9px 0 0 0!important;padding-left: 5px;}
	.myalign {text-align: right;}
	.headitems {width: 95%; float:right;}
	.toppad {padding-top: 20px!important;}
	.helpline {font-weight: bold;font-size:18px;float: left;}

	.fit1 {background-color: #fff3f8;height:150px;margin-left: -15px;}
	.fit2 {background:#fff url(../images/bookgift.png) no-repeat 15px 15px;height:150px;padding: 30px 38px 0;}
	.fit3 {background: #e6f3ff url(../images/client.png) no-repeat 85% 15px;height:150px;margin-right: -15px;}
	.fit3 h3 {cursor:pointer;color:#006838;padding:70px 0 0 70px;line-height: 95%}
	.imgfit1 {position: relative; top: 50px; left: 50px;}
	.imgfit2 {}
	.imgfit3 {}

	.bklist {padding-right: 5px;width:50px;height: auto;}
	.listlbl {font-size: 18px;font-weight: bold;padding-top: 5px;}
	.card-body {padding: 7px 10px 15px 15px!important;}

	.books {font-size: 16px!important;line-height: 22px!important;/*max-height:45px;overflow:hidden;*/}
	.centerimage {margin-bottom: 10px!important;}
	.detail {font-size: 14px!important;/*max-height:18px;overflow:hidden;*/}
	.price {font-size: 16px!important;}
	h5.price s {font-size:16px!important;}
	.showbook {width: 200px!important;}
	.table th, .table td {padding: .4rem .6rem;}

	.bookinfo {padding: 0 0 0 10px; margin: -2px 0 0 0;/*float: left;width: 90%;*/}
	.cart-img1 {float: left;padding: 0px 10px 10px 0px;/*width:10%;*/}

	.spcart {display: inline-block;}
	.crtsummary {font-size: 13px;display: inline;/*border: solid 1px #000000;*/border-radius: 4px;margin-left: 5px!important;padding:8px 10px!important;}

	.btnBlock {display: block;width: 50%;}
	.btnSeeall {padding: 2px 10px!important;font-size:13px!important;}
	.btn { margin-bottom: 0px!important; font-size: 14px;line-height: 1.4!important;}

	.adv {width:100%;height: 120px;border-radius: 5px;object-fit: contain;}

	.search {position: fixed;top:9px;z-index: 2050;left:25%;}

	.bkgrouphd {float:left;font-size:24px!important;width:65%!important;line-height: 120%}

	.slick-slide img { width: 80px;height: 120px;object-fit: contain;}

	.mb-0 > a {font-size: 18px!important;line-height: 1.5;}

	.book-price {font-size: 18px!important;}
	.book-price s {font-size: 18px!important;}
	.book-price span {font-size: 18px!important;}

	.book-price2 {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 s {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 span {font-size: 24px!important;color: #000;font-weight: bold;}

	.bks .slick-slide img {
		width: auto !important;
		height: 180px !important;
		margin-bottom: 10px;
		padding-left: 0px!important;
	}

	.fsize {font-size:36px;color:#F90;padding-left: 12px;}
	.blist {padding: 5px 15px 5px 5px;height:80px;position: relative;overflow: hidden;}

	.list-item a {font-size:13px!important;}

	.ftlinksection {padding: 10px 22px 7px!important;}

	.imgfix {width:185px;height: auto;}

	#details {width:100%;height: 270px;}

	#similarbks {height:380px; width:auto;overflow-y: scroll;overflow-x: hidden;}
	.similarbks {padding: 15px;background-color:#ECECD4;margin-bottom: 15px;}

	a.showSingle {width:160px!important;height: 70px!important;}
	div.menu{margin: 5%!important;}
	.csize {margin-top: 3px;}
	.ipadfixr {padding-right: 5px!important;}
	.ipadfixl {padding-left: 5px!important;}
}

@media screen and (max-device-width: 767px)
{
	.rowbg2 {margin: 10px 0;}
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.table th, .table td {padding: .4rem;}
}

@media screen and (min-device-width: 360px) and (max-device-width: 720px)
{
	.tbmargin {margin: 5px auto!important;}
	/*.container-fluid {padding-left: 15px!important;	padding-right: 15px!important;}*/
	.toppad {padding-top: 20px!important;margin-bottom: 5px;}
	.container-fluid {padding-left: 0px!important;	padding-right: 0px!important;}

	.boxdiv:nth-child(odd) {padding:5px 5px 5px 15px;}
	.boxdiv:nth-child(even) {padding:5px 15px 5px 5px;}

	.flexslider {margin-bottom: 5px!important;}
	/*.wrap {	border: 1px solid #cccccc;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;}*/

	.gradient1 {height: 70px!important;}

	.topmargin10 {margin-top: 10px;}

	.boxsml1 {height: 90px; padding:10px; background: #fff}
	.boxsml2 {height: 80px; padding:0 10px; background: #fff}
	.boxsml3 {height: 80px; padding:0 10px 0;background: #fff}

	.vticker {float: right;width:130px!important;margin-top:-10px!important;}
	.myalign {text-align: center;}
	.headitems {width: 90%; float:right;}
	.helpline {font-weight: bold;font-size:18px;float: left;}

	.fit1 {background-color: #fff3f8;min-height:150px;margin-left: -15px;margin-right: -15px;margin-bottom: 15px;}
	.fit2 {background-color: #fff;min-height:150px;margin-left: -15px;margin-right: -15px;margin-bottom: 15px;}
	.fit2 h4 {padding:10px 0 5px 10px;}
	.fit2 p {padding:5px 10px 0 10px;}
	.fit2 a {padding:5px 10px 5px 0;}
	.fit3 {background-color: #e6f3ff;min-height:150px;margin-left: -15px;margin-right: -15px;margin-bottom: 15px;}
	.fit3 h3 {cursor:pointer;color:#006838;padding:50px 0 0 0;line-height: 95%;text-align: center;}

	.imgfit1 {position: relative; top: 30px; left: 30px;}
	.imgfit2 {}
	.imgfit3 {}

	.bklist {padding-right: 5px;width:25px;height: auto;}
	.listlbl {font-size: 15px;font-weight: bold;padding-top: 5px;}
	.ht {/*min-height: 150px;*/}

	.table th, .table td {padding: .4rem;}

	.card-body {padding:7px 14px 10px!important;}

	.btnSeeall {padding: 4px 12px!important;/*font-size:12px!important;*/}

	.book-price {font-size: 16px!important;}
	.book-price s {font-size: 16px!important;}
	.book-price span {font-size: 16px!important;}
	.mobleft {margin-top: 15px;}
}

/* responsive button queries */

/*@media (max-width: 768px) {*/
@media (max-width: 854px) {
  	#btn-srch {background-color:#ffd300; border-color:#ffd300; width:60px;}
	#term {padding:6px 10px;margin:0;position: relative; z-index: 2050;font-size: 1.1em !important;}
	.btn-sm {font-size:1.25rem!important;}
	#content {padding: 20px 5px 0 !important;overflow: hidden;}
	.container-fluid {padding-left: 0px!important;	padding-right: 0px!important;}
	.pholder {width: 100%;height: 42px;/*height: 8px;*/}

	.box {padding-top: 15px;width: auto;height: 66px;}
	.boxlbl {font-size: 13px;font-weight: bold;padding-top: 7px;}

	.gradient1 {height: 265px!important;margin:0 10px 10px;}
	.gradient {height: 105px!important;}

	/*.boxsp {padding: 20px 20px 30px;background-color: #ffffff;margin: 10px 0 0;}*/
	.boxsp {padding: 15px 15px 30px;background-color: #ffffff;margin: 10px 0 0;}

	.boxad {border-radius: 5px;margin: 10px 0 0;}
	.bgclr{min-height: 231px;}

	.sliderboxhead {font-size: 16px; padding: 0px 15px 5px 0;font-weight: bold;margin-left: -15px;}

	.table th, .table td {padding: .3rem;}
	.bookinfo {padding: 0;float: left; margin: -2px 0 0 0;width: 80%;}
	.cart-img1 {float: left;padding: 0px 10px 5px 0px;width:20%;}

	.btnSubmit {position: fixed;bottom:0;width:50%;right:0;z-index: 2050;margin: 0;color: #fff!important;background-color: #286090!important;border-color: #286090!important;font-size: 18px;border-radius:0px;padding:10px 12px;box-shadow: 0 -5px 6px -2px rgba(179,172,179,.3);display:inline-block;}
	.btnContinue {position: fixed;bottom:0;width:50%;left:0;z-index: 2050;margin: 0;color: #fff!important;background-color: #5cb85c!important;border-color: #5cb85c!important;font-size: 18px;border-radius:0px;padding:10px 12px;box-shadow: 0 -5px 0 0 rgba(179,172,179,.3);display:inline-block;}

	.btnCart {position: fixed;bottom:0;width:50%;right:0!important;z-index: 2050;margin: 0;color: #fff!important;background-color: #5cb85c!important;border-color: #5cb85c!important;font-size: 18px;border-radius:0px;padding:10px 12px;box-shadow: 0 -5px 6px -2px rgba(179,172,179,.3);}
	.btnBuy {position: fixed;bottom:0;width:50%;left:0!important;z-index: 2050;margin: 0;color: #fff!important;background-color: #727088!important;border-color: #727088!important;font-size: 18px;border-radius:0px;padding:10px 12px;box-shadow: 0 -5px 6px -2px rgba(179,172,179,.3);}
	.btnCtn {display: none;}
	.btnChk {display: none;}
	.btnFull {width: 100%!important;line-height: 2!important;font-size: 1rem!important;font-size:1.25rem!important;}
	.btnHalf {width: 50%!important;line-height: 2!important;font-size: 1rem!important;}

	.close span {font-size: 20px!important;line-height: 1.6 !important;}

	.number-input input[type=number] {
	  padding: .5rem;
	}

	.btnBlock {display: block;width: 100%;}

	.mpad {padding: 7px 0;}

	/*#content {margin:0px!important;}*/
	#content2 {padding-bottom: 40px!important;}

	.mtop12 {
		position: fixed;
		top: 56px;
		right:0px;
		z-index: 999;
		background-color: #727088;
		box-shadow: 0 4px 6px -3px #9c9c9c;
		/*background-color: #ABC2F8;*/
	}

	.divTableCell, .divTableHead {
		padding: 7px!important;
	}

	.bkgrouphd {float:left;font-size:22px;width:75%;line-height: 120%}

	.toppad {padding-top: 8px!important;}
	.bks .slick-slide img { width: auto;height: 120px; margin-bottom: 5px;}
	.regular .slick-slide img { width: 97px;height: 120px;object-fit: contain;padding-right: 20px;/*padding-left: 20px;*/}

	.bredcrumb {font-size:.9rem;}

	.books {font-size: 15px;/*max-height:45px;overflow:hidden;*/}
	.detail {font-size: 13px;/*max-height:18px;overflow:hidden;*/}
	.price {font-size:17px;}
	h5.price s {font-size:18px!important;}

	.adv {width:100%;height: 70px;border-radius: 5px;object-fit: cover;}
	.rowbg1 {margin: 10px 0!important;}
	.flex-control-nav {top: 140px!important;}

	.priceinfo {margin-top: 20px;margin-bottom: 20px;}

	.book-price2 {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 s {font-size: 24px!important;color: #000;font-weight: bold;}
	.book-price2 span {font-size: 24px!important;color: #000;font-weight: bold;}

	.book-price {font-size: 16px!important;}
	.book-price s {font-size: 16px!important;}
	.book-price span {font-size: 16px!important;}

	.ebgpolicy {margin-bottom: 0!important;}

	.flexslider .simg img {
		transform: scale(2.4);
		transform-origin: 51.25% 18%;
		overflow: hidden;
		padding: 8% 0% 29%;
		margin: 0 0% -30% 0 !important;
		clip-path: inset(0% 20% 0% 30%);
		/*-webkit-clip-path: inset(0% 28% 0% 0%);*/
	}

	.slick-prev {left: -15px!important; }
	.slick-next {right: -15px!important;}

	.card-img-top {width:auto;height: 180px!important;/*padding-right: 13px;*/padding-bottom: 20px;float:left;max-width: 110px;object-fit: contain;}
	.card-img-top2 {width:auto;height: 180px!important;/*padding-right: 13px;*/padding-bottom: 20px;float:left;/*max-width: 110px;*/object-fit: contain;}
	.des {float:right!important;width:60%;}
	.des2 {float:right!important;/*width:55%;*/width:60%;}
	.ht2 {height: auto;width:100%;}
	.ht2 .books {font-size: 16px;}
	.itms {/*padding-bottom: 10px;*/display: block;float: left;/*height: 215px;*/width:100%;border-bottom: solid 1px #ccc; margin-bottom: 25px;}
	div.row div:last-child .itms {border-bottom:none;margin-bottom: 0;padding-bottom: 0}
	.itms2 {margin: 0;padding: 0 15% 30px;border-bottom: solid 1px #ccc; margin-bottom: 25px;}
	.itms3 {padding-bottom: 25px;display: block;width:100%;border-bottom: solid 1px #ccc; margin-bottom: 25px;}
	div.slick-slide div:last-child .itms3 {border-bottom:none;margin-bottom: 0;padding-bottom: 0}

	.mobleft {margin-top: 15px;/*left: 15px; position: absolute;*/}
	.mobleft2 {margin-top: 15px;/*left: 15px; position: absolute;*/}

	.fsize {font-size:36px;color:#F90;padding-left: 12px;}
	.blist {padding: 5px 15px 5px 5px;height:80px;position: relative;overflow-x: scroll;}

	.imgfix {width: 50%;height: auto;}
	.fsz {font-size: 18px;color:#20770B;}

	.list-item a {font-size:14px!important;}
	.mfar {padding-right: 15px!important;}
	.copyright {font-size: 10px!important;}

	.details-bdr {margin-top: 0.7rem;margin-bottom: 0.7rem;}
	.details-bdr3 {margin-top: 0.7rem;margin-bottom: 0.7rem;border: none;height: 3px;background-color: #EFEFEF;color: #EFEFEF;}
	h1, h2 { font-size: 30px!important;}
	.flexslider {margin-left: 0px!important;}
	.slides {padding: 0;margin-left: 0px!important;}

	#details {width:100%;height: auto;}

	.similarbks {padding: 10px;/*margin-bottom: 10px;*/background-color:#ECECD4;border-radius:4px;}

	.btn-bottom-l100 {
		position: fixed;bottom: 0;left: 0;width:100%;z-index: 2050;margin: 0;color:#fff !important;
		background-color:#5cb85c !important;border-color:#5cb85c !important;font-size: 18px;
		border-radius: 0px;padding: 10px 12px;padding-right: 12px;padding-left: 12px;
		box-shadow: 0 -5px 6px -2px rgba(179,172,179,.3);
	}

	.btn-bottom-l50 {
		position: fixed;bottom: 0;left: 0;width:50%;z-index: 2050;margin: 0;color:#fff !important;
		background-color:#5cb85c !important;border-color:#5cb85c !important;font-size: 18px;
		border-radius: 0px;padding: 10px 12px;padding-right: 12px;padding-left: 12px;
		box-shadow: 0 -5px 0 0 rgba(179,172,179,.3);
	}

	.btn-bottom-r50 {
		position: fixed;bottom: 0;right: 0;width:50%;z-index: 2050;margin: 0;color:#fff !important;
		background-color:#5cb85c !important;border-color:#5cb85c !important;font-size: 18px;
		border-radius: 0px;	padding: 10px 12px;	padding-right: 12px;padding-left: 12px;
		box-shadow: 0 -5px 0 0 rgba(179,172,179,.3);
	}

	.rowbg2 {margin: 10px 0 0;}
	.page-link {font-size: 13px;padding: 0.75rem .75rem;}

	/*.modal-dialog {max-width: 95% !important;}*/

	.des {margin-bottom: 20px;}

	#mymodal {padding-top:10px!important; padding-right: 0px!important;}
	#loading_modal {height: 97vh !important;}
	.popcartitmes {max-height: calc(100vh - 180px)!important;}

    #global_toast_container {
        width: 100%;
    }
    #global_toast {
        width: 100%;
    }
    #global_toast .toast {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
  /*.btn {font-size:12px; padding:6px 12px; }*/
}

@media (min-width: 992px) {
  /*.btn {font-size:14px;  padding:6px 12px; }*/
}

@media (min-width: 1200px) {
  /*.btn { padding:6px 16px;	font-size:18px; }*/
}


.box-shadow {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);
}