@import "fonts/social/css/fontello.css";
/*----------------------  Site Fonts -----------------------*/
@font-face {
    font-family: 'Dubai-Bold';
    src: url('fonts/Dubai-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Bold.woff') format('woff'), url('fonts/Dubai-Bold.ttf') format('truetype'), url('fonts/Dubai-Bold.svg#Dubai-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dubai-Medium';
    src: url('fonts/Dubai-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Medium.woff') format('woff'), url('fonts/Dubai-Medium.ttf') format('truetype'), url('fonts/Dubai-Medium.svg#Dubai-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dubai-Regular';
    src: url('fonts/Dubai-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Regular.woff') format('woff'), url('fonts/Dubai-Regular.ttf') format('truetype'), url('fonts/Dubai-Regular.svg#Dubai-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dubai-Light';
    src: url('fonts/Dubai-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Dubai-Light.woff') format('woff'), url('fonts/Dubai-Light.ttf') format('truetype'), url('fonts/Dubai-Light.svg#Dubai-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-dubai-bold {
    font-family: 'Dubai-Bold', Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.font-dubai-medium {
    font-family: 'Dubai-Medium', Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.font-dubai-regular {
    font-family: 'Dubai-Regular', Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.font-dubai-light {
    font-family: 'Dubai-Light', Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}
body{  font-family: 'Dubai-Light', Helvetica, sans-serif;}
.slogo{font-family: 'Dubai-Regular', Helvetica, sans-serif;}

.navbar-default {background-color: transparent;border: none;text-align: center;margin-bottom: 0;position: relative;}

.sound-button,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Dubai-Bold",Helvetica,Arial,sans-serif;}
/*---------------------- top header -----------------------*/
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
.top-header {position: fixed;top: 0;width: 100%; z-index: 99999999999999999999999}
.pre-header{ position: relative}
.cirlce {
    position: absolute;
    width: 100%;
    height: 49px;
    top: 94px;
    background: url(../images/header.png) no-repeat center;
}
.diver-header {height: 100px;}
.full-header{padding: 5px;height: 100px;background-color: #f6f6f6;}
.top-header .container {padding: 0;}

.logo { width: 275px;}
.slogo {color: #959595;font-size: 1.3em;line-height: 22px;text-align:right;float: left;}
.switch-container {float: right;margin: 10px 0;}

.switch-container span {float: right;font-size: 18px;line-height: 34px;}
.switch-container label {float: right; margin-left: 10px; margin-right: 10px;}
.switch { position: relative; display: inline-block; width: 60px;height: 34px;margin-bottom:0;}
/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #2baac4;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #bcd030;}
input:focus + .slider {box-shadow: 0 0 1px #bcd030;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}


/*----------------------top menu-----------------------*/
.full-header .navbar-collapse{ padding: 0;}
.top-menu {padding: 0;position: absolute;width: 100%;top: 28px;}

.top-menu li {display: inline-block;}
.top-menu li a {background: url(../images/menu.png);background-size: 325px;display: inline-block;text-indent: -99999px;width: 56px;height:56px;margin-right:10px;outline: none;}
.top-menu li a:hover{ background-position:0px 56px;}
.top-menu li.home a{       background-position:56px  0px;}
.top-menu li.home a:hover{ background-position:56px 56px;}

.top-menu li.help a {background-position: 141px 0px;width: 66px;height: 65px;background-size: 375px;}
.top-menu li.help a:hover{ background-position:141px 64px;}

.top-menu li.sound a {background-position: 295px 0px;width: 86px;height: 86px;background-size: 504px;}
.top-menu li.sound a:hover{ background-position:295px 85px;}

.top-menu li.books a {background-position: 297px  0px;width: 66px;height: 65px;background-size: 375px;}
.top-menu li.books a:hover{ background-position:297px 64px;}
.top-menu li ul li { margin: 0;height: auto;width: 100%;background: transparent;}
.dropdown-menu > li > a {background: transparent; color: #19aacb;font-size: 1.2em;text-align: right; text-indent: 0; width: 100%; height: auto;margin: 0;}

.menu .dropdown {height: 100%;}
.menu .btn-primary:hover,.menu .btn-primary:focus,.menu .btn-primary:active,.menu .btn-primary.active,.menu .open .dropdown-toggle.btn-primary {
    background-color: transparent;
    border-color: #285e8e;}
.menu .btn:active,.menu .btn.active{-webkit-box-shadow:none;box-shadow:none;}


/*---------------------- series section -----------------------*/
.arabic-series {margin-top: 60px;z-index: 0;position: relative;}
.series-image {text-align: center;}
.series-text {color: #534b9f;font-size: 21px;line-height: 25px;margin-top: 5px;text-align: justify;}
.series-text > h4 {font-size: 24px;font-weight: bold;  margin-bottom: 20px;text-align: center;}
.buy {float:left; background: url(../images/buy.png) no-repeat;height: 73px;text-indent: -9999px;width: 200px;margin-bottom: 30px;}
.buy:hover {background-position: 0 -77px;}
.btn.series-btn {
    background-color: #ffce10;
    color: #fff;
    font-size: 20px;
    padding: 3px 25px;
    float: left;
    margin-top: -30px;
    margin-left: 20px;
}
/*---------------------- video section -----------------------*/
.video-section .row {margin-top: 150px;}
.video-section{background-image: url(../images/video.png); background-size: 100%;width: 100%; padding-bottom: 50px;position: relative;z-index: 1;direction: rtl;}
.video {padding: 0;}
.video-container object {width: 100%; height: 100%;}
.video object {border-radius: 25px;}
.kids-icon {position: relative;  z-index: 1;}
.kids-icon img {  float: right;}
.video-div {display: inline-block;}
.video-div.video {width: 81%;}
.video-div.kids-icon {width: 21%;margin-right: -3%;}
/*---------------------- book section -----------------------*/
.books-section{background-size: contain;min-height: 460px;padding-top: 100px;}
.books-section.out{background-image: url(../images/book-bg.png);}
.books-section .pager li > a, .pager li > span {background-color: transparent; border: none;padding:0;}
.books-section .pager li>a:hover, .pager li>a:focus {background-color: transparent;outline: none;}
.books-section .thumbnail {background-color: transparent; border:none;}
.books-section .control-box {float: left;overflow: hidden;text-align: right;width: 7%; margin-top: 80px;}
.book-bottom {margin-top: 50px;}
.book-buy {height: 80px;}
.book-buy-inner {height: 50px;margin-top: 22px;} 
.book-cover {width: 200px;}
.book-slider {  position: relative;}
/*.book-inner{ width: 95%;}*/
.pager-image{cursor:pointer ; background-image: url(../images/nav.png); height: 47px; width: 46px;z-index: 100;top: 0; bottom: 0;position: absolute; margin: auto;}
.leftRs {background-position: 0px 47px; left: 0; }
.leftRs:hover {background-position: 0px 0px;}
.rightRs {right: 0;background-position: 46px 47px;}
.rightRs:hover {background-position: 46px 0px;}
#image-gallery{ margin-right: 45px;}
.resCarousel {/*float: left;overflow: hidden;*/width: 100%;position: relative;}
.resCarousel-inner {overflow-x: hidden;white-space: nowrap;font-size: 0;vertical-align: top; margin-left: 3%;width: 98%;}
.resCarousel-inner .item {display: inline-block;font-size: 14px;white-space: initial;}
/*animation*/
.resCarousel[data-animator="lazy"] .item {transition: .6s ease all;}
.bw:hover {
    -webkit-filter: grayscale(25%);
    text-shadow: 2px 2px;
}
.book-layer{ background: url(../images/books/book-layer.png)}

/*--------------------------- teacher Section    ------------*/
.teacher-section h2 {color: #123660;font-size: 3em;}
.teacher-section p {font-size: 1.8em;color: #333;}
.teacher-text {margin-top: 25px;}
.teacher-section{background:#fbfbfb; direction: ltr;}

/*--------------------------- Content Section    ------------*/
.content-section{background:#c887e3;background:-webkit-linear-gradient(top,#c887e3,#fff);}
.content-section .container,.content-section .col-md-12 {padding: 0;}

/*--------------------------- Sound Section    ------------*/
.sounds-section{background-image: url(../images/sounds-bg.jpg);overflow: hidden;}
.sound-button-section{ direction: rtl;padding-right: 0;}
/*.sound-button{ background: url(../images/sounds-button.png) no-repeat; display: block; height: 125px;margin-top: 20%;width:200px;}
.sound-button:hover{ background: url(../images/sounds-button.png) no-repeat 0 -129px;}*/
.sound-button      {background: -webkit-linear-gradient(top, #4abbdf, #4abbdf 50%, #2090b4 40%, #2090b4);border: 4px solid #2297bd;border-radius: 30px; color: #fff;display: block; font-size: 2.1em;font-weight: bold;line-height: 30px;padding: 15px;text-align: center;width: 70%;}
.sound-button:hover{background: -webkit-linear-gradient(top, #90e055, #90e055 50%, #66c000 40%, #66c000);border: 4px solid #358c00; text-decoration:none;color: #fff;}
.play-sound{ background: url(../images/play-sound.png) no-repeat; display: block; height: 102px;width:100px;margin: auto;}
.play-sound:hover{ background: url(../images/play-sound.png) no-repeat 0 -104px;height: 103px;}
.sound-button-section,.sound-icon {margin-top: 14%;}
.thumbnail {border:none;}
.book-item {height: 300px;}
.sounds .book-item {height: auto;}
.sounds .thumbnail  {opacity: 0.8;}
.sounds .thumbnail  img{width: 80%}
.sounds .thumbnail:hover  {opacity: 1;}
.big-size{ width: 100%; font-size: 2.4em; margin-top: 60%;}
/*--------------------------- Simle Section    ------------*/
.smile-section{background-image: url(../images/smile.jpg);min-height: 470px;background-size: cover;}
.arabic-section {margin-top: 10%;text-align: center;float: right;}
.arabic-section h1 { color: #000;}
.arabic-section h1.smile { color: #951f17;}
/*--------------------------- Footer Section    ------------*/

.footer-social {
    text-align: center;
    margin-top: 40px;
    display: block;
    margin-top: 0px;
}
.social-item {
    display: inline-block;
    margin-right: 15px;
}
.footer-menu-section {margin-top:0;}
.footer-menu li {display: inline-block;margin:5px 15px;position: relative}
.footer-menu li::after{content: ""; position: absolute; border-left: 1px solid #fffaef;right: -14px;height: 22px;top: 0;}
.footer-menu li a {color: #fffaef;font-size: 1.1em;}
.footer-menu li:last-child {border-left: none;}
.footer-menu li:last-child::after{display: none;}
.footer-top{ background-color: #495052;overflow: hidden;padding-top: 20px;padding-bottom: 20px;}
.footer-bottom{ background-color: #404547; color: #fff;}
.demo-icon{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    padding-top: 6px;
}
.icon-facebook {
    background-color: #428bca;
}
.icon-twitter {
    background-color: #2ad3dd;
}
.icon-youtube {
    background-color: #e52b2b;
}
.icon-instagram {
    background-color: #ebbf34;
}
.icon-gplus {
    background-color: #d03333;
    padding-left: 8px;
}
.icon-linkedin {
    background-color: #2a50b2e6;
}
.subscribe-mail h4 {color: #fff;margin-bottom:25px;margin-top: 0;}
.subscribe-mail span {border-bottom: 2px solid #fff;padding-bottom: 5px;}
/*.subscribe-mail {direction: rtl;}*/
.email_sub input {width: 100%;}
.email-box {background-color: #404547; border: medium none; border-radius: 9px; color: #fff; font-size: 1em;  margin-bottom: 10px;  padding: 8px;}
.email-button {background-color: #6fc191;border: medium none; border-radius: 9px;color:#fff;font-size:1.2em;font-weight:bold; padding: 5px;}
.email-button:hover {background-color: #91e056;}
.maillist {
    background-color: #fff;
    width: 50%;
    display: block;
    margin: auto;
    padding: 15px;
    text-align: center;
}
input.email-button {width: 100%;height: 75px;}
.g-recaptcha {float: right;}
.copyright_logo {background:#404548;}
.footer-copyright {background:url(../images/copyright.jpg) no-repeat left center; background-size: 80px auto;}
.copyright_logo p {color: #fff;font-size: 1.4em; line-height: 80px;text-align: center;}

.footer-note {
    color: #fff;
    font-size: 20px;
    margin: 21px 0;
    text-align: center;
}

/*--------------------------- lesson Section    ------------*/
.breadcrumb {background:transparent;color: #959595;
             font-size: 1.2em;
             margin-left: 4%;
             float: left;
             text-align: left;
             line-height: 75px;
}
.sounds-choose.unit {background:#71a1d0;background:-webkit-linear-gradient(top,#71a1d0,#4485b8);}
/*
.books.pager li{ background: url(../images/page.png) no-repeat;height: 48px;width: 50px; text-indent: -99999px; float: right; margin-left: 5px;}
.books.pager .page1{background-position: -354px -52px;}
.books.pager .page1:hover{background-position: -354px 0px;}

.books.pager .page2{background-position: -293px -52px;}
.books.pager .page2:hover{background-position: -293px 0px;}

.books.pager .page3{background-position: -238px -52px;}
.books.pager .page3:hover{background-position: -238px 0px;}

.books.pager .page4{background-position: -178px -52px;}
.books.pager .page4:hover{background-position: -178px 0px;}

.books.pager .page5{background-position: -119px -52px;}
.books.pager .page5:hover{background-position: -119px 0px;}

.books.pager .page6{background-position: 0px -52px;height: 55px; width: 108px;}
.books.pager .page6:hover{background-position: 0px 0px;}
*/
.sound-item {border: 2px solid #31a7de;border-radius: 9px;padding: 15px;margin-bottom: 25px;}
.sound-item .title {color: #fff;font-size: 18px;line-height: 30px;padding: 10px;text-align: center;margin-bottom: 15px; border-radius: 25px;}
.mejs-container { width: 100% !important;background: #31a7de}
.mejs-container .mejs-controls { background: transparent;}
.speaker {
    background: url(../images/speaker.png) no-repeat;
    background-size: 100%;
    height: 60px;
    left: 25px;
    position: absolute;
    top: 9px;
    width: 60px;
}
.title-text {display: inline-block;}
.sounds-pagination .pagination li a {background: transparent;border:none;display:block;height: 100%;width: 100%;}
.thumbnail .img-responsive { width: 85%;}
/*--------------------------- sound Books Section    ------------*/
.sounds-section-inner {margin-bottom: 25px;overflow: hidden;background:#d1e48d;background:-webkit-linear-gradient(top,#d1e48d,#fff);margin-bottom: 25px;overflow: hidden;}
.sound-inner-books img {margin: auto;width: 55%;}
.sound-inner-books {margin: 40px 0;overflow: hidden;}
.sounds-choose {background:#8db53e;background:-webkit-linear-gradient(top,#b0d875,#94bf40);border-radius: 55px 0 0 55px;color: #fff;float: right; font-size: 3em;  height: 80px;  line-height: 80px;  text-indent: 30px;  width: 300px;}
/*--------------------------- sound Books Unit Section    ------------*/
.list-units {text-align: center;float: left;}
.unit_item {display: inline-block;width: 19%; margin-bottom: 25px;opacity: 0.7;}
.unit_item.books12 {width: 14%;}
.unit_item:hover {opacity: 1;}
.unit_item a { display: block;height: 147px;width: 150px;margin: auto;}
/*
.unit_item a.unit01{background: url(../images/books/units/1.png);background-position: 0px -155px;}
.unit_item a.unit01:hover  {background-position: 0px 0px;}

.unit_item a.unit02{background: url(../images/books/units/2.png);background-position: 0px -155px;}
.unit_item a.unit02:hover  {background-position: 0px 0px;}

.unit_item a.unit03{background: url(../images/books/units/3.png);background-position: 0px -155px;}
.unit_item a.unit03:hover  {background-position: 0px 0px;}

.unit_item a.unit04{background: url(../images/books/units/4.png);background-position: 0px -155px;}
.unit_item a.unit04:hover  {background-position: 0px 0px;}

.unit_item a.unit05{background: url(../images/books/units/5.png);background-position: 0px -155px;}
.unit_item a.unit05:hover  {background-position: 0px 0px;}

.unit_item a.unit06{background: url(../images/books/units/6.png);background-position: 0px -155px;}
.unit_item a.unit06:hover  {background-position: 0px 0px;}

.unit_item a.unit07{background: url(../images/books/units/7.png);background-position: 0px -155px;}
.unit_item a.unit07:hover  {background-position: 0px 0px;}

.unit_item a.unit08{background: url(../images/books/units/8.png);background-position: 0px -155px;}
.unit_item a.unit08:hover  {background-position: 0px 0px;}

.unit_item a.unit14{background: url(../images/books/units/14.png);background-position: 0px -155px;}
.unit_item a.unit14:hover  {background-position: 0px 0px;}
.unit_item a.unit48{background: url(../images/books/units/48.png);background-position: 0px -155px;}
.unit_item a.unit48:hover  {background-position: 0px 0px;}

*/

.unit_item img {margin: auto;width: 100%;}
.back-button {background: url(../images/back.png);width: 80px;height: 81px; display: block;margin: auto;}
.back-button:hover {background-position: 0 -81px}
.back-page {margin-bottom: 30px;margin-top: 20px;}

/*--------------------------- view Books Section    ------------*/
.books-choose {
    font-family: Dubai-Medium;
    color: #fff;
    font-size: 3em;
    margin-right: 10px;
    margin-top: 24%;
    display: inline-block;
}
.browse-more  {background:#1972a3;background:-webkit-linear-gradient(top,#166ea0,#2183af);border-radius: 9px;color:#fff;float: right; font-size: 3em;   line-height: 40px;padding: 10px;}
.books-details img {float:right;position:relative;width:50%;}
.book-content {border: 1px solid #d4d3d3;border-radius: 25px;box-shadow: 0 -3px 0 #d3d3d3;font-size:1.3em;padding: 15px;}
.section-book-more {margin: 50px 0;overflow: hidden;}


/*---------------------------- Contact Page ----------------------------*/
.contact-form h3 {background-color: #eba92a;border-radius: 18px;color: #fff;padding: 15px;}
.form-image img {left: 18px;position: absolute;top: -10px;width: 18%;}
.top-cotnact {margin-top: 60px;}
.form-group.col-md-12,.form-group.col-md-8 ,.form-group.col-md-5{padding: 0;}
.email-button.submit {float: right;margin-top: 15px;width: 20%;}
.contact-sidebar h4 {background-color: #ec774a;  color: #fff;margin-bottom: 0;padding: 15px;}
.contact-body {background-color: #f9f9f9; padding: 15px;}
h4.st {background-color: #c8312b;}
/*---------------------------- Colors ----------------------------*/
.books.pager .page {display: inline-block; margin: 5px}
.books.pager .page a{border-radius:5px 20px;display:block;text-align: center;line-height:60px; border: 2px solid;font-weight: bold;font-size:1.35em;width: 60px; }
.books.pager .page a:hover,.books.pager .page a.active {  border-radius: 5px 28px;color:#fff;}


.books.pager .unit01,.unit01 .sound-item{border-color:#44c6ea;}
.books.pager .unit01{ color:#0076b8;}
.unit01 .sound-item .title,.books.pager .unit01:hover,.books.pager .unit01.active{ background:#44c6ea;}

.books.pager .unit02,.unit02 .sound-item{border-color:#9dd19b;}
.books.pager .unit02{ color:#299246;}
.unit02 .sound-item .title,.books.pager .unit02:hover,.books.pager .unit02.active{ background:#299246;}

.books.pager .unit03,.unit03 .sound-item{border-color:#f3a664;}
.books.pager .unit03{ color:#f47a2a;}
.unit03 .sound-item .title,.books.pager .unit03:hover,.books.pager .unit03.active{ background:#f47a2a;}

.books.pager .unit04,.unit04 .sound-item{border-color:#9a72b2;}
.books.pager .unit04{ color:#663694;}
.unit04 .sound-item .title,.books.pager .unit04:hover,.books.pager .unit04.active{ background:#663694;}

.books.pager .unit05,.unit05 .sound-item{border-color:#dc7ab1;}
.books.pager .unit05{ color:#bf1169;}
.unit05 .sound-item .title,.books.pager .unit05:hover,.books.pager .unit05.active{ background:#bf1169;}

.books.pager .unit06,.unit06 .sound-item{border-color:#d9af83;}
.books.pager .unit06{ color:#8a5d3b;}
.unit06 .sound-item .title,.books.pager .unit064:hover,.books.pager .unit06.active{ background:#8a5d3b;}

.books.pager .unit07,.unit07 .sound-item{border-color:#4daca3;}
.books.pager .unit07{ color:#76cec5;}
.unit07 .sound-item .title,.books.pager .unit07:hover,.books.pager .unit07.active{ background:#76cec5;}

.books.pager .unit08,.unit08 .sound-item{border-color:#dad283;}
.books.pager .unit08{ color:#a49934;}
.unit08 .sound-item .title,.books.pager .unit08:hover,.books.pager .unit08.active{ background:#a49934;}

.books.pager .unit09,.unit09 .sound-item{border-color:#dad283;}
.books.pager .unit09{ color:#a49934;}
.unit09 .sound-item .title,.books.pager .unit09:hover,.books.pager .unit09.active{ background:#a49934;}

.books.pager .unit10,.unit10 .sound-item{border-color:#dad283;}
.books.pager .unit10{ color:#a49934;}
.unit10 .sound-item .title,.books.pager .unit10:hover,.books.pager .unit10.active{ background:#a49934;}

.books.pager .unit11,.unit11 .sound-item{border-color:#dad283;}
.books.pager .unit11{ color:#a49934;}
.unit11 .sound-item .title,.books.pager .unit11:hover,.books.pager .unit11.active{ background:#a49934;}

.books.pager .unit12,.unit12 .sound-item{border-color:#dad283;}
.books.pager .unit12{ color:#a49934;}
.unit12 .sound-item .title,.books.pager .unit12:hover,.books.pager .unit12.active{ background:#a49934;}

.books.pager .unit14{ color:#0076b8;}
.unit14 .sound-item .title,.books.pager .unit14:hover,.books.pager .unit14.active{ background:#44c6ea;}

.books.pager .unit16{ color:#0076b8;}
.unit16 .sound-item .title,.books.pager .unit16:hover,.books.pager .unit16.active{ background:#44c6ea;}

.books.pager .unit48{ color:#0076b8;}
.unit48 .sound-item .title,.books.pager .unit48:hover,.books.pager .unit48.active{ background:#44c6ea;}

.books.pager .unit712{ color:#0076b8;}
.unit712 .sound-item .title,.books.pager .unit712:hover,.books.pager .unit712.active{ background:#44c6ea;}

.row .is-table-row {display: table;}
/*.is-table-row [class*="col-"] {float: none;display: table-cell;vertical-align: middle;}*/
.is-table-row .books-details{float: none;display: table-cell;vertical-align: middle;}
.is-table-row .boy-img{float: none;display: table-cell;vertical-align: bottom;}
.unit-select .sound-button{border-radius: 0px 30px 30px 0px; float: left;width: auto; min-width: 25%; margin-bottom: 25px}
.sound-inner-books.is-table-row [class*="col-"] {vertical-align: middle;}
.unit-select .big-size {margin-top:0%;}
.browse-more      {background: -webkit-linear-gradient(top, #4abbdf, #4abbdf 50%, #2090b4 40%, #2090b4);border: 4px solid #2297bd;border-radius: 30px; color: #fff;display: block; font-size: 2.1em;font-weight: bold;line-height: 30px;padding: 15px;text-align: center;width: 70%;}
.radio-inline label {
    font-size: 18px;
    margin-left: 33px;
}
tr td:first-child {
    text-align: center;
}
td {
    border: 1px solid #ddd;padding: 3px;
}
.download-sound {
    text-align: center;
    font-size: 16px;
    margin-top: 10%;
}
.sound-button.book {
    padding: 7px;
    width: 50%;
    font-size: 1.8em;
    margin: 15px auto;
}
.inner-page {
    margin-bottom: 40px;
}
.mejs__container{ direction: ltr; width: 100% !important}

@media (max-device-width: 800px) {
    .is-table-row .books-details{float: right;display: table-cell;vertical-align: middle;}
    .is-table-row .boy-img{vertical-align: bottom;}
    .btn.series-btn{margin: 0;float: none;}
}
@media (max-device-width:768px){
    .cirlce { display: none;}
    .logo {width: 100%;}
    .top-header .container{max-width:100%;}
    .logo .img-responsive{display: inline;}
    .slogo {width: 40%;text-align: center;font-size: 8px;}
    .resCarousel-inner {overflow-x: auto;}
    .top-header.fixed {background-color: #fff;position: fixed;top: 0;width: 100%;z-index: 999999999;}
    .kids-icon,.teacher-text img{ display: none;}
    .video-section .row {margin-top: 60px;}
    .footer-social .col-md-3{ float: left;margin-top: 10px;}
    .slider::before {height: 15px;width: 15px;left: -3px;bottom: 3px;}
    input:checked + .slider { background-color: #bcd030;width: 40px;height: 20px;}
    .switch {width: 40px;height: 20px;}
    .switch-container span {font-size: 12px;line-height: 18px;}
    .top-menu li {display: block;width: 100%;background-color: #f6f6f6;border-bottom: 1px solid #fff;}
    .top-menu li a {background: transparent;text-indent: 0;color: #000;height: 30px !important;}
    .top-menu {top: 50px;}
    .video-div.video {width: 100%;} 
    .book-bottom {display: none;}
    .books-section {padding-top: 10px;}
    .navbar-header {float: left;}
    .copyright_logo p {font-size: 1.2em;}
    .unit_item.books12,.unit_item {width: 49%;}
    .books-choose {font-size: 2em;}
    .books-section {min-height: 290px;}
    .browse-more {font-size: 20px;}
}