html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  min-height: 100%;
  font-size: 100%;
  font-size: 1em;
  line-height: 1.5em;
}

.small { /* 13px / 18px */
  font-size: 0.8125em;
  line-height: 1.3846153846153846em;
}

.normal, h3 { /* 16px / 24px */
  font-size: 1em;
  line-height: 1.5em;
  /* 24 */
}

.large, h2, h1 { /* 26 / 36px */
  font-size: 1.625em;
  line-height: 1.3846153846153846em;
}

.huge { /* 42px / 48px */
  font-size: 2.625em;
  line-height: 1.1428571428571428em;
}

.massive { /* 68px / 72px */
  font-size: 4.25em;
  line-height: 1.0588235294117647em;
}

.gigantic { /* 110px / 120px */
  font-size: 6.875em;
  line-height: 1.0909090909090908em;
}

/*----------------------------------------------------------------------------------------------------------------------*/

.u-f-index-table {
  display: table;
  width: 100%;
}

.u-f-index-thead {
  /*display: table-header-group;*/
  display: table-row;
}

.u-f-index-row {
  display: table-row;
}

.u-f-index-cell {
  display: table-cell;
}

.u_head_25 {
  min-width: 25px;
}

.u_head_50 {
  min-width: 50px;
}

.u_head_70 {
  min-width: 70px;
}

.u_head_100 {
  min-width: 100px;
}

.u_head_120 {
  min-width: 120px;
}

.u_head_150 {
  min-width: 150px;
}

.u_head_160 {
  min-width: 160px;
}

.u_head_200 {
  min-width: 200px;
}

.u_head_220 {
  min-width: 220px;
}

.u_head_250 {
  min-width: 250px;
}

.u_head_100p {
  width: 100%;
}

.u_head_50p {
  width: 50%;
}

.search-t {
  z-index: 100;
  position: fixed;
  top: 11px;
  width: 100%;
  height: 0px;
  pointer-events: none;
}

.search-t-cell1 {
  min-width: 65px;
}

.search-t-cell2 {
  pointer-events: all;
  width: 100%;
}

.search-t-cell3 {
  min-width: 95px;
}

.pagerA {
  display: none;
}

#input-search {
  width: 100%;
  font-size: 13px;
  /*border: 0;*/
  letter-spacing: -0.02em;
  /*outline: 0;*/
  height: 30px;
}

#input-search {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  /*padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid #DDDDDD;
}

#input-search:focus {
  box-shadow: 0 0 15px rgba(81, 203, 238, 1);
  /*padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}

#autocomplete-loader {
  position: relative;
  margin-left: 50%;
  left: -9px;
  top: -22px;
}



#autocomplete-anchor {
  position: relative;
  top: -20px;
  left: 52px;
  height: 0px;
  width: 10%;
}

.hitcount {
  display: none;
}

#searchp-content {
  width: 100%;
}

#search-targets {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
#resultpagerExp {
display:none;
}
#resultpagerRed {
display:table;
}
#resultpagerExp div a {
  display:none;
}
#resultpagerRed div a {
  display:table-cell;
}

.st-row {
  display: table-row;
}

.st-cell {
  display: table-cell;
  width: 50%;
  /*border:solid 1px black;*/
}

/*
*
*  Four-column grid active
*  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/
/*************************************************************************/
/****                                                                 ****/
/****                                                                 ****/

#frontp nav,
.footer-meta,
.c-meta-inner,
.c-header,
.content,
/*#searchp,*/
.ctrlp,
#explorer {
  margin: 0 7px;
}

.footer-sec {
  width: 50%;
  float: left;
}

.c-meta-audio p,
.c-meta-menu span {
  display: none;
}

.c-breadcrumb {
  margin-left: 3%;
  margin-right: 3%;
}

.home-text {
  display: none;
}

.home-icon {
  display: inline;
}

.u_item_c-ver-chr {
  display: none;
}

.u_item_c-rev {
  display: none;
}

.u_item_t-lang {
  width: 60px;
  min-width: 60px;
}

.u_item_t-lang_ {
  display: none;
}

.u_item_c-lang_long {
  display: none;
}

.u_item_t-trans {
  display: none;
}

.u_item_t-title {
  display: table-cell;
  width: 100%;
}

.u_item_t-year {
  display: none;
}

.u_item_a-rec {
  display: none;
}

.u_item_a-lang {
  display: none;
}

.u_item_a-country {
  display: none;
}

.dev_width {
  background-color: orchid;
}

.content-wrapper {
  float: left;
  /*width: 87.5%;*/
  width: 85%;
  border-top: 1px solid #f2f2f2;
}

.verse-wrapper {
  float: left;
  width: 12.5%;
  text-align: center;
}

.verse-number {
  /*float: left;*/
  font-size: 50px;
  /*padding:20px;*/
}
/****                                                                 ****/
/****                                                                 ****/
/*************************************************************************/

/*************************************************************************/
/* @media screen and (min-width: 360px) */
@media screen and (min-width: 22.5em) {

  #input-search {
    font-size: 25px;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/*************************************************************************/
/* @media screen and (min-width: 480px) */
@media screen and (min-width: 30em) {
  .c-meta-audio p,
  .c-meta-menu span {
    display: inline;
  }

  .c-meta-audio p {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .search-t-cell1 {
  }

  .search-t-cell3 {
    min-width: 163px;
  }

  .hitcount {
    display: initial;
  }

  .dev_width {
    background-color: red;
  }
  #transfilter label {
    display:inline-block;
    width:48%;
  }
}
/****                                                                 ****/
/****                                                                 ****/
/*************************************************************************/

/*************************************************************************/
/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {

  #frontp nav,
  .footer-meta,
  .c-meta-inner,
  .c-header,
  .content,
  /*#searchp,*/
  .ctrlp,
  #explorer {
    margin: 0 15px;
  }

  .home-text {
    display: inline;
  }

  .home-icon {
    display: none;
  }


  #autocomplete-anchor {
    left: 124px;
  }

  .search-t-cell1 {
    min-width: 135px;
  }

  .search-t-cell3 {
    min-width: 170px;
  }

  
#resultpagerExp {
display:table;
}
#resultpagerRed {
display:none;
}
#resultpagerExp div a {
  display:table-cell;
}
#resultpagerRed div a {
  display:none;
}
#transfilter label {
    display:inline-block;
    width:30%;
  }

  .dev_width {
    background-color: red;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*        
*
*/
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
    font-size: 1em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

  #frontp nav,
  .footer-meta,
  .c-meta-inner,
  .c-header,
  .content,
  /*#searchp,*/
  .ctrlp,
  #explorer,
  #barebones2
  {
    margin-left: 12.5%;
    width: 75%;
  }

  .c-breadcrumb {
    margin-left: 12.5%;
    width: 75%;
    margin-right: 12.5%;
  }

  #searchp-content {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
  }

  #autocomplete-anchor {
    left: 109px;
    margin-left: 12.5%;
  }

  .search-t {
    top: 8px;
    margin-left: 12.5%;
    width: 75%;
    margin-right: 12.5%;
  }

  .search-t-cell1 {
    min-width: 120px;
  }

  .search-t-cell3 {
    min-width: 155px;
  }

  #input-search {
    font-size: 30px;
    height: 35px;
  }

  /*#search-targets
    {
      margin-left: 12.5%;
      width: 75%;
      margin-right: 12.5%;
    }
    #autocomplete-results
    {
      margin-left: 12.5%;
      margin-right: 12.5%;
    }
    #search-results
    {
      margin-left: 12.5%;
      margin-right: 12.5%;
    }*/


  .dev_width {
    background-color: green;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/
  .u_item_c-ver-chr {
    display: table-cell;
  }

  .u_item_c-rev {
    display: table-cell;
  }

  .u_item_t-lang {
    min-width: 100px;
  }

  .u_item_t-trans {
    min-width: 150px;
    display: table-cell;
  }

  .u_item_t-lang_ {
    display: inline;
  }

  .u_item_c-lang_long {
    display: inline;
    white-space: nowrap;
  }

  .u_item_t-year {
    display: table-cell;
  }

  .u_item_a-rec {
    display: table-cell;
  }

  .u_item_a-country {
    display: table-cell;
  }

  #autocomplete-anchor {
    left: 116px;
  }

  .verse-wrapper {
    float: left;
    width: 12.5%;
    text-align: center;
  }

  .verse-number {
    /*float: left;*/
    /*font-size: 50px;
  padding:20px;*/
  }

  .dev_width {
    background-color: blue;
  }

.trans-content-ltr {
    margin-right:12.5%;
  }
.trans-content-rtl {
    margin-left:12.5%;
  }
#transfilter label {
    display:inline-block;
    width:23%;
  }
  
  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

  .verse-options {
margin-right:12.5%;
  }

.trans-content-ltr {
    margin-right:25%;
  }
.trans-content-rtl {
    margin-right:12.5%;
    margin-left:25%;
  }
  .content-wrapper {
    float: left;
    /*width: 87.5%;*/
    width: 87.5%;
    border-top: 1px solid #f2f2f2;
  }

  .quran-content {
    margin-right: 12.5%;
    margin-left:12.5%;
  }

  .trans-content {
    float: left;
    width: 60%;
  }

  .trans-content p {
    padding-right: 5%;
  }

  .trans-commentary {
    float: left;
    /*width: 40%;*/
  }

  .c-meta-audio p {
    width: auto;
  }

  .footer-sec {
    width: 25%;
    float: left;
  }

  .c-meta-audio p,
  .c-meta-menu span {
    display: inline;
  }

  #autocomplete-anchor {
    left: 109px;
  }

  .dev_width {
    background-color: cyan;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

  #autocomplete-anchor {
    left: 115px;
  }

  .dev_width {
    background-color: pink;
  }

.quran-content {
    margin-left:25%;
  }

.trans-content-ltr {
    margin-right:37.5%;
  }
.trans-content-rtl {
    margin-left:37.5%;
  }
#transfilter label {
    display:inline-block;
    width:18%;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

  #autocomplete-anchor {
    left: 109px;
  }
#transfilter label {
    display:inline-block;
    width:16%;
  }
  .dev_width {
    background-color: brown;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.0625em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

.quran-content {
    margin-left:37.5%;
  }

.trans-content-ltr {
    margin-right:50%;
  }
.trans-content-rtl {
    margin-left:50%;
  }

  #autocomplete-anchor {
    left: 115px;
  }

  .dev_width {
    background-color: purple;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*        
*
*/
/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) {
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

  .footer-sec {
    width: 18.75%;
    float: left;
  }

  .dev_width {
    background-color: gray;
  }
  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}
/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) {
  body {
    /* Zoom baseline grid to 18/16 = 1.125 */
    font-size: 1.125em;
    max-width: 160em;
  }
  /*************************************************************************/
  /****                                                                 ****/
  /****                                                                 ****/

  .footer-sec {
    width: 12.5%;
    float: left;
  }

  .dev_width {
    background-color: black;
  }

  /****                                                                 ****/
  /****                                                                 ****/
  /*************************************************************************/
}