.enlxicons {
position: absolute;
top: -10px;
right:0;
}

.enlxiconswrap {
position: relative;
margin:0 20px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
display:table;
background: #000;
z-index:999;
}

.enlxiconswrap::before {
content: '';
position: absolute;
background-image: url('../images/iconscorner2.png');
background-position: center;
background-repeat: no-repeat;
background-size: 10px 10px;
margin: auto;
left: -10px;
top: 0;
height: 10px;
width: 10px;
}

.enlxiconswrap::after {
content: '';
position: absolute;
background-image: url('../images/iconscorner.png');
background-position: center;
background-repeat: no-repeat;
background-size: 10px 10px;
margin: auto;
right: -10px;
top: 0;
height: 10px;
width: 10px;
}

.enlximgholder {
margin: 30px 0;
background: #fff;
}

.enlximgscroll {
content: '';
position: absolute;
background-image: url('../images/scroll.png');
background-position: center;
background-repeat: no-repeat;
background-size: 15px 36px;
margin: auto;
left: 20px;
top: 20px;
height: 36px;
width: 15px;
opacity:0;
}

.enlximgloading::after {
content: 'Image Loading...';
font-size: 22px;
position: absolute;
margin: auto;
left: 0;
right:0;
top:20vh;
width: 150px;
margin:auto;
z-index:-1;
}

.brighticon {
background-image:url('../images/brightness.png');
background-size:32px 32px;
background-repeat:no-repeat;
background-position:left center;
width:32px;
height:32px;
cursor:pointer;
opacity:1;
float:left;
margin:10px 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.brighticon:hover {
opacity:0.8;
}

.brightimg {
filter: brightness(200%);
}


.closeicon {
height:32px;
width:32px;
background-image:url('../images/closeicon.png');
background-size:32px 32px;
background-repeat:no-repeat;
background-position:center;
opacity:1;
float:left;
cursor:pointer;
margin:10px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.closeicon:hover {
opacity:0.8;
}

.magiconhref {
float:left;
margin:10px;
}

.magicon {
height:32px;
width:32px;
background-image:url('../images/magicon.png');
background-size:32px 32px;
background-repeat:no-repeat;
background-position:center;
opacity:1;
cursor:pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.magicon:hover {
opacity:0.8;
}


.enlarge {
position:fixed;
display:none;
background:#ececec;
width:100vw;
z-index:998;
overflow: scroll;
}
.enlxwrap {
position: relative;
max-width:1200px;
margin:0 auto;
text-align:center;
}
.enlxwrap img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}



.elixhid {
display:none;
}
.elixvis {
display:block;
}

/* Size Guide */

.sizecloseicon {
position:absolute;
top:10px;
right:10px;
height:32px;
width:32px;
z-index: 999;
background-image:url('../images/closeiconblk.png');
background-size:32px 32px;
background-repeat:no-repeat;
background-position:center;
opacity:0.5;
cursor:pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sizecloseicon:hover {
opacity:1;
}

.sizeguide::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.sizeguide {
position:fixed;
background-color:#fff;
max-width:860px;
left:0;
right:0;
margin:auto;
padding: 30px;
z-index:9;
overflow: scroll;
scrollbar-width: none;
}

.sizeguidetext {
float:left;
width: calc(100% - 470px);
}
.sizeguidetextp {
float:left;
width: calc(100% - 368px);
}

.sizeguidetext p {
font-size:18px;
}
.sizeguidetextp p {
font-size:18px;
}

.sizeguide img {
float:right;
}

.sizeguidewrap {
max-width:860px;
margin:0 auto;
position:relative;
}

.sizeguidebtn {
position: relative;
background: #ffd915;
background: linear-gradient(110deg, #ffd915 74%, #fbc90f 74%);
padding: 7px;
text-align: center;
border-radius: 9px;
font-size: 18px;
font-weight: 700;
width: 50%;
min-width: 200px;
margin:5px auto;
cursor:pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sizeguidebtn::before {
content: '';
position: absolute;
background-image: url('../images/size.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 9px;
top: 9px;
height: 16px;
width: 16px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sizeguidebtn:hover {
background: #000;
background: linear-gradient(110deg, #000 74%, #292929 74%);
color:#fff;
}

.sizeguidebtn:hover::before {
content: '';
position: absolute;
background-image: url('../images/sizewht.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 9px;
top: 9px;
height: 16px;
width: 16px;
}

.sizetable {
width: calc(100% - 4px);
height:auto;
border:2px solid #000;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.37);
}
.sizeguidehid {
display:none;
}

.sizeguidevis {
display:block;
}

.ttitle {
background:#e8e8e8;
}

.titem {
float:left;
padding:5px;
min-width:100px;
text-align:center;
font-size:18px;
font-weight:700;
}

.tlrg {
min-width:280px;
text-align:left;
font-weight:700;
color:#000;
font-size:18px;
}

.tmed {
min-width:280px;
text-align:left;
font-weight:700;
color:#000;
font-size:14px;
}

.titem span {
font-weight:400;
color:#000;
font-size:12px;
}

.titem b {
font-weight:700;
color:#000;
}

.tnumbergold {
background:#ffe97e;
}

@media all and (max-width: 1600px) and (min-width: 0px) {

.enlxwrap {
margin:0 20%;
}

}

@media all and (max-width: 1200px) and (min-width: 0px) {

.enlxwrap {
max-width:80%;
margin:0 auto;
}

}

@media all and (max-width: 800px) and (min-width: 0px) {

.enlxwrap {
max-width:98%;
margin:0 auto;
}

}


@media all and (max-width: 920px) and (min-width: 0px) {

.sizeguide img {
width:50%;
}

.sizeguidetext {
width:50%;
}
.sizeguidetextp {
width:50%;
}

.sizetable {
width: 550px;
margin:0 auto;
}

.tlrg {
width: calc(100% - 10px);
text-align:center;
}

.tmed {
width: calc(100% - 10px);
text-align:center;
}

}


@media all and (max-width: 610px) and (min-width: 0px) {

.sizeguide img {
width:100%;
float:none;
}

.sizeguidetext {
width:100%;
float:none;
}
.sizeguidetextp {
width:100%;
float:none;
}

.sizetable {
width: 100%;
}

.titem {
display: grid;
min-width: calc(20% - 10px);
}

.whide {
display:none;
}

}

@media all and (max-width: 400px) and (min-width: 0px) {

.sizeguide {
padding: 10px;
}

}

@media all and (max-width: 360px) and (min-width: 0px) {

.titem {
font-size: 14px;
}

.titem span {
font-size: 12px;
}

}