.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

#gallery{

    /* Firefox */
    height: -moz-calc(100% - 25px);
    /* WebKit */
    height: -webkit-calc(100% - 25px);
    /* Opera */
    height: -o-calc(100% - 25px);
    /* Standard */
    height: calc(100% - 25px);

}

#gallery div{
    background:rgba(255, 255, 255,0.05);
}

#gallery,
#gallery a{
    width:100%;
}
#gallery img{
    display:block;
    margin:auto;
    height:auto;
    width:auto;
	max-width:100%;
    max-height:calc(100% - 25px);
}

#devicelist, #searchresults, #brandlist{}
#devicelist li, #searchresults li, #brandlist li{
    font-size:0.5em; 
    height:90px;
    width:100%;
    margin:2px;
    padding:2px;
    margin-top:0px;
    padding-bottom:4px;
    border:none;
    background:rgba(0, 0, 0,0.1);
}
#devicelist li .left, #searchresults li .left, #brandlist li .left{
    width: 90px;
    max-width:90px;
    float:left;
    background:rgba(255, 255, 255,0.25);
}#brandlist li .left{
    background:rgba(255, 255, 255,0.65);
}
#devicelist li .right, #searchresults li .right, #brandlist li .right{
    float: left;
    padding:4px;
    overflow:hidden;
    max-width:65%;
    width:65%;
    height: -moz-calc(100% - 98px);
    height: -webkit-calc(100% - 98px);
    height: -o-calc(100% - 98px);
    height: calc(100% - 98px);


    height:100%;
    height: -moz-calc(100% - 6px);
    height: -webkit-calc(100% - 6px);
    height: -o-calc(100% - 6px);
    height: calc(100% - 6px);
}

#devicelist li .left img, #searchresults li .left img, #brandlist li .left img{
    max-height:90px;
    max-width:90px;
}
#devicelist li h2, #searchresults li h2, #brandlist li h2{
    font-size:1.75em;
    font-weight:normal;
    margin:0;
    padding:0;
}#brandlist li h2{
    position:absolute; 
    top:35%;
    font-size:2em;

}

#devicelist li p, #searchresults li p, #brandlist li p{
    margin:0;
    padding:0;
}

#specsgrid{
    height:140px;
    position:relative;
    border-bottom:1px solid rgba(0, 0, 0,0.15);
    padding-top:4px;
    padding-bottom:4px;
}
#specsgrid #specsmimage{
    width:140px;
    height:140px;
    float:left;
    text-align:center;
    margin: 0 auto;

}
#specsgrid #specsummary{
    height:100%;
}
#specsgrid #specsummary h2{
    font-size:1em;
    font-weight:normal;
    margin:0;
}
#specsgrid #specsummary h3{
    font-size:0.65em;
    font-weight:normal;
    margin:0;
}
#specsgrid #specsummary h4{
    font-size:0.5em;
    font-weight:normal;
    margin:0;
}

#specsgrid #specsmimage img{
    height:140px;
    max-width:140px;
}

ul#specifications{}
ul#specifications li{
    font-size:0.8em;
    margin:0;
    padding:2px;
}
ul#specifications li.divider{
    font-size:0.75em;
    background:rgba(0, 0, 0, 0.3);
    margin:0;
}
ul#specifications li h5{
    font-size:1em;
    margin:0;
    border-top:1px solid rgba(0, 0, 0, 0.15);
}
ul#specifications li h6{
    font-size:0.8em;
    font-weight:normal;
    margin:0;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:6px;
}

.searchbar{
    padding:4px;
}

#compareprompt ul.devcontainer{
    width: 50%;
    margin: 0 auto;
}

#compareprompt ul li.device{
    display: inline-block;
    margin:10px;
}
#compareprompt ul li.device img{
    height:100px;
    max-width:100px;
    margin:0 auto;
}
#compareprompt .device .remove{
    display:block;
    font-size:0.6em;
}






/* COMPARISON */
/*	These apply across all breakpoints because they are outside of a media query */
h2.phone-header {
    margin-bottom:-1.4em;
    padding-right:5em;
    font-size:1em;
    font-weight:normal;
}
table.phone-compare {
    margin-left:-15px;
    margin-right:-15px;
    width:auto;
    min-width:102%;
}table.phone-compare a{
    color:#fff;
}
table.phone-compare thead th {
}
table.phone-compare thead th h4 {
    text-transform:uppercase;
    font-size:0.5em;
    margin:4px;
}
table.phone-compare thead th h3 {
    font-size:0.9em;
    margin:-.4em 0 .8em 0;
}
table.phone-compare th.label {
    text-transform:uppercase;
    font-size:0.5em;
    font-weight:normal;
    opacity:0.5;
    padding:1.2em .8em;
    background:rgba(0, 0, 0, 0.35);
}
table.phone-compare tbody tr td {
    font-size:0.8em;
}
table.phone-compare tbody tr.photos td {
    padding:0;
}
table.phone-compare tbody tr.photos img {
    max-width:100%;
    min-width:60px;
}
/*	Use the target selector to style the column chooser button */
a[href="#phone-table-popup"] {
    margin-bottom:1.2em;
}

/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
    .phone-compare th.ui-table-priority-1,
    .phone-compare td.ui-table-priority-1 {
        display: table-cell;
    }
}
/* Show priority 2 at 560px (35em x 16px) */
@media screen and (min-width: 35em) {
    .phone-compare th.ui-table-priority-2,
    .phone-compare td.ui-table-priority-2 {
        display: table-cell;
    }
}
/* Show priority 3 at 720px (45em x 16px) */
@media screen and (min-width: 45em) {
    .phone-compare th.ui-table-priority-3,
    .phone-compare td.ui-table-priority-3 {
        display: table-cell;
    }
}

/* Manually hidden */
.phone-compare th.ui-table-cell-hidden,
.phone-compare td.ui-table-cell-hidden {
    display: none;
}

/* Manually shown */
.phone-compare th.ui-table-cell-visible,
.phone-compare td.ui-table-cell-visible {
    display: table-cell;
}

/* Compare Row (homepage) */
#randomcompare {
    position:relative;
}
li.comparerow{
    position:relative;
    height:120px;
    margin-top:4px;
    margin-bottom:4px;
}

li.comparerow a{
    text-decoration:none;
}

li.comparerow img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height:80px;
}

li.comparerow .device{
    width:50%;
    float:left;
}

li.comparerow .dname{
    position:relative;
    width:100%;
    bottom:0;
    left:0;
    margin: 0 auto;
    color:white;
    text-shadow:0 1px 1px rgba(0,0,0, .8);
    background:rgba(0,0,0, .5);
    font-size:0.8em;
    text-align:center;
    height:35px;
    line-height:35px;
    overflow: hidden;
}li.comparerow .dname .model{
    font-size:1.5em;
}
li.comparerow .dname.left{
    border-top-left-radius:0.3em;
    border-bottom-left-radius:0.3em;
    -webkit-border-top-left-radius:0.3em;
    -webkit-border-bottom-left-radius:0.3em;
    border-right:1px solid #fff;
}li.comparerow .dname.right{
    border-top-right-radius:0.3em;
    border-bottom-right-radius:0.3em;
    -webkit-border-top-right-radius:0.3em;
    -webkit-border-bottom-right-radius:0.3em;
    border-left:1px solid #555;
}
li.comparerow .vs{
    position:absolute;
    width:100%;
    height:100%;
    top:50%;
    margin: 0 auto;
    margin-top:-15px;
    text-align:center;
    height:25px;
    line-height:25px;
    z-index:99;
}
li.comparerow .vs .inner{
    font-size:2em;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0, .8);
    background:rgba(255,255,255, .25);
    padding:4px;
    padding-top:0px;
    padding-bottom:0px;
    border-radius:5em;
    -webkit-border-radius:5em;
}

li.comparerow .vs .score{
    font-size:0.85em;
    color:rgba(255,255,255, .5);
}
@media screen and (max-width: 320px) {
    li.comparerow .vs .score {
        display:none;
    }
}