.tableofcontents {
    /*background: rgba(34, 34, 34, 0.07);*/
    background: #A6CE39;
    padding: 10px;
    border: 1px solid #A6CE39;/*#e4e4e4;*/
    display: inline-block;
    margin: 15px 0px;
    border-radius: 5px;
}

.contentt {
    cursor: pointer
}

.contentp {
    display: none
}
 .contenttitle {
            visibility:hidden
        }
.marketprice {
    text-decoration: line-through;
    color: #b4b5b3;
}

.ourprice {
    color: #58595b;
    font-size: 18px !important;
    float: right;
    margin-left: 10px;
}

.marketprice {
    font-size: 14px !important;
    float: right;
    margin-left: 10px;
    margin-top: 5px;
    text-decoration: line-through;
    color: #b4b5b3;
}
.loadmore {
    color: #384d55;
    background: #A6CE39;
    width: 80%;
    font-weight: bold;
    max-width: 300px;
    border: 0;
    border-radius: 40px;
    font-size: 20px !important;
    margin: 85px 0;
    cursor: pointer;
}
img{
    max-width:100%
}
.direction-left{
    float:left!important;
}
.align-right{

}
.align-left {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.align-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.booksize {
    color: #58595b;
}
    .pagetitle {
    text-align: center;
    color: #384D55;
    padding-bottom: 20px;
}
/*.box2 {
    padding-top: 3%;
}*/

.bg-box {
display: flex;
align-items: center;
    background: #ececec;
    border-radius: 15px;
    width: 90% !important;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-top: 25px;
}
    .bg-box img {
        max-width: 95%;
    }
.booktitle {
    color: #384d55;
    font-weight: bold;
    text-decoration: none;
}
.title1 {
    text-align: center;
    padding-bottom: 20px;
    width:100%;
}
.title2 {
/*    margin-top: 9%;*/
    position: relative;
    min-height: 690px;
}
.title2 img{
position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto!important;
}
.title-box {
    min-height: 345px;
    position: relative;
}
.homepage {
    float: left;
}

.ttitle {
    Height: 30px;
    Width: 344px
}

.tdescp {
    Width: 344px;
    Height: 91px
}
/*.addToCartBtn {
            display: block;
            background-size: 30px;
            font-weight: bold;
            font-family: 'Droid Arabic Naskh',serif !important;
            cursor: pointer;
            background-image: url(https://www.neelwafurat.com/cart2.png);
            background-color: #A6CE39;
            width: 140px;
            height: 40px;
            border-collapse: collapse;
            text-decoration: none;
            border: none;
            line-height: 44px;
            text-indent: -16px;
            background-repeat: no-repeat;
            font-size: medium;
            background-position: left;
            outline: none;
            color: #384D55;
            border-radius: 5px 5px 5px 5px;
            -webkit-border-radius: 5px 5px 5px 5px;
            -o-border-radius: 5px 5px 5px 5px;
            -moz-border-radius: 5px 5px 5px 5px;
        }*/
.gridview {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 25px;
    text-align: center;
    line-height: 1.5;
    /*position: relative;*/
max-width: 219px!important;
}
.box2 .gridview{
max-width: 200px!important;
}
.box2 .gviteminfo{
    margin-bottom:0px
}
.imggrid2{
width: 180px!important;
    height: 180px!important;
}
.gviteminfo {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding-bottom: 5px;
    text-align: center;
    line-height: 1.5;
    max-width: 100%;
	margin-bottom:10px
}
/*.imggrid {    
    min-height:190px;
    width: 70%;    
    margin: 0 auto;    
    position:relative;
}*/
.imggrid,.imggrid2 {
    margin: 0 auto;
    position: relative;
    max-width: 80%;
    margin-bottom: 2px;
    width: 241px;
    height: 241px;
}
.imggrid img,.imggrid2 img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto!important;
}
/*.imggrid2 {
    margin: 0 auto;
    position:relative;
    width: 60%;
    max-width: 160px;
}*/
.imgstyle {
    width: 100%;    
}
.fs-ribbon, .discount-ribbon {
    position: relative;
    background: #b30000;
    text-align: center;
    z-index: 1;
    width: 78px;
    height: 30px;
    top: 2px;
    right: -6px;
    text-indent: 7px;
    line-height: 2.1;
    color: white;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px !important;
    font-weight: bold;
}
.box2 .fs-ribbon, .discount-ribbon {
 right:13px!important;
}
.discount-ribbon {
    width: 55px !important;
    text-indent: 0px !important;
    line-height: 1.9 !important;
    font-size: 17px !important;
    background: #384d55 !important;
}

.empty-ribbon {
    height: 30px;
}

.fs-ribbon:before, .discount-ribbon:before {
    content: '';
    border: 15px solid;
    border-left-width: 8px;
    position: absolute;
    top: 0px;
    left: -16px;
    border-right-width: 8px;
    border-right-color: #b30000!important;
    border-color: transparent;
}

.discount-ribbon:before {
    border-right-color: #384d55 !important;    
}
/*.discount, .discount2 {
    background: #384D55;
    position: absolute;
    color: #ffffff;
    width: 53px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /*margin-top: 20px;
    left: 25px;*
    left:-5px;
    top:9px;
}*/
/*.discount2{
    left:40px!important;
}*/

.addtocart {
    cursor: pointer;
    background-image: url(https://www.neelwafurat.com/cart2.png);
    background-color: #A6CE39;
    width: 130px;
    height: 33px;
    border-collapse: collapse;
    text-decoration: none;
    border: none;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 28px;
    outline: none;
    color: #384D55;
    text-align: right;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    font-size: 14px !important;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
.special [class*="col-"] {    
    display: flex;
    flex-wrap: wrap;
}
[class*="col-"] {
    float: right;
}
.col-1-6 { /* 1.6// col-2 */
    width: 16.66%;
}
.col-2 {
    width: 20%;
}
.col-2-5 { /* 2.5// col-3 */
    width: 25%;
}
.col-3-3 { /* 3.3// col-4 */
    width: 33.33%;    
}
.col-4 {
    width: 40%;
}
.col-5 {
    width: 50%;
}
.col-6 {
    width: 60%;
}
.col-12 {
    width: 100%;
}