@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
     font-family: 'Open Sans', sans-serif;
}
 body {
     text-decoration: none;
     font-size:16px;
     background-color:#fff;
	 font-family: 'Open Sans', sans-serif;
}
@font-face {
    font-family: 'Calibri';
    src:url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.clear{ clear:both;}
.footer-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:65px;
	border-top:1px solid #d8d6d6;
}
.footer-menu{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	padding-bottom:1.5em;
	padding-top:0.5em;
}
.footer-menu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:16px;
}
.footer-menu ul li{
	font-size: 1em;
	font-family: inherit;
	float:left;
}
.footer-menu ul li a{
	margin: 0px 25px;
	color: #333;
	font-size: 1em;
	font-weight:700;
	font-family:inherit;
	line-height: 60px;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block !important 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
     display:block;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:3%;
     padding-right:3% 
}
.footer-bottom-wrap{
	width:100%;
	height:48px;
	background-color:#116a7d;
	
}
.copy-right{
     width: auto;
     height: auto;
     line-height: 46px;
     padding-right:10px;
     float: left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#fff;
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight: 400;
     
     line-height:46px;
	/* color:#00a8e8;*/
	color:#fff;
	 
}
 .designed p a {
     text-decoration: none;
     font-weight:400;
	 font-size:1em;
	  color:#fff;
}
 .designed p a:hover {
     text-decoration: none;
     color:#333;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:50px;
}
.footer-topwrap{
	width:100%;
	height: auto;
}
.footer-content-top{
	width:32%;
	height:auto;
	float:left;
}
.foote-icons{
	width:10%;
	height:auto;
	float:left;
	text-align:left;
	font-size: 1.500em;
	color:#116a7d;
}
.footer-container{
	width:90%;
	height:auto;
	float:left;
	padding-left:2%;
}
.footer-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.500em;
	color:#000000;
	font-weight:bold;
}
.footer-sub-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	color:#116a7d;
	font-size:1.25em;
	margin-top:1em;
	margin-bottom:0.5em;
}
.footer-content-top p{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#000;
	line-height:26px;
	font-size:1em;
}
 .footer-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align:left;
	 float:left;
}
.footer-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
}
 .footer-social-links ul li {
     list-style: none;
	  height:50px;
     width:40px;
	 float:left;
}

 .footer-social-links ul li a {
     height:50px;
     width:40px;
     display: block;
     text-align:left;
     background-color: transparent;
     font-size:1.5em ;
	 color:#116a7d;
	 line-height:50px;
	 
}
 .footer-social-links ul li a:hover {
     background-color: transparent;
	 color:#111;
	 font-size:1.5em ;
}
.footer-content{
	width:100%;
	height:auto;
	margin-bottom:1em;
}


.navbar{
     position: fixed;
     width: 100%;
     top: 0;
     left :0;
     color: black;
     font-family: sans-serif;
     background-color: transparent;
     transition: 0.3s;
     z-index:99;
	 /*background-color:#fff;*/
}
 .top-wraper{
     width:100%;
     height: auto;
    /*position:absolute;
     */
}
 .menu-contact{
     margin-right:0px !important
}
header #logo {
     display: inline-block;
     float: left;
     color: #fcfcfc;
     text-shadow: 0.1em 0.03em #C0392B;
     font-weight: 400;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     width: auto;
	 /*background-color:#fff;*/
	 padding:5px 20px;
}
 header.smaller #logo img {
     width: auto;
     height:50px;
     margin-top:0px;
}
 header.smaller #logo {
     width:300px;
     height: auto;
     margin-top:0px;
	 padding:8px 10px;
}
 header.smaller .top-right-call {
     display:none !important 
}
.top-quick-link{ display:none}
header.smaller .top-quick-link{ display: block}
 header.smaller .nav a{
     color:#fff !important
}
 header.smaller .top-right {
     padding-top:0%;
	 margin-top:0px;
}
.scrolled {
    /* background-image: linear-gradient(to right, #e6225b 34%,#ff99ac 100%) !important;
     */
     transition: 0.3s;
     height: auto;
     background:none !important;
     background-color:#116a7d !important ;
}
.banner-caption-mid{
	font-size:6.5em;
	color:#fff;
	/*font-family: 'Alex Brush', cursive;*/
	font-weight:400;
	line-height:1;
	font-family: 'Calibri';
	text-transform:uppercase;
}
.banner-caption-title-sub{
	font-family:inherit;
	color:#fff;
	font-weight:600;
	font-size:1.5em;
	letter-spacing:5px;
	margin-top:-5px;
}

.logo-container{
     width:13%;
     height:auto;
     float:left;
     text-align:left;
     top:0px;
     position:absolute;
}
 .top-right{
     width:auto;
     height:auto;
     float:right;
	 margin-top:2em
     
}
 .searchbar{
	 width:auto;
	 height:auto;
	 border:1px solid #ccc;
	 line-height:30px;
	 border-radius:20px;
	 font-family:inherit;
	 font-size:1em;
	 padding-left:5px;
	 margin-top:-5px;
	}
	.search input {
     height: 26px;
     width: 100%;
     padding: 0 12px 0 5px;
     background:url(../images/search1.png) 95% center no-repeat !important;
     border:none;
     margin:4px 0px;
     border-bottom: 1px solid rgba( 255,255,255,0.3);
     background-color: transparent !important;
     text-align:left;
     color:#333;
     outline:none !important;
     position:relative;
}
.top-right-call{padding-top:20px;}
 .menu-container{
     width:auto;
     height:auto;
     float:left;
}
 .header-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align:left;
	 float:left;
}
.header-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
}
 .header-social-links ul li {
     list-style: none;
	  height:60px;
     width:auto;
	 float:left;
	 margin-left:10px;
}
 .header-social-links ul li:nth-child(1){ border:none;}

.header-social-links ul li a {
     height:60px;
     width:auto;
     display: block;
     text-align: center;
     background-color: transparent;
     font-size:1.15em ;
	 color:#fff;
	 line-height:60px;
	 
}
 .header-social-links ul li a:hover {
     background-color: transparent;
	 color:#fff;
	 font-size:1.15em ;
}
 .top-cal{
     width:auto;
     height:35px;
     text-align:right;
     float:right;
}
 .top-header{
     width:100%;
     height:auto;
}
 .top-for{
     width:auto;
     height:auto;
     float:left;
     padding-top:5px;
     margin-bottom:0.5%;
}
.banner-wrap-home{
	width:100%;
	height:auto;
}
 
.top-right-for {
    padding-top:10px;
	font-size:14px;
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
.footer-form-for {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 4%;
    float: left;
}
.footer-box {
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    background-color: #fff;
}
.calback-box1 {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    padding-top: 1em;
}
.footer-enquiry{
	width:80%;
	height:auto;
	float:left;
	padding-top:1em;
}

.top-call{
     width: auto;
     height:auto;
     font-family: inherit;
     font-size:1em;
     color:rgba(255,255,255,0.6);
     float:left;
     margin-right:15px;
     padding-right:0px;
	 margin-left:15px;
	 font-weight:500;
     /*border-right:1px solid rgba(255,255,255,0.4);*/
}
 .top-call a{
     text-decoration:none;
     color:#666;
     font-family: inherit;
     line-height:21px;
	 font-size:1em;
	 font-weight:400;
	/* margin-right:5px;
	 padding-right:7px;*/
	 float:right;
	 margin-left:5px;
}
 .top-call a:nth-child(2) { margin-right:0px; padding-right:0; border-right:none;}
 .top-call a:hover{
     text-decoration:none;
     color:#33499d;
}
.buttonfx{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 30px;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: 'Open Sans', sans-serif;
    font-size:1.125em;
    font-weight:500;
    float:right;
}
.buttonfx:before, .buttonfx:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#333;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.buttonfx:before{
    background:#116a7d;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.buttonfx:hover{
    color:white;
}
.buttonfx:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

 .mail-top{
     width: auto;
     height:auto;
     font-family: inherit;
     font-size:1em;
     color:rgba(255,255,255,0.6);
     font-weight:300;
     float:left;
}
.icons-for-top{
	width:25px;
	height:25px;
	border:1px solid #45bf9e;
	border-radius:50%;
	color:#45bf9e;
	margin-right:5px; font-size:13px;
	line-height:24px !important;
	display:block;
	float:left;
	text-align:center;

}
.top-mail-icon{
	margin-right:5px; 
	font-size:18px; 
	color:#45bf9e;
}
 .mail-top a{
     text-decoration:none;
     color:#333;
     font-family: inherit;
     line-height:21px;
	 font-size:1em;
	 font-weight:400;
}
 .mail-top a:hover{
     text-decoration:none;
     color:#45bf9e;
}
.top-links{
	width:auto;
	height:auto;
	float:left;
	margin-left:10px;
}
.top-quick{
	width:auto;
	height:auto;
	float:left;
	font-size:1em;
}
a .top-quick{
	width:auto;
	height:auto;
	float:left;
	padding:0px 10px;
	background-color:#45bf9e;
	color:#fff;
	font-family:inherit;
	font-weight:normal;
	line-height:28px;
	text-transform:uppercase;
}

.top-help{
	width:auto;
	height:auto;
	float:left;
	margin-left:1px;
	font-size:1em;
}
a .top-help{
	width:auto;
	height:auto;
	float:left;
	padding:0px 10px;
	background-color:#00afef;
	color:#fff;
	font-family:inherit;
	font-weight:normal;
	line-height:28px;
	text-transform:uppercase;
}
.top-download{
	width:auto;
	height:auto;
	float:left;
	margin-right:1px;
	font-size:1em;
}
a .top-download{
	width:auto;
	height:auto;
	float:left;
	padding:0px 10px;
	background-color:#666;
	color:#fff;
	font-family:inherit;
	font-weight:normal;
	line-height:28px;
	text-transform:uppercase;
}

	
	
.box{
    overflow: hidden;
   /* box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
    position: relative;
	cursor:pointer;
}
.box img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.box:hover img{ transform: scale(1.1); }
.box .box-content{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
	display: flex;
align-items: center;
justify-content: center;
}
.box:hover .box-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.box .box-content:before{
    content: "";
    width: 90%;
    height: 90%;
   /* border: 1px solid #fff;*/
    position: absolute;
    top: 5%;
    left: 5%;
}
.box .icon{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    /*top: 40%;*/
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    font-size: 18px;
    color:#196bb1;
    transition: all 0.5s ease 0s;
}
.box .icon li a:hover{
    background:#196bb1;
    color: #fff;
}
.box .content{
    padding: 10px;
    text-align: left;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.box .title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.box .post{
    display: block;
    font-size: 14px;
    color: #fff;
}


#back2Top {
     width: 60px;
     line-height: 60px;
     overflow: hidden;
     z-index: 999;
     display: none;
     cursor: pointer;
     position: fixed;
     bottom:1.2em;
     right: 0.5em;
     color:#fcd406;
     text-align: center;
     font-size: 30px;
     text-decoration: none;
}
 #back2Top:hover {
     color: #07773f;
}
.ourboobks-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:5em;
	padding-bottom:2em;
}
.our-books-title-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.out-books-title{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}
.out-books-title h2{
	width:auto;
	height:auto;
	background-color:#fff;
	font-family: 'Alex Brush', cursive;
	color:#065161;
	font-size:3.875em;
	padding-left:60px;
	padding-right:60px;
	line-height:62px;
	display:block;
	z-index:1;
}
.border-books{
	width:100%;
	height:1px;
	background-color:#ccc;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
.title-bottom{
	width:100%;
	height:auto;
	text-align:center;
}
.books-container{
	width:100%;
	height:auto;
	padding-top:4em;
	padding-bottom:1.5em;
}
.books-for{
	width:17.5%;
	height:auto;
	float:left;
	margin-right:10%;
	margin-bottom:5%;
}
.books-for:nth-child(4n+4){ margin-right:0%;}
.books-pics{
	width:100%;
	height:auto;
	margin-bottom:1.5em;
	display:flex;
	justify-content:center
}
.books-name{
	width:100%;
	height:auto;
	text-align: center;
	font-family:inherit;
	color:#333;
	font-weight:400;
	line-height:24px;
	font-size:1.375em;
	text-transform:capitalize;
}
.books-price{
	width:100%;
	height:auto;
	text-align: center;
	font-family:inherit;
	color:#666;
	font-weight:400;
	line-height:24px;
	font-size:1em;
	margin-top:1em;
}
.books-view-all{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}
.new-arivals{
	width:19.2%;
	height:auto;
	float:left;
	margin-right:1%;
}
.new-arivals:nth-child(5){ margin-right:0%;}

.home-about-wrap{
	width:100%;
	height:auto;
	background-color:#f7f7f7;
	position:relative;
}
.home-about-left{
	width:50%;
	height:auto;
	float:left;
}
.home-about-container{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:flex;
	align-items:center;
}
.home-about-content{
	width:50%;
	height:auto;
	float:right;
	padding-top:2em;
	padding-bottom:2em;
	padding-left:4%
}
.about-content-for{
	width:100%;
	height:auto;
	padding-bottom:2em;
}
.about-content-for p{
	width:100%;
	height:auto;
	font-family:inherit;
	color:#666;
	font-size:1em;
	line-height:26px;
	font-weight:400;
	
}
.about-content-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.5em;
	color:#444;
	font-weight:500;
}
.about-main{
    width:100%;
    height: auto;
    font-family: 'Alex Brush', cursive;
    color: #065161;
    font-size:3.875em;
    line-height: 62px;
	text-align:left;
}
.home-about-pic-container{
	width:50%;
	height:100%;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	margin:auto;
	left:0;
	top:0;
	bottom:0;
}
.categories-container{
	width:60%;
	height:auto;
	background-color:rgba(0,0,0,0.5);
	padding:1em 2em;
}
.categories-container ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.category-title{
    width:100%;
    height: auto;
    font-family: 'Alex Brush', cursive;
    color: #fff;
    font-size:3.125em;
    line-height: 62px;
	text-align:center;
}
.categories-container ul li{
	width:100%;
	height:auto;
	text-align:center;
	line-height:24px;
	font-family:inherit;
	font-weight:500;
	font-size:1.5em;
	color:#fff;
	margin-bottom:0.5em;
}
.categories-container ul li a{
	width:100%;
	height:auto;
	text-align:left;
	line-height:24px;
	font-family:inherit;
	font-weight:500;
	font-size:1em;
	color:#fff;
}
.banner-whatsapp{
	width:auto;
	height:auto;
	float:left;
}
.banner-whatsapp a{
	width:100%;
	height:auto;
	text-align:left;
	font-family: inherit;
	font-size:1.15em;
	color:#fff;
	display:flex;
	align-items:center;
	margin-top:6.5em;
}

/***************************************************** Start About US *****************************************************/
.inner-baner{
	width:100%;
	height:auto;
	
}
.inner-banner-caption-mid {
    font-size:5.875em;
    color: #fff;
    font-family: 'Alex Brush', cursive;
    font-weight: 400;
    line-height:1;
	height:auto;
}

.bredcum-wraper{
	width:100%;
	height:auto;
	    display: inline-flex !important;
    justify-content: center;
	margin-top: -10px;
}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1.25em;
    font-weight:500;
	color:#fff;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
	color:#fff;
	line-height:28px;
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
	color:#fff;
	line-height:28px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
	color:#fff;
	line-height:32px;
	padding-left:10px;
	padding-right:10px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1.25em;
    font-weight:500;
	color:#fff;
	line-height:28px;
	text-transform: capitalize
}

.inner-wraper{
	width:100%;
	height:auto;
	padding-top:2em;
}
.inner-wraper p {
    width: 100%;
    height: auto;
    text-align:left;
    line-height: 24px;
    color: #444;
    font-size: 1em;
    font-family: inherit;
    margin-bottom: 1em;
}
.inner-banner{
	width:100%;
	height:auto;
}
.about-main-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:5em;
	padding-bottom:2.5em;
}
.about-content{
	width:65%;
	height:auto;
	float:left;
}
.about-top-pic{
	width:35%;
	height:auto;
	float:left;
}
.about-middle{
	width:100%;
	height:auto;
}


.new-arivals-main{
	width:19.2%;
	height:auto;
	float:left;
	margin-right:1%;
	margin-bottom:3%;
}
.new-arivals-main:nth-child(5n+5){ margin-right:0%;}


/***************************************************** End About US *****************************************************/


/***************************************************** Start Contact US *****************************************************/
.contact-enquiry{
	width:45%;
	height:auto;
	float:left;
}
.contact-enquiry-for {
    width:100%;
    height: auto;
    float: left;
    padding-top: 1em;
}
.contact-wraper{
	width:100%;
	height:auto;
}
.contact-address{
	width:40%;
	height:auto;
	float:right;
}
.location-wraper{
	width:100%;
	height:450px;
}

.contact-box {
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    background-color: #fff;
}
.contact-box1 {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    padding-top: 1em;
}

textarea.contact-box1::-webkit-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}
textarea.contact-box1::-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}
textarea.contact-box1:-ms-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}
textarea.contact-box1:-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}

input.contact-box::-webkit-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-box::-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-box:-ms-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-box:-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
     font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;
    font-weight:400;
}

.contact-address p {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    font-size: 1em;}


/***************************************************** End Contact US *****************************************************/

/***************************************************** Start Downloads *****************************************************/
a .download-container{
	width:100%;
	height:auto;
	margin-bottom:2em;
	display:flex;
	align-items:center;
	padding-bottom:2em;
	border-bottom:1px solid #ccc;
}
a:nth-last-child(1) .download-container{
 border-bottom:1px solid #fff;
}
a .download-container .download-book{
	width:5%;
	height:auto;
	float:left;
	color:#666;
	font-size:4em;
	text-align:left;
	padding-right:1em
}
a:hover .download-container .download-book{
	width: 5%;
	height:auto;
	float:left;
	color:#ec2228;
	font-size:4em;
	padding-right:1em
}
a .download-container .download-details{
	width:80%;
	height:auto;
	float:left;
}
a .download-container .download-title{
	width:80%;
	height:auto;
	text-align:left;
	font-family:inherit;
	color:#666;
	font-size:1.250em;
	font-weight:500;
	float:left;
	line-height:40px;
}
a:hover .download-container .download-title{ color:#ec2228;}

a .download-container .download-now{
	width:auto;
	height:auto;
	font-family:inherit;
	font-size:1.250em;
	color:#065161;
	font-weight:600;
	float:right;
	text-align:right;
	border-bottom:1px solid #065161;
	line-height:40px;
	
}

a .download-container .download-now::before  {
  content: "";
  background:url(../images/download.png);
  width:23px;
  height:31px;
  float:left;
  margin-right:10px;
}
a:hover .download-container .download-now {
	width:auto;
	height:auto;
	font-family:inherit;
	font-size:1.25em;
	color:#ec2228;
	font-weight:600;
	border-bottom:1px solid #fff;
	line-height:40px;
	float:right
}
a:hover .download-container .download-now::before  {
  content: "";
  background:url(../images/download-hover.png);
  width:23px;
  height:31px;
  float:left;
  margin-right:10px;
}
.desk-view{ display:block}
.mob-view{ display:none}
/***************************************************** End Downloads *****************************************************/
.bredcum-wraper1{
	width:100%;
	height:auto;
	padding-top:1em;
}
.bred-home1{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
	color:#666;
	line-height:24px;
	text-transform: capitalize;
}
.bred-home1 a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
	color:#666;
	line-height:24px;
}
.bred-home1 a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#333;
	line-height:24px;
}
.bred-arrow1{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
	color:#666;
	line-height:24px;
	padding-left:10px;
	padding-right:10px;
}
.bred-next1{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#333;
	line-height:24px;
	text-transform: capitalize
}
.mob-home{ width:100%; height:auto; position:relative}
.enquire-now{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	margin-top:0.5em;
}
.button-enquire{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 15px;
    line-height:30px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:500;
	border-radius:5px;
}
.button-enquire:before, .button-enquire:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#333;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.button-enquire:before{
    background:#116a7d;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.button-enquire:hover{
    color:white;
}
.button-enquire:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

@media (min-width: 1023px) and (max-width: 1279px) {
	 body {
     text-decoration: none;
     background:#fff;
     font-size:13px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
}
 @media (min-width: 1280px) and (max-width: 1359px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
	


}
 @media (min-width: 1360px) and (max-width: 1399px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	
	

}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}




@media (max-width:400px) {
 body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:100%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .copy-right{ width:100%; text-align:center; line-height:30px; padding-top:5px;}
 .designed{ width:100%; display:flex; justify-content:center; padding-bottom:5px;}
 .designed p{ line-height:30px;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:45%; margin-bottom:5%}
 .books-for:nth-child(2n+2){ margin-right:0%;}
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative}
 .categories-container{ width:100%;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0;}
 .categories-container ul li{ font-size:1em;}
 
 .new-arivals{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:0%;}
 
 .new-arivals-main{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:0%;}
 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}
 .books-pics{ margin-bottom:1em}
 a .download-container .download-now{ float:left;}
  a:hover .download-container .download-now{ float:left;}
 
.new-arivals:nth-child(5){ display:none}



}	
	

@media (min-width:401px) and (max-width:480px){
	
	body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:100%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .copy-right{ width:100%; text-align:center; line-height:30px; padding-top:5px;}
 .designed{ width:100%; display:flex; justify-content:center; padding-bottom:5px;}
 .designed p{ line-height:30px;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:45%; margin-bottom:5%}
 .books-for:nth-child(2n+2){ margin-right:0%;}
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative;}
 .categories-container{ width:100%;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0;}
 .categories-container ul li{ font-size:1em;}
 
 .new-arivals{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:0%;}
 
 .new-arivals-main{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:0%;}
 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}
.books-pics{ margin-bottom:1em}
a .download-container .download-now{ float:left;}
 a:hover .download-container .download-now{ float:left;}
.new-arivals:nth-child(5){ display:none}
	
}

@media (min-width:481px) and (max-width:580px){
	
	body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:100%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .copy-right{ width:100%; text-align:center; line-height:30px; padding-top:5px;}
 .designed{ width:100%; display:flex; justify-content:center; padding-bottom:5px;}
 .designed p{ line-height:30px;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:45%;}
 .books-for:nth-child(2n+2){ margin-right:0%;}
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative;}
 .categories-container{ width:100%;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0; bottom:0; padding:0em; left:0; right:0; width:90%; height:90%; float:none; margin:auto; display:flex; align-items:center; justify-content:center}
 .categories-container ul li{ font-size:1em;}
 
 .new-arivals{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:0%;}
 
 .new-arivals-main{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:0%;}
 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}
.books-pics{ margin-bottom:1em}	
.banner-whatsapp-line{ clear:both !important}
a .download-container .download-now{ float:left;}
 a:hover .download-container .download-now{ float:left;}
	
	
	}

@media (min-width:581px) and (max-width:680px){
	
	body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:100%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:45%;}
 .books-for:nth-child(2n+2){ margin-right:0%;}
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative;}
 .categories-container{ width:100%;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0;}
 .categories-container ul li{ font-size:1em;}
 
 .new-arivals{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:0%;}
 
 .new-arivals-main{ width:45%; margin-right:10%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:0%;}
 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}
.books-pics{ margin-bottom:1em}	
.banner-whatsapp-line{ clear:both !important}
a .download-container .download-now{ float:left;}
 a:hover .download-container .download-now{ float:left;}
	
}




@media (min-width:681px) and (max-width:736px){
	
body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:50%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:30%; margin-right:5%; margin-bottom:5%}
 .books-for:nth-child(2n+2){ margin-right:5%;}
  .books-for:nth-child(3n+3){ margin-right:0%;}

 
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0; bottom:0; padding:0em; left:0; right:0; width:90%; height:80%; float:none; margin:auto; display:flex; align-items:center; justify-content:center}
 .categories-container ul li{ margin-bottom:1em}
 
 .new-arivals{ width:30%; margin-right:5%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:5%;}
  .new-arivals:nth-child(3n+3){ margin-right:0%;}

 
 .new-arivals-main{ width:30%; margin-right:5%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:5%;}
  .new-arivals-main:nth-child(3n+3){ margin-right:0%;}

 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}	
.books-pics{ margin-bottom:1em}	
.swiper-slide-caption {width: auto !important;right:0px !important;}
.banner-whatsapp-line{ clear:both !important}
a .download-container .download-now{ float:left;}
 a:hover .download-container .download-now{ float:left;}
}


@media (min-width:737px) and (max-width: 768px){
	body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:50%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:30%; margin-right:5%; margin-bottom:5%}
 .books-for:nth-child(2n+2){ margin-right:5%;}
  .books-for:nth-child(3n+3){ margin-right:0%;}

 
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0; bottom:0; padding:0em; left:0; right:0; width:90%; height:80%; float:none; margin:auto; display:flex; align-items:center; justify-content:center}
 .categories-container ul li{ margin-bottom:1em} 
 .new-arivals{ width:30%; margin-right:5%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:5%;}
  .new-arivals:nth-child(3n+3){ margin-right:0%;}

 
 .new-arivals-main{ width:30%; margin-right:5%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:5%;}
  .new-arivals-main:nth-child(3n+3){ margin-right:0%;}

 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}	
.books-pics{ margin-bottom:1em}	
.swiper-slide-caption {width: auto !important;right:0px !important;}
.banner-whatsapp-line{ clear:both !important}
a .download-container .download-now{ float:left;}
	
}

@media (min-width:769px) and (max-width:991px){
body {font-size:14px !important;}
 .container{ width:100%;padding-left:2%; padding-right:2% }	
 .footer-content-top{ width:100%; margin-bottom:1em;}
 .footer-bottom-wrap{ height:auto;}
 .home-about-pic-container{ width:100%;}
 .home-about-content{ width:100%; padding-left:0%;}
 .books-for{ width:30%; margin-right:5%; margin-bottom:5%}
 .books-for:nth-child(2n+2){ margin-right:5%;}
  .books-for:nth-child(3n+3){ margin-right:0%;}

 
 .header-social-links{ display:none}
 .banner-caption-mid{ font-size:3.5em;}
 .banner-caption-title-sub{ font-size:1em; letter-spacing:1px;}
 .banner-whatsapp{ float:right;}
 .footer-menu{ display:none}
 .logo-container{ position:inherit; float:left; width:20%;}
 header #logo{ width:40%;}
 .top-right{ width:100%;}
 .menu-container{ width:100%; background-color:#116a7d !important}
 .out-books-title h2{ padding-left:30px; padding-right:30px; font-size:3em}
 .banner-whatsapp a{ margin-top:0%;}
 .home-about-left{ width:100%; position:relative;}
 .desk-view{ display:none}
  .mob-view{ display: block}
  .home-about-container{ display:inherit; position:inherit}
  .about-main-wraper{ padding-top:2.5em;}
  .ourboobks-wraper{ padding-top:2.5em;}

 
 .about-content{ width:100%;}
 .about-top-pic{ display:none;}
 .inner-banner-caption-mid{ display:none}
 .categories-container{ position:absolute; top:0; bottom:0; padding:0em; left:0; right:0; width:90%; height:80%; float:none; margin:auto; display:flex; align-items:center; justify-content:center}
 .categories-container ul li{ margin-bottom:1em} 
 .new-arivals{ width:30%; margin-right:5%; margin-bottom:5%}
 .new-arivals:nth-child(2n+2){ margin-right:5%;}
  .new-arivals:nth-child(3n+3){ margin-right:0%;}

 
 .new-arivals-main{ width:30%; margin-right:5%; margin-bottom:5%}
 .new-arivals-main:nth-child(2n+2){ margin-right:5%;}
  .new-arivals-main:nth-child(3n+3){ margin-right:0%;}

 
 
 .contact-enquiry{ width:100%; margin-bottom:1em;}
 .contact-address{ width:100%;}
 
 .download-container{ display:inherit}
 .download-details{ width:100%; padding-left:0%;}
 .download-book{ width:auto; max-width:25%;}
 .top-container{ width:100%; padding-left:0%; padding-right:0%}	
 .books-pics{ margin-bottom:1em}
 .swiper-slide-caption {width: auto !important;right:0px !important;}
 .banner-whatsapp-line{ clear:both !important}	
 a .download-container .download-now{ float:left;}
  a:hover .download-container .download-now{ float:left;}

	
}

@media (min-width:992px) and (max-width:1199px){
	

}