body{direction:rtl;text-align:right;font-family: 'Alef' !important;padding-top:80px !important;background:#eae6df !important}
        .books{max-width:1200px;margin: 0 auto;padding-bottom:20px;}
        .song {text-align:center}
        .book-wrapper{width:200px;height:266px;float:right;margin:35px;position: relative;transform: rotateY(180deg);}
        .book-wrapper label{   
                
                transform:perspective(100px) rotateY(-183deg);
                position: absolute;
                top: 20px;
                width: 86%;
                cursor: pointer;
                text-align: center; 
                background: #563d7b8c;
                /* height: 29px; */
                left: 0;
                z-index: 1;
                color: #FFF;
                font-size: 20px;
                font-family: arial;
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .book img{width:100%}
        .book {width:100%}
        .top-title {width:100%;padding:10px 0;background:#563d7c;font-size:25px;text-align:center;position:fixed;z-index:10;top:0;left:0;color:#FFF}
        .home-wrapper{width:1000px;margin: auto;position: relative;max-width:100%;}
        .fa-home{ font-size: 70px;color:#FFF;left:0;top:-10px;position: absolute;background: rgba(0,0,0, 0.5);padding:10px}
        [data-child-frame] {}
        
        @media(min-width:700px) {
            
            .fa-angle-left{position: absolute;left:-250px;font-size: 100px !important;top: 30%;z-indeX:10;cursor:pointer;color:#999}
            .fa-angle-right{position: absolute;right:-250px;font-size:100px !important;top:30%;z-indeX:10;cursor:pointer;;color:#999}
        }
        @media(max-width:500px) {
            .book-wrapper{width:200px;height:266px;float:right;margin:25px;position: relative;transform: rotateY(180deg);}
            .fa-angle-left{display: none !important;}
            .fa-angle-right{display: none !important;}
            .slider {width:90%;margin-right:5%;overflow-x:auto;}
            .slider .slider-inner {white-space: nowrap;width:2003px}
            .book-wrapper {}
            .book-wrapper label {width:50% !important;left:20%}
            .book-wrapper a{width:100%;}
        }

       /* Fallback styles */
    .book {
      display: inline-block;
      box-shadow: 5px 5px 20px #333;
      margin: 10px;
    }

    .book img { vertical-align: middle; }
    

@media only screen and (max-width: 959px) {
  /* .book { width: 150px; } */
}

@media only screen and (max-width: 767px) {
  /* .book { width: 90px; } */
}

.book-wrapper{opacity: 0.8;display: inline-block;}
.book-wrapper:active{opacity: 1}
.book-wrapper:hover{opacity: 1;}
.main-content{background: rgb(85, 85, 85);color:#FFF;width:100% !important;}
.main-content .inner {max-width:1200px;width:100%;margin:auto;direction: rtl !important;text-align: right;}
.main-content form {margin-top:20px}
a{outline: none;}
.slider{display: inline-block;}