/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* css reset */

*{
    box-sizing: border-box;
}

html{
	font-size: 100%;
	font-family: 'Cairo', sans-serif;
	scroll-behavior: smooth;
}

:root{
	--color-beige : #F6EAC9;
    --color-beige-light : #FDFBF4;
    --color-beige-dark : #f6eac9a9;
    --color-brown : #755B46;
	--color-border-bottom-box : #755B4666;
	--backColor-container : #FDFBF4;
}


/* short cut class */

.color-brown{
	color : var(--color-brown);
}

.color-beige-light{
	background-color: #FDFBF4;
}

.color-beige{

	color : var(--color-beige);
}

.color-beige-dark{

	color : var(--color-beige-dark);
}




.text-justify{
	text-align: justify;
}



.backgroundMain{
	background-color: #FDFBF4;
}


.fs-24{
	font-size: 1.5rem;
}

.fs-20{
	font-size: 1.25rem;
}

.fs-19{
	font-size: 1.1875rem;
}

.fs-18{
	font-size: 1.125rem;
}

.fw-700{
	font-weight: 700;
}

.mt_07{
	margin-top: .7rem;
}



.w-49{
    width: 48%;
}





.cursor{
	cursor: pointer;
}

button:focus{
	outline: none;
}

button > i {
	border: none !important;
	background-color: transparent !important;
}


.bookreader-main{
	background-color: var(--backColor-container);
	overflow: hidden;
	height: 100vh;
}

/* short cut class */


/* DEFAULTS */

.btnDefualt{
	width: 144px;
	height: 46px;
	background-color: var(--color-brown);
	color: var(--color-beige);
	border: none;
	border-radius: 8px;
}

.h-100{
	height: 100% !important;
}

/* DEFAULTS */



/* HEADER */


.header_top{
    background-color: var(--color-brown);
	box-shadow: 0 3px 8px #483E3542;
    padding: 2rem 0 1rem;
}


.navbar-toggler{
	font-size: 1.75rem;
	color: var(--color-beige-dark);
}

.searchForm{
	background-color: var(--color-beige);
    border-radius: 6px;
    overflow: hidden;
    padding: 0.2rem 0.4rem;
}

.searchBox:focus {
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.searchBox{
	background-color: var(--color-beige);
	border: none;
	width: 100%;
}


.search-icon{
	font-size: 0.875rem;
	color: var(--color-brown);
}


.searchBox::placeholder{
	color: var(--color-brown);
}


.iconAdvanced{
	display: block;
	height: 22px;
}




.vertical_hr{
	height: 22px;
	width: 2px;
	background-color: var(--color-beige);
	margin: 0 14px;
}

.horizontal_hr{
	height: 1px;
	width: 100%;
	background-color: var(--color-brown);
	margin: .3rem 0;
}



.nav-item , .nav-link{
	color: var(--color-beige-dark) !important;
}


.IconHeader {
	color: var(--color-beige-dark);
}




/* bookreader page header */

.header-bookreader{
	background-color: var(--color-brown);
	height: 76px;
}



/* backbtn */
.backBtn{
	font-size: 1.625rem;
	color: var(--color-beige);
}

.backBtn > a {
	color: var(--color-beige);
}

/* backbtn */


.fs-btn{
	font-size: 1.25rem;
}

.btnPage-bookreader{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: none;
	width: 23px;
	height: 24px;
	background-color: var(--color-beige);
	color: var(--color-brown);
}

.btnPage-bookreader:active{
	transform: scale(1.07);
}

.numPage-bookreader{
	font-size: 0.875rem;
}

.addPage{
	border-radius: 0 4px 4px 0;

}

.minPage{
	border-radius: 2px 0 0 2px ;
}


.infopage{
	color: var(--color-beige);
}

.infoIcon{
	font-size: 1.25rem;
	border: none;
    background-color: transparent;
    color: var(--color-beige);
    padding: 0;
}




.currentPageInput{
    width: 30px;
    height: 24px;
    border: 1px solid var(--color-beige);
    background-color: transparent;
    color: var(--color-beige);
    font-size: 0.875rem;
	text-align: center;
}

.currentPageInput:focus{
	outline: none;
}


.currentPageInput::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}

input[type=number] {
	-moz-appearance: textfield;
}




.icon_search{
	font-size: 1.375rem;
	background-color: transparent;
	color: var(--color-beige);
}


.indexBtn{
	background-color: var(--color-beige) !important;
	color: var(--color-brown) !important;
}


.indexBtn:active{
	transform: scale(.97);
}

/* bookreader page header */







/* HEADER */







/* MODALS */




/* Modal info*/


.modal-dialog{
	max-width: 884px;
}


.body_Modal_info{
	padding-bottom: 5rem;
}


.modal-title{
	color: var(--color-brown);
	font-weight: 700;
}

.closeModal{
    background-color: transparent;
    font-size: 1.75rem;
    color: var(--color-brown);
}


.imgHeader_modal{
	width: 130px;
	height: 190px;
	object-fit: cover;
}




/* .info{
	width: 210px;
} */



.infoBox{
	row-gap: 1.7rem;
}


.downloadBox{
	background-color: #fff !important;
	color: var(--color-brown) !important;
	border: 1px solid var(--color-brown);
	border-radius: 5px;
	width: 50%;
	height: 37px;
	font-size: 1rem;
	font-weight: 700;
}


.contentMagazine{
	width: 100%;
	font-weight: 700;
	color: var(--color-brown);
}


.infoMagazine-bookreader{
	width: 100%;
	row-gap: 2rem;
	color: var(--color-brown);
	font-size: 1rem;
	font-weight: 700;
}



/* Modal info*/




/* Modal search */

.searchForm{
	background-color: var(--color-beige);
	box-shadow: 0 4px 10px var(--color-border-bottom-box);
    border-radius: 6px;
    overflow: hidden;
    padding: 0.2rem 0.4rem;
}



.searchBtn{
	background-color: transparent;
	color: var(--color-brown);
	font-size: 0.875rem;
}

.searchBox{
	background-color: transparent;
	color: var(--color-brown);
	border: none;
	width: 100%;
}

.searchBox:focus {
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.searchBox::placeholder{
	color: var(--color-brown);
}


.body_Modal_search{
	padding-bottom: 2rem;
}


/* Modal search */





/* MODALS */




/* BOOKREADER INDEX */







/* BOOKREADER INDEX */










/* BODY */


/* breadCrumb */


.pagenumbers{
	flex-wrap: wrap;
}

.pages{
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.pages::-webkit-scrollbar{
display: none;
}



.pages > a{
	text-decoration: none;
}


.breadCrumbIcon{
	font-size: 0.75rem;
	color: #393939;
}

.p{
	font-size: 0.875rem;
	color: var(--color-brown);
}

/* breadCrumb */






/* title */
.height-divider{
	height: 160px;
}

.divider{
	width: 100%;
	height: 1px;
	background-color: var(--color-brown);
}


.title_main{
	width: 22rem;
	height: 6rem;
	font-size: 1.5rem;
	font-weight: 700;
	background-color: var(--color-beige);
	color: var(--color-brown);
	border-radius: 20px 0 20px;
	border: 1px solid var(--color-brown);
	background-image: url(../images/backpattern.svg);
	background-position: 50% 50%;
	background-size: 100%;
	box-shadow: 0 4px 4px #00000040;
}
/* title */


/* Page about */

.bookBackground{
	background-image: url(../images/book-about.svg);
	background-repeat: no-repeat;
	background-position: 0% 90%;
}

.pAbout{
	line-height: 2rem;
	padding: 0 3rem 3rem;
}


.locationTitle{
	font-size: 0.875rem;
	font-weight: 700;
}

.locationText{
	font-size: 0.875rem;
	font-weight: 500;
}


.verticalDevider{
	width: 60px;
	border: 1px solid var(--color-brown);
}

.horizontalDevider{

	height: 60px;
	border: 1px solid var(--color-brown);
}

.contactUs{
	height: 20rem;
	background-image: url(../images/contact-us.svg);
	background-repeat: no-repeat;
	background-size: 250px;
	background-position: 93% 90%;
}

.locationIcon , .timeIcon , .callIcon{
	font-size: 1.125rem;
}


/* Page about */



/* Page aboutwriter */


.boxWriter{
	border: 1px solid var(--color-brown);
	border-radius: 8px;
	padding: 2rem;
}


.imageWriter{
	border-radius: 5px !important;
	overflow: hidden;
}

.imageWriter > img{
	width: 150px;
	height: 150px;
	object-fit: cover;

}

.boxInfo{
	height: 150px;
}

.writerUl{
	list-style-type: square;
	padding: 0 1rem 0 0;
    height: 60px;
	width: 150px;
}

::marker{
	color: var(--color-brown);
}



.titleWriter{
	font-size: 1rem;
	font-weight: 700;
	color: var(--color-brown);
}

.pWriter{
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--color-brown);
	line-height: 1.7rem;
}


/* article */

.boxsArticlePart{
	gap: 0.87rem;
}


.articleTitle{
	font-size: 1rem;
	font-weight: 700;
	color: #333333;
}


.infoTitle {
	font-size: 1.125rem;
    font-weight: 700;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 0.7rem 0.9rem 1.3rem;
	text-align: center;
	color: #333333 !important;
}


.article {
    width: 24%;
    height: 100%;
}


.articleSimple{
	width: 100%;
	height: 100%;
}


.article a , .articleSimple a{
	text-decoration: none;
}


.articleSimple .articleTitle {
	font-size: 0.875rem;
}

.articleSimple .infoTitle {
	font-size: 1.125rem;
}


.boxArticle{
	border: 1px solid var(--color-brown);
    height: 150px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #FDFBF4;
	cursor: pointer;
}


.social-icons{
	width: 100px;
}

.social-icons a{
	font-size: 1.125rem;
	color: var(--color-brown) !important;
}



.infoArticle{
	background-color: var(--color-brown);
	color: var(--color-beige);
	width: 100%;
	font-size: 0.875rem;
	font-weight: 600;

}



.imgArrowArticle {
	background: url(../images/arrow-article.svg) no-repeat;
    background-size: 100%;
    width: 50px;
    height: 66px;
    align-self: flex-start;
    display: flex;
    justify-content: center;
    align-items: start;
    position: absolute;
    top: 0px;
}


.txtImgArticle {
	font-size: 0.625rem;
	font-weight: 600;
    transform: rotate(-90deg);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #CA2525;
    position: absolute;
    top: 40%;
}


/* article */


.infoWriter , .nameWriter{
	font-size: 0.875rem;
	font-weight: 700;
}

/* Page aboutwriter */



/* Page bookreader */


.text_Page {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 18px;
}

.contentBox{
	height: calc(100vh - 76px);
}


.contentFlex{
	width: 595px;
	height: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.page img{
	width: 100% !important;
}

.btnArrow{
	width: 100%;
	height: 32px;
	background-color: var(--color-beige);
	color: var(--color-brown);
	font-size: 1.5rem;
}

.nextBtn{
	border-radius: 0 0 5px 5px;
}

.prevBtn{
	border-radius: 5px 5px 0 0;
}



.content{
	height: 100%;
	width: 100%;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.content::-webkit-scrollbar{
	display: none;
}


/* index Box */


.indexBox{
	background-color: #FFFFFF;
	width: 325px !important;
	height: calc(100vh - 76px);
	border-right: 1px solid var(--color-brown) !important;
	position: fixed;
    top: 76px;
	left: -325px;
	z-index: 1045;
	transition: all .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}



.offcanvasIndex-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
	display: none;
}


.fade {
    transition: opacity .15s linear;
}

.left-0{
	left: 0;
}

.offcanvasIndex-backdrop.show{
	opacity: 0;
	display: block;
}

.offcanvasIndex-backdrop.fade {
    opacity: 0;
}



.searchBox-index::placeholder{
	font-size: 0.875rem;
}


.BoxMagazines{
	-ms-overflow-style: none !important;  /* IE and Edge */
	scrollbar-width: none !important;  /* Firefox */
}
.BoxMagazines::-webkit-scrollbar{
	display: none !important;
}


.magazineBox-header-title{
	font-weight: 700;
	line-height: 20px;
}


.magazineBox-header-title a{
	text-decoration: none;
	color: var(--color-brown);
}


.magazineBox-header-Pagenumber{
	line-height: 20px
}


.magazineBox{
	font-size: 1.1rem !important;
	color: var(--color-brown);
	border-radius: 5px 5px 0 0;
	/*border-bottom: 1px solid var(--color-border-bottom-box);*/
	display: flex;
}
.magazineBox2 {
    font-size: 0.8rem !important;
    color: var(--color-brown);
    border-radius: 5px 3px 0 0;
    right: 16px;
    /* border-bottom: 1px solid var(--color-border-bottom-box); */
    display: flex;
    position: relative;
    top: -15px;
    width: 94.9%;
    border-right: 1px dashed #cbcbcb;
}
.magazineBox-active{
	background-color: #F5F2E6;
}



.pagination-sections{
	gap: .5273rem;
}


.numberSection{
    border: none;
    background-color: var(--color-beige);
	color: var(--color-brown);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
	padding-left: .4rem;
}



.numberSection-active{
	background-color: var(--color-brown);
	color: var(--color-beige);
}


/* index Box */



/* Page bookreader */


/* Page home */

.title_main_home{
	background-image: none !important;
	background-color: var(--color-brown) !important;
	color: var(--color-beige) !important;
}

.divider_home{
	height: 5rem;
	background-image: url(../images/homepattern.svg);
	background-position: 50% 50%;
	background-color: transparent !important;
	background-size: 19rem;
}


.imgHeader img{
	box-shadow: 8px 7px 8px #00000040;
	height: 300px;
    object-fit: cover;
}


.magazine{
	border: 1px solid var(--color-brown);
	border-radius:20px 20px 0 0;
	background-color: #FDFBF4;
}

.infoMagazine{
	color: var(--color-brown);
	border: 1px solid #333;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 700;
}





.btnDownload{
	background-color: #F6EAC933 !important;
	color: var(--color-brown) !important;
	font-weight: 700 !important;
	border: 1px solid var(--color-brown) !important;
	border-radius: 5px;
	height: 40px;
	font-size: 1rem;
	padding: 0 !important;
	text-wrap: nowrap;
}




.downloadBox , .viewBox{
	width: 35%;
}

.downloadBox-bookreader{
	width: 50% !important;
	height: 32px;
}


.iconView{
	font-size: 1.25rem;
}







.infoMagazine, .contentMagazine {
	width: 270px;
	background-color: #F6EAC933;
	font-size: 0.875rem !important;
	color: var(--color-brown);
	font-weight: 700;
}


.bookText{
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2rem;
	color: var(--color-brown);
}


.booksImg{
	width: 368px;
	height: 256px;
}



.newsletter{
	border: 1px solid var(--color-brown);
	border-radius: 0 0 40px 40px;
	background-color: #FDFBF4;
	color: var(--color-brown);
	width: 100%;
}


.new{
	width: 600px;
}



.titleNewsletter{
	font-size: 1.25rem;
	font-weight: 700;
}


.paragraphNewsletter{
	font-weight: 500;
	font-size: 1.0625rem;
}


.emailForm{
	border: none;
	border: 1px solid var(--color-brown);
}

.emailForm::placeholder{
	font-size: 0.75rem;
}



/* Page home */



/* Page magazine */


.orderParent{
	font-size: 0.875rem;
}


.filter-icon{
	font-size: 1.25rem;
	height: 17px;
}


/* below class for comfortable js developer for show the filter */

.active-filter{
	font-weight: bold;
	color: var(--color-brown);
}



.card-body{
	font-size: 1rem;
	font-weight: 700;
	padding: 0;
}


.shadow{
	box-shadow: 1px 3px 7px rgba(128, 128, 128, 0.486);
}


.paddingCart{
	padding: 0.7rem!important;
}


.hoverer{
	background-color: #765c46e1;
	color: var(--color-beige);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	font-size: 1.25rem;
	display: none;
	justify-content: center;
	align-items: center;
	border-radius: 5px 5px 0 0;
}


.imageCard:hover .hoverer{
	display: flex;
}



.numIcon , .dateIcon {
	font-size: 1rem;
	color: var(--color-brown);
}


.imageCard img {
    width: 70%;
    height: 272px;
    object-fit: cover;
    border-radius: 6px;
}


.text_h1_footer{
	font-size: 1.5625rem;
}




.currentPage{
	border: 1px solid #755B46 !important;
	color: #755B46;
}

.num{
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	background-color: #fff;
	border: 1px solid var(--color-beige);
	border-radius: 4px;
	width: 45px;
	height: 45px;
	font-size: 1.25rem;
	cursor: pointer;
}


.leftArrow{
	color: var(--color-brown);
	background-color: #F6EAC9;
	margin-left: 0;
}

/* Page magazine */



/* Page resaultSearch */


/* search box */

.searchForm_resaultSearch{
	width: 78%;
	height: 50px;
	background-color: var(--color-beige);
    border-radius: 6px;
    overflow: hidden;
    padding: 0.2rem 0.4rem;
}

.searchBtn_resaultSearch{
	background-color: transparent;
	color: var(--color-brown);
	font-size: 0.875rem;
}



.searchBox_resaultSearch{
	background-color: var(--color-beige);
	border: none;
	width: 100%;
}


.searchBox_resaultSearch:focus {
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}




/* search box */


/* Resault Search */

.Resaults{
	row-gap: 1.5rem;
	margin-top: 1.5rem;
}


.wordResault{
	background-color: var(--color-brown);
	color: var(--color-beige);
	border-radius: 5px;
	line-height: 1.7rem;
	margin-top: 1.5rem;
}


.keyword{
	font-weight: 700;
}

.numResault{
	font-weight: 700;
	background-color: var(--color-beige);
}

.pResault{
	background-color: #fff;
	color: var(--color-brown);
	line-height: 2rem;
}



.resault{
	color: var(--color-brown);
	border: 1px solid var(--color-brown);
	border-radius: 6px;
	overflow: hidden;
}




.keywordP{
	font-weight: 700;
	background-color: rgba(117, 91, 70, 0.192)
}


/* Resault Search */



/* Page resaultSearch */


/* Page writers */

.vertical-devided{
    border: 1px solid var(--color-brown);
    width: 50px;
}


.card-title, .articleText{
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
}


.articleContent{
    font-size: 0.875rem;
    font-weight: 700;
}



.card-img-top{
	border-radius: 8px !important;
}

.imgWriter img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shadow{
    box-shadow: 4px 6px 10px #0000001A;
}





/* Page writers */

/* padding search pages */
.header_top_search{
	padding: 1rem 0;
}
/* padding search pages */

/* Page advancedSearch */




.container-advancedSearch{
	height: 550px !important;
	background-image: url(../images/backAdvancedPage.svg);
	background-repeat: no-repeat;
	background-position: 100% 80%;
	background-size: 100%;
}



.searchBox_advancedSearch{
	background-color: var(--color-beige);
	color: var(--color-brown);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border: none;
	border-radius: 10px;
	font-size: 1.125rem;
}

.searchBox_advancedSearch:focus{
	background-color: var(--color-beige);
	outline: none;
	border: none;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.articleName-parent , .writerName-parent{
	font-size: 1.125rem;
}

.searchBox_advancedSearch::placeholder{
	color: var(--color-brown);
	font-size: 1.125rem;
}


.btnSeach_advancedSearch{
	border: none;
	background-color: var(--color-brown);
	color: var(--color-beige);
	border-radius: 10px;
	font-size: 1.125rem;
}


/* Page advancedSearch */


/* Page searchnotfound */

.notFound{
	width: 100%;
	height: 520px;
	border: 1px solid var(--color-brown);
	border-radius: 10px;
	gap: 2rem;
}


.reSearch{
	width: 135px !important;
	height: 48px !important;
}

.notfoundImg{
	Width: 335px;
	Height: 289px;
	object-fit: cover;
}

/* Page searchnotfound */



/* BODY */






/* footer */

.foot{

	background-color: var(--color-beige);
	color: var(--color-brown);
	padding: 3rem;
}

.text_footer{
	text-decoration: none;
	color: #765C46 !important;
}

.hr{
	height: 1px;
	width: 100%;
	background-color: var(--color-brown);
	opacity: 50%;
}


.P_footer{
	line-height: 1.5rem;
}

.address{
	background-color: var(--color-brown);
	color: var(--color-beige);
	width: 288px;
	height: 235px;
	border-radius: 8px;
	line-height: 2.3rem;
}


/* .infoCompany{
	font-size: 14px;
} */

.numCompany{
	font-size: 1.5rem;
	font-weight: 700;
}

.footer_bottom{
	background-color: var(--color-brown);
	color: var(--color-beige);
}



.logoFooter{
	width: 68px;
}



.icons{
	font-size: 1.5rem;
}


.icons > a > i{
	color: var(--color-beige);
}



/* footer */













@media screen and (max-width: 768px) {

	/* DEFAULTS */
	.btnDefualt{
		width: 130px;
		height: 40px;
		font-size: 0.875rem;
	}
	/* DEFAULTS */

	/* HEADER */

	.header_top{
		padding: 1rem 0 0;
	}


	.header_top_search{
        padding-bottom: 0;
    }


	.header-bookreader {
		height: 58px;
	}

	.head_bookreader{
		padding: 0;
	}


	/* breadCrumb */

		.pages{
		overflow-x: scroll;
		white-space: nowrap;
		height: 31px;
	}

	/* breadCrumb */


	/* size sections header bookreader */

	.sectoin_header_right{
		width: 36%;
		gap: 5px;
	}

	.section_header_middle{
		width: 28%;
		gap: 4px;
	}

	.section_header_left{
		width: 36%;
	}

	/* size sections header bookreader */


	.nav-item , .nav-link , .active{
		color: var(--color-brown) !important;
	}

	.IconHeader{
		color: var(--color-brown);
	}

	.offcanvas{
		max-width: 75%;
	}

	.marg_icon_mobile{
		margin: 1rem;
	}


	.logoSm{
		width: 55px;
	}




	.text_Page {
		width: 61px;
		height: 18px;
	}



	.backBtn {
		font-size: 0.75rem;
	}


	.infopage {
		font-size: 0.875rem;
	}


	.infoIcon{
		font-size: 0.875rem;
	}



	.icon_search {
		font-size: 0.875rem;
	}

	.indexBtn {
		width: 57px !important;
		height: 26px !important;
		font-size: 0.700rem !important;
	}


	.fs-btn{
		font-size: 0.875rem;
	}


	.btnPage-bookreader {
		width: 16px;
		height: 18px;
	}


	.numPage-bookreader {
		font-size: 0.625rem;
	}


	.currentPageInput {
		width: 22px;
		height: 18px;
		font-size: 0.625rem;
	}



	/* HEADER */




	/* MODALS */


	/* modal info */

	.modal-info{
		padding: 0;
	}

	/* .info {
		width: 180px;
	} */


	.body_Modal_info {
		margin: 0;
		padding-top: 0;
		padding-bottom: 3rem;
	}



	.modal-title {
		font-size: 0.875rem !important;
	}

	.closeModal {
		font-size: 1.5rem;
	}


	.infoMagazine-bookreader {
		height: 100%;
		font-size: 0.875rem;
	}



	.imgHeader_modal{
	    width: 145px;
		height: 210px;
	}

	/* modal info*/




	/* modal search */

	.body_Modal_search{
		padding: 12px;
    	padding-top: 0;
	}


	.header_Modal_search{
		padding: 12px;
	}

	.searchBox::placeholder{
		font-size: 0.75rem;
	}


	/* modal search */


	/* MODALS */





	/* BODY */


	/* breadCrumb */


	.breadCrumbIcon {
		font-size: 0.625rem;
	}

	.p {
		font-size: 0.75rem;
	}

	/* breadCrumb */



	/* page about */

	.contactUs {
		height: 28rem;
		background-image: url(../images/contact-us.svg);
		background-repeat: no-repeat;
		background-size: 167px;
		background-position: 0% 100%;
	}

	.pAbout{
		line-height: 1.5rem;
		padding: 0;
		min-width: 17rem;
	}

	/* page about */


	/* Page aboutwriter */

	.boxWriter{
		border: none;
		padding: 0;
	}

	.imageWriter{
		width: 100px;
		height: 100px;
	}


	.boxInfo{
		height: 100px;
	}

	.writerUl{
		padding: 0 1rem 0 0;
		height: 45px;
		width: 130px;
	}


	.infoWriter , .nameWriter{
		font-size: 0.75rem;
		font-weight: 700;
	}

	.article{
		width: 100%;
		height: 127px;
	}

	.boxArticle {
		height: 130px;
	}



	.imgArrowArticle {
		width: 42px;
		height: 57px;
		right: 17%;
	}


	.txtImgArticle {
		font-size: 0.5625rem;
	}


	.infoTitle {
		font-size: 1rem;
		padding: 0.5rem 0.9rem .9rem;
	}

	.articleTitle {
		font-size: .875rem;
	}

	/* Page aboutwriter */

	/* Page home */
	.infoMagazine, .contentMagazine {
		font-size: 0.875rem !important;
		font-weight: 700;
	}


	.imgHeader img{
		width: 173px;
		height: 250px;
	}

	.infoMagazine{
		border: none;
		width: 195px;
	}


	.bookText{
		font-size: 0.875rem;
	}


	.booksImg{
		order: -1;
		width: 224px;
		height: 165px;
	}


	.newsletter{
		line-height: 1.7rem;
		font-size: 0.875rem;
	}


	.titleNewsletter{
		font-size: 0.875rem;
		width: 10rem;
	}


	.emailForm{
		width: 100% !important;
	}



	.p{
		font-size: 0.75rem;
	}

	.paragraph{
		font-size: 0.875rem !important;
	}


	.downloadBox {
		width: 29%;
		font-size: 0.75rem;
	}


	.viewBox {
		width: 50%;
		font-size: 0.75rem;
	}


	.iconView {
		font-size: 1.125rem;
	}


	/* newletter */

	.news{
		gap: .7rem;
	}

	.paragraphNewsletter{
		margin-top: -7px;
		font-size: 0.875rem;
	}

	/* newletter */



	/* Page bookreader */

		/* index offcanvas*/

		.offcanvasIndex-backdrop.show{
			opacity: .5;
		}

		.indexBox{
			width: 270px !important;
			height: 100vh;
			top: 0;

		}

		.magazineBox{
			font-size: 0.75rem !important;
		}

		/* index offcanvas*/


		.contentBox{
			height: calc(100vh - 58px);
		}


		.contentFlex{
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
		}


		.prevBtn{
			font-size: 1rem;
		}

		.nextBtn{
			font-size: 1rem;
		}


	/* Page bookreader */


	/* Page magazine */

	.orderParent{
		font-size: 0.75rem;
	}


	.filter-icon{
		font-size: 1rem;
		height: 14px;
	}



	.card-body{
		font-size: 0.8125rem;
	}

	/* .imageCard img{
		width: 120px;
		height: 173px;
	}
	 */

	.paddingCart{

		padding-bottom: .5rem !important;
	}



	/* title */

	.height-divider{
		height: 110px;
	}

	.title_main{
		font-size: 1rem;
		height: 3.5rem;
		background-size: 13rem;
		width: 160px;
		border: none;
		border-radius: 14px 0 14px;
	}

	.divider_home {
		height: 3rem;
	}

	/* title */

	.card-text{
		font-size: 0.8125rem !important;
	}



	.iconCard{
		height: 10px !important;
		width: 12px !important;
	}


	.num {
		width: 34px;
		height: 34px;
		font-size: 0.9375rem;
	}


	.hoverer{
		display: none !important;
	}


	.numIcon , .dateIcon {
		font-size: 0.8125rem;
	}

	/* Page magazine */


	/* Page writer */

	.imageWriter > img {
		width: 100px;
		height: 100px;
	}

	.card-title, .articleText{
		font-size: 0.875rem !important;
		font-weight: 700 !important;
	}

	.articleSimple .infoTitle{
		font-size: 0.875rem !important;
	}
	/*.imageWriterPic {*/
	/*	height: 110px;*/
	/*}*/

	/* Page writer */


	/* Page resaultSearch */

	/* search box */



	.searchForm_resaultSearch {
		width: 100%;
		height: 40px;
	}
	/* search box */


	/* boxs resault */

	.Resaults {
		row-gap: 1.2rem;
		margin-top: 1.2rem;
	}


	.title-main {
		font-size: 0.875rem;
	}


	.wordResault {
		margin-top: 1.2rem;
		font-size: 0.875rem;
	}


	.numResault {
		font-size: 0.875rem;
	}

	.pResault {
		font-size: 0.875rem;
	}


	.searchBox_resaultSearch::placeholder{
		font-size: 0.875rem;
	}

	/* Page resaultSearch */



	/* Page advancedsearch */

	.listIcon-advancedSearch{
		margin-right: 20px;
	}

	.container-advancedSearch{
		background-position: 100% 100% !important;
		height: 450px !important;
	}

	.height-divider-advancedSearch{
		height: 80px !important;
	}


	.form-search-advancedSearch{
		width: 100% !important;
		margin-top: 1rem;
	}

	.searchBox_advancedSearch{
		font-size: 0.875rem !important;
	}

	.articleName-parent , .writerName-parent{
		font-size: 0.875rem !important;
	}

	.searchBox_advancedSearch::placeholder{
		font-size: 0.75rem !important;
	}


	.btnSeach_advancedSearch{
		font-size: 1rem !important;
	}

	/* Page advancedsearch */


	/* Page notfound */

	.notFound {
		height: 300px;
		font-size: 0.875rem;
		gap: 1.8rem;
	}

	.notfoundImg {
		Width: 164px;
		Height: 143px;
	}

	.reSearch{
		width: 100px !important;
		height: 40px !important;
		font-size: 0.75rem !important;
	}

	/* Page notfound */


	/* BODY */



	/* footer */

	.P_footer{
		line-height: 1.6rem;
		width: 17rem;
	}

	.P_footer , .links{
		font-size: 0.875rem;
	}

	.text_footer{
		display: flex;
		justify-content: center;
		width: 10rem;
	}

	.numCompany{
		font-size: 1.25rem !important;
	}

	.address{
		font-size: 0.875rem;
	}


	.logoFooter{
		width: 46px;
	}


	/* footer */



}



	@media screen and (min-width: 576px) and (max-width: 768px) {

		/* title */
		.title_main {
			font-size: 1.125rem;
			height: 4rem;
			background-size: 15rem;
			width: 180px;
		}
		/* title */

		/* Page magazine */
		.orderParent {
			font-size: 0.875rem;
		}

		.card-right{
			padding-left: .5rem !important;
		}

		.card-left{
			padding-right: .5rem !important;
		}

		/* Page magazine */

		.modal-dialog{
			margin: 8px;
		}

		.listIcon-advancedSearch{
			margin-right: 0 !important;
		}


		/* book reader */
		.section_header_middle {
			gap: 6px;
			font-size: 1.3125rem;
		}
		.backBtn {
			font-size: 1rem;
		}
		.infopage {
			font-size: 1rem;
		}
		.text_Page {
			width: 105px;
			height: 18px;
		}
		.infoIcon {
			font-size: 1.125rem;
		}
		.btnPage-bookreader {
			width: 24px;
			height: 26px;
		}
		.fs-btn {
			font-size: 1.125rem;
		}
		.numPage-bookreader {
			font-size: 1rem;
		}
		.currentPageInput {
			width: 35px;
			height: 26px;
			font-size: 1rem;
		}
		.icon_search {
			font-size: 1.125rem;
		}
		.indexBtn {
			width: 95px !important;
			height: 33px !important;
			font-size: 1rem !important;
		}

		/* book reader */

	}




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

		/* HEADER */

		.logoHeader_advancedSearch{
			margin-left: 2rem;
		}

		.nav-item , .nav-link{
			color: var(--color-beige-dark) !important;
			font-size: 0.8125rem;
		}

		.vertical_hr {
			height: 17px;
			margin: 0 9px;
		}



		.active{
			color: var(--color-beige) !important;
			font-weight: 700;
		}


		.navbar-nav .nav-link{
			padding: 0 8px 0 0;
		}


		.nav-link{
			padding: 0 8px 0 0 !important;
		}


		.form-search{
			padding-right: 30px !important;
		}



		/* size sections header bookreader */

		.sectoin_header_right{
			width: 35%;
		}

		.section_header_middle{
			width: 30%;
		}

		.section_header_left{
			width: 35%;
		}

		/* size sections header bookreader */


		/* HEADER */



		/* MODAL */

		.modal-dialog {
			width: 670px;
		}

		/* MODAL */



		/* Page bookreader */

		.contentFlex{
			padding-top: 20px;
			padding-bottom: 20px;
		}

		/* Page bookreader */


		/* BODY */


		/* title */
		.title_main {
			width: 270px;
			height: 86px;
			font-size: 1.375rem;
		}


		.divider{
			background-size: 19rem;
		}

		/* title */

		/* Page home */
		.infoMagazine{
			width: 100%;
		}

		.bookText{
			width: 21rem;
			font-size: 1rem;
			line-height: 1.7rem;
		}




		.booksImg {
			width: 320px;
			height: 240px;
		}

		.imgHeader img{
			width: 176px;
			height: 260px;
		}




		.downloadBox , .viewBox {
			font-size: 1rem;
		}

		/* page home */


		/* Page aboutwriter */


		.article {
			width: 49.3% !important;
		}

		.imgArrowArticle {
			width: 35px;
			height: 48px;
		}

		.boxsArticlePart {
			gap: 0.52rem;
		}

		.boxArticle {
			height: 103px;
		}

		.txtImgArticle {
			font-size: 0.450rem;
		}

		.vertical_hr {
			height: 17px;
			margin: 0 9px;
		}

		.infoArticle {
			height: 28px;
			font-size: 0.875rem;
		}

		.articleTitle {
			font-size: 0.758rem;
		}


		.infoTitle {
			font-size: 0.875rem;
			padding: 0.3rem 0.9rem 0.7rem;
		}


		.articleSimple .articleTitle {
			font-size: 0.75rem;
		}

		.articleSimple .infoTitle {
			font-size: 0.875rem;
		}

		/* Page aboutwriter */


		/* Page magzine */

		.orderParent{
			font-size: 0.9375rem;
		}

		.card-text{
			font-size: 0.875rem !important;
		}

		.card-body{
			font-size: 0.875rem !important;
		}


		.imageCard{
			padding: 0 0rem 1rem;
		}

/*
		.imageCard img{
			width: 98px;
			height: 143px;
		} */



		.num {
			width: 40px;
			height: 40px;
			font-size: 1.125rem;
		}


		.hoverer{
			font-size: 0.875rem;
			height: 30px;
		}


		.numIcon , .dateIcon {
			font-size: 0.875rem;
		}

		/* Page magzine */


		/* Page writers */


		.articleContent {
			font-size: 0.6875rem;
		}

		.card-title, .articleText {
			font-size: 0.875rem !important;
			font-weight: 700 !important;
		}


		/*.imageWriterPic {*/
		/*	height: 130px;*/
		/*}*/

		/* Page writers */



		/* Page advancedsearch */

		.searchBox_advancedSearch{
			font-size: 0.875rem !important;
		}

		.articleName-parent , .writerName-parent{
			font-size: 0.875rem !important;
		}

		.searchBox_advancedSearch::placeholder{
			font-size: 0.875rem !important;
		}


		.btnSeach_advancedSearch{
			font-size: 0.875rem !important;
		}

		/* Page advancedsearch */

		/* Page notfound */

		.notFound {
			height: 480px;
		}

		.reSearch {
			width: 125px !important;
			height: 42px !important;
			font-size: 0.875rem !important;
		}

		.notfoundImg {
			Width: 305px;
			Height: 259px;
		}


		/* Page notfound */


		/* Page bookreader */
		.downloadBox-bookreader{
			font-size: 1rem;
		}
		/* Page bookreader */

		/* BODY */



		/* footer */

		.address{
			width: 250px;
			height: 210px;
		}


		.P_footer{
			width: 14.25rem;
		}


		/* footer */



}



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

	/* HEADER */

	.logoHeader_advancedSearch{
		margin-left: 1rem;
	}


	.active{
		color: var(--color-beige) !important;
		font-weight: 700;
	}



	.nav-link{
		padding: 0 8px 0 0 !important;
	}


	/* size sections header bookreader */

	.sectoin_header_right{
		width: 28%;
	}

	.section_header_middle{
		width: 44%;
	}

	.section_header_left{
		width: 28%;
	}

	/* size sections header bookreader */



	/* HEADER */


	/* MODAL */

	.modal-dialog {
		width: 775px;
	}

	/* MODAL */




	/* BODY */

	/* title */
	.divider{
		background-size: 17rem;
	}
	/* title */


	/* Page home */

	.infoMagazine{
		width: 100%;
	}

	.bookText{
		width: 27rem;
	}


	.imgHeader img{
		width: 208px;
		height: 302px;
	}

	/* Page home */


	/* Page aboutwriter */


	.boxsArticlePart {
		gap: 0.72rem;
	}

	.article {
		width: 49.3% !important;
	}

	.infoTitle{
		font-size: 1rem;
		padding: 0.7rem 0.9rem 0.7rem;
	}

	.boxArticle {
		height: 126px;
	}

	.imgArrowArticle {
		width: 42px;
		height: 58px;
	}

	.articleSimple .articleTitle {
		font-size: 1rem;
	}

	.articleSimple .infoTitle {
		font-size: 1rem;
	}

	/* Page aboutwriter */


	/* Page bookraeder */

	.contentFlex{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/* Page bookraeder */


	/* Page magazine */

	.orderParent{
		font-size: 1rem;
	}

	.hoverer{
		font-size: 1.125rem;
	}

	/*.imageWriterPic {*/
	/*	height: 190px;*/
	/*}*/

	/* Page magazine */


	/* BODY */


	/* footer */


	/* footer */



}




@media screen and (min-width:1200px) {

	/* HEADER */

	.active{
		color: var(--color-beige) !important;
		font-weight: 700;
	}

	.nav-link{
		padding: 0 8px 0 0 !important;
	}



	/* size sections header bookreader */

	.sectoin_header_right{
		width: 24%;
	}

	.section_header_middle{
		width: 52%;
	}

	.section_header_left{
		width: 24%;
	}

	/* size sections header bookreader */



	/* HEADER */



	/* BODY */

	/* title */

	.divider{
		background-size: 18rem;
	}
	/* title */



	/* Page home */

	.infoMagazine{
		width: 100%;
	}

	.bookText{
		width: 27rem;
	}

	.imgHeader img{
		width: 240px;
		height: 350px;
	}

	/* Page home */

	/* Page aboutrwriter */

	.boxsArticlePart {
		gap: .87rem;
	}
	.articleTitle {
		font-size: 0.875rem;
	}
	.infoTitle {
		font-size: 1rem;
	}

	/* Page aboutrwriter */


	/* Page bookraeder */

	.contentFlex{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	/* Page bookraeder */


	/* Page magazine */


	.orderParent{
		font-size: 1rem;
	}

	/*.imageWriterPic {*/
	/*	height: 230px;*/
	/*}*/

	/* Page magazine */


	/* BODY */



	/* footer */

	/* footer */


}





@media screen and (min-width:1400px) {

	/* HEADER */

	.nav-link{
		padding: 0 8px 0 0 !important;
	}


	/* size sections header bookreader */

	.sectoin_header_right{
		width: 20%;
	}

	.section_header_middle{
		width: 60%;
	}

	.section_header_left{
		width: 20%;
	}

	/* size sections header bookreader */


	/* HEADER */






	/* BODY */


	/* Page aboutwriter */

	.boxsArticlePart {
		gap: 1rem;
	}

	/* Page aboutwriter */


	/* Page bookreader */

	.contentFlex{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	/* Page bookreader */


	/* Page magazine */

	.card-body {
		font-size: 1.25rem;
	}

	.orderParent{
		font-size: 1.125rem;
	}

	.active{
		color: var(--color-beige) !important;
		font-weight: 700;
	}

	/* Page magazine */


	/* BODY */



}
.limited-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
small.archive-book {
    font-size: 0.8rem;
    color: #8b8b8b;
}