/* new product page changes */
body.chooseOpen {
overflow: hidden;    
}
/*
body.chooseOpen #PageContainer {
-webkit-transform: translateX(-596px);
-ms-transform: translateX(-596px);
transform: translateX(-596px);    
}
*/
.glass-notice {
text-align: center;   
margin-top: 20px;    
font-size: 13px;    
color: #000;    
}
#shopify-section-header {
position: relative;
    z-index: 100;
}
.main-content {
position: relative;
    z-index: 80;}
#foursixty-hideable-container {
position: relative;
    z-index: 10;    
}
.product-single {
    position: relative;
    z-index: 90;
}
.template-product .wrapper {
position: relative;  
}
.prodAddModal {
position: fixed;
top: 0;
right: 0;
left: 0;    
bottom: 0;    
z-index: 100;
background: rgba(255,255,255,0.5);
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%); 
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;     
    
}
body.chooseOpen .prodAddModal {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);    
}


.prodAddModal .overlay {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
left: 0;    
bottom: 0;      
}
#choose-lenses {
top: 0;  
width: 596px;
left: auto;
right: 0;
z-index: 100; 
border: solid 0px;
box-shadow: 0 0px 10px  rgba(0, 0, 0, 0.2);
padding: 0;  
position: absolute;
height: auto;
bottom: 0;  
overflow: hidden;   
margin: 0;    
display: block !important;    
}

#choose-lenses .modalHeading {
padding: 30px;
background: #182d3e;
color: #fff;  
line-height: 25px;    
}
#choose-lenses .modalHeading h3,
#choose-lenses .modalHeading .h3 {
margin: 0;
color: #fff;  
}

#choose-lenses .modalHeading .icon-remove {
color: #fff;
top: 30px;  
}
.newProductModalCont {
padding: 30px 30px 15px 30px;  
position: absolute;
top: 85px;
left: 0;
z-index: 1;    
width: 100%;
bottom: 0;
height: auto; 
overflow: auto;   
    
}
.newProductModalCont h3 {
color: #000;
font-size: 20px;
text-transform: none;  
margin-bottom: 15px;  
margin-top: 0;    
}
.callDrForm {
color: #000;
font-size: 12px;    
}
.newProductModalCont h4 {
text-transform: none;   
color: #000;    
margin-bottom: 15px;    
}
.newProductModalCont .modalNav {
font-size: 16px; 
color: #010101;
margin: 40px 0;  
position: relative;  
}
.newProductModalCont .modalNav .overlay {
background: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;  
z-index: 3;  
}
.newProductModalCont .modalNav a {
color: #010101;
display: inline-block;  
padding-right: 40px; 
text-transform: uppercase;  
}
.newProductModalCont .modalNav a:hover,
.newProductModalCont .modalNav a.active {
text-decoration: underline;
}

.newProductModalCont .reviewTable {
background: none;  
}
.newProductModalCont .reviewTable td {
border: solid 0px;  
padding: 0 0 30px 0;  
color: #000; 
font-size: 14px;
font-weight: 300;  
}
.newProductModalCont .reviewTable td:after {
display: none;  
}
.newProductModalCont .reviewTable td:first-child {
padding-left: 0;
padding-right: 50px;  
}
.newProductModalCont .reviewTable td h5 {
font-weight: 300;  
margin-bottom: 20px;  
}
.newProductModalCont .reviewTable td h5 strong {
font-size: 18px;  
}
.newProductModalCont .reviewTable td dl {
font-size: 14px;  
margin-bottom: 0; 
margin-top: 0;  
}
.newProductModalCont .reviewTable td dl dt, 
.newProductModalCont .reviewTable td dl dd {
display: inline;  
margin: 0;  
}
.newProductModalCont .reviewTable td label {
display: block;
font-size: 18px;
text-transform: uppercase;  
}

.newProductModalCont .reviewTable .subInfo small {
font-size: 12px; 
color: #000;  
display: block;  
} 

.newProductModalCont .reviewTable td .reviewQty {
height: 40px;
width: 40px;
border: solid #000 2px;
text-align: center;
padding: 0 5px;  
}
.newProductModalCont .reviewTable .qtyPrice  {
font-size: 18px;
font-style: normal;
font-weight: 600;  
}
.modalAction  {
margin-top: 30px;
}
.modalAction .actionBtn  {
margin-bottom: 15px;
height: 70px;
text-align: center;
width: 100%;  
color: #182d3e;
text-decoration: underline;
font-family: "Gotham";
text-transform: uppercase;
font-weight: 400; 
font-size: 16px; 
}
.modalAction .action {
background: #182d3e;  
color: #fff;
text-decoration: none;
}
#choose-lenses .radioGroup {
margin-bottom: 30px;  
}
#choose-lenses .radioGroup .radio-wrapper {
border-bottom: solid 0px;
background: #f0f1f2;
margin-bottom: 15px;  
padding: 0 40px;  
height: 100px;
border-radius: 10px;
}
#choose-lenses .radioGroup .radio-wrapper .radio__input {
width: 50px;  
position: relative;  
cursor: pointer;
}
#choose-lenses .radioGroup .radio-wrapper .radio__input input {
opacity: 0;
}
#choose-lenses .radioGroup .radio-wrapper .radio__input input ~ span {
display: block;
background: #fff;
border: solid #fff 6px;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
z-index: 1;  
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); 
border-radius: 50%;
  
}
#choose-lenses .radioGroup .radio-wrapper .radio__input input:checked ~ span {
background: #182d3e
}  

#choose-lenses .radioGroup .radio-wrapper label {
font-size: 16px;
text-transform: uppercase;
color: #000;  
}
#choose-lenses .radioGroup .radio-wrapper label small {
font-size: 0.8em;    
}
#choose-lenses .radioGroup .content-box__emphasis {
color: #000;    
}

.modalAction button.half {
width: 49.5%; 
display: inline-block;    
}

.radioGroup  label a {
text-decoration: underline;
text-transform: none;
font-weight: 300;
color: #182d3e    
}


.callDrForm .cart-attribute__field_row {
margin-bottom: 15px;    
}
.dob-header h4 {
display: inline;    
}
.dob-header {
margin-bottom: 15px;    
}
.dob-header .dr-info-icon {
    font-size: 18px;
    display: inline-block;
    position: relative;
    padding: 5px 10px;
}
.dob-header .dr-info-detail {
    position: absolute;
    background-color: #ffffff;
    width: 160px;
    top: -32px;
    left: 34px;
    font-family: 'Gotham';
    font-size: 10px;
    font-weight: 300;
    padding: 15px;
    line-height: 1.2;
    color: #9da8b1;
    border: 2px solid #eef3f7;
    border-radius: 4px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 2px 5px 0 #eef3f7;
    box-shadow: 0 2px 5px 0 #eef3f7;
}
.dob-header .dr-info-detail:after,
.dob-header .dr-info-detail:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 7px 5.5px 0;
    border-color: transparent #eef3f7 transparent #eef3f7;
    position: absolute;
    left: -7px;
    bottom: 5px;
}
.dob-header .dr-info-detail:after {
    border-width: 3.7px 4px 3.7px 0;
    border-color: transparent #ffffff transparent #ffffff;
    bottom: 7px;
    left: -4px;
}
.dob-header .dr-info-icon:hover .dr-info-detail {
    opacity: 1;
}
.callDrForm select,
.callDrForm input {
border-color: #f0f1f2;
background-color: #f0f1f2;
border-radius: 8px;    
}
.callDrForm select:hover {
outline: solid 0px;
}

.newProductModalCont .errorMsg  {
color: #d02e2e;
padding: 10px;
background: #f5d5d5;
font-size: 12px;
margin-bottom: 15px;    
}
.fileTrigger {
background-color: #f0f1f2;
padding: 10px;   
border-radius: 8px;   
font-size: 14px;    
}
.fileTrigger span:first-child {
background: #182d3e;    
color: #fff;
padding: 5px;
text-transform: uppercase;
font-size: 12px;
margin-right: 0.25em;
display: inline-block;
border-radius: 3px;    
}
.inlineModal.mfp-wrap .mfp-container {
padding: 0;   
display: table;  
margin: auto;   
}
.inlineModal.mfp-wrap .mfp-container .mfp-content {
display: table-cell;
vertical-align: middle;    
}

.inlineModal.mfp-wrap .inlineModalWrap {
max-width: 650px;    
margin: auto;
background: #fff;
text-align: center; 
padding: 40px 50px;    
color: #000;
font-size: 15px; 
display: table;
position: relative;
vertical-align: middle;
margin: 10px auto;    
    
}
.inlineModal.mfp-wrap .inlineModalWrap .inlineModalCont {
vertical-align: middle;    
height: 300px;
display: table-cell;    
}
.inlineModal.mfp-wrap .inlineModalCont h2 {
color: #000;
font-size: 18px;
margin-bottom: 30px;
text-transform: none;   
text-transform: uppercase;    
}

.inlineModal.mfp-wrap .mfp-close {
margin: 0;    
}

.extraSwatch {
min-width: 610px; 
margin: 60px 0 45px 0;    
}
.extraSwatch  label {
margin: 0 25px 25px 25px;    
display: inline-block;
cursor: pointer;    
position: relative;
}
.extraSwatch  label input {
position: absolute;
top: 0;
left: 0;
z-index: 1;    
opacity: 0;
}
.extraSwatch  label span {
display: block;
width: 75px;
height: 75px;
border: solid  #fff 6px;
background: #fff;    
cursor: pointer;    
border-radius: 50%;  
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */   
   
}
.extraSwatch  label:hover input ~ span,
.extraSwatch  label input:checked ~ span  {
-webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);     
}
.extraSwatch label.swatch-grey span {
background: #B7B7B7    
}
.extraSwatch label.swatch-brown span {
background: #92835A    
}
.extraSwatch label.swatch-green span {
background: #6E8073    
}

.extraSwatch  label strong {
font-size: 16px;
text-transform: uppercase;
margin-top: 10px;
display: block;    
}
.inlineModalCont .actionBtn {
margin: 0    
} 
.selectionBox .selected {
text-transform: uppercase;    
}

body[glass-type="Non-Prescription lenses"] .reviewCont .reviewOpts {
display: none;    
}

body[glass-type="Non-Prescription lenses"] .reviewCont .reviewOpts[data-id="lenseCont"] {
display: block;    
}


body.preload .preload {
display: block !important;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;    
z-index: 100000;
background: rgba(255,255,255,0.7);    
}
body.preload .preload span {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;  
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);   
width: 40px;
height: 40px;
background: url(ajax-loader.gif) 50% 50% no-repeat; 
}


.cart__row[data-parent] .cart__image img {
width: 50%;
margin-left: 25%;
}

.cart__row[data-parent] .grid__item  {
font-size: 14px;    
}
#ProductSection {
position: relative;    
}
#ProductSection .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    
z-index: 99;
width: 100%;
height: 100%;   
background: rgba(255,255,255,0.2);    
display: none;    
}
.chooseOpen #ProductSection .overlay {
display: block;    
}
#choose-lenses .radioGroup .radio-wrapper .radio__input.checkbox input ~ span {
border-radius: 0;   
border-width: 0px;    
}
#choose-lenses .radioGroup .radio-wrapper .radio__input.checkbox input ~ span:before {
content: '\2713';
display: block;
text-align: center;    
line-height: 20px;    
font-size: 12px;
font-weight: bold;  
color: #fff;    
}

.blogContent {

}
.articleListing {
margin-left: -60px;    
font-size: 0;
width: auto;    
}
.articleListing .article {
display: inline-block;
vertical-align: top;
width: 33.33%;    
padding-left: 60px;
font-size: 14px;    
padding-bottom: 60px;   
margin-bottom: 0;    
}
.articleListing .article__featured-image  {
margin-bottom: 20px; 
position: relative;  
overflow: hidden;  
}
.articleListing .article__featured-image a {
display: block;
padding-bottom: 100%;    
}
.articleListing .article__featured-image  img {
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;  
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);   
width: 100%;
height: auto; 
}
.articleListing .article-info {
padding: 0;    
color: #000;    
}
.article .excerpt {
font-weight: 300;    
}
.articleListing .article-info h2 {
font-size: 18px;    
font-weight: 600;
text-transform: uppercase;    
color: #000;      
margin-bottom: 15px;    
}
.articleListing .article-info  a {
color: #000;    
}
.articleListing .article-info .readMore {
text-transform: uppercase;
text-decoration: underline;    
}
.blogContent .section-header p {
color: #000;    
}
.articleListing .article-info .meta {
 font-family: "Gotham";
    font-weight: 300;
text-transform: uppercase;    
}
.articleListing .article-info .meta {
margin-bottom: 15px;    
}
.articleListing .article-info .meta .tagsList {
display: inline-block;    
margin-bottom: 0;    
}
.articleListing .article-info .meta .tagsList:after {
content: ' | '    
}
.blogContent.alternate .articleListing .article-info h2 {
margin-bottom: 0;    
font-size: 22px;    
}
.blogContent.alternate .articleListing .article-info .meta {
font-size: 18px;    
}

.blogContent.alternate .article .excerpt, 
.blogContent.alternate .article .excerpt > * {
font-size: 18px;      
}
.blogContent.alternate .readMore {
font-size: 18px;
}
.blogContent.alternate .articleListing .article {
width: 100%;
display: table;    
}
.blogContent.alternate  .articleListing .article .article__featured-image  {
width: 33.33%;
display: table-cell    
}
.blogContent.alternate  .articleListing .article .article-info  {
width: 66.66%;
display: table-cell;
vertical-align: middle;
padding-left: 60px;   
}

.blogContent.alternate .articleListing .article__featured-image a {
height: auto;
padding-bottom: 0;    
}
.blogContent.alternate .articleListing .article__featured-image img {
position: static;

-webkit-transform: none;
-ms-transform:none;
transform: none;    
max-height: none;    
}

.storeCont .rowEntry  {
display: table;  
width: 100%; 
margin-bottom: 60px;    
}
.storeCont .rowEntry .infoBox {
padding-left: 0;  
display: table-cell;    
width: 300px;
vertical-align: top;    
font-size: 14px;
color: #000;    
}
.storeCont .rowEntry .imgBox {
padding-left: 60px;  
display: table-cell;  
vertical-align: top;  
}
.storeCont .rowEntry .imgBox img {
display: block;
width: 100%    
}
.storeCont .rowEntry .imgBox .mapouter {
width: 100% !important;   
}
.storeCont .rowEntry .imgBox .gmap_canvas,
.storeCont .rowEntry .imgBox .gmap_canvas iframe {
width: 100% !important;  
   -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);    
}
.storeCont .rowEntry .infoBox h5 {
font-size: 15px;
text-transform: uppercase;
color: #000;
font-weight: 300;    
margin-bottom: 0;    
}
.storeCont .rowEntry .infoBox h1 {
font-size: 30px;
text-transform: uppercase;
color: #000;
font-weight: 400;    
margin-bottom: 60px;     
}
.storeCont .rowEntry .infoBox h2 {
font-size: 18px;
text-transform: uppercase;
color: #000;
font-weight: 400;    
margin-bottom: 20px;     
}
.storeCont .rowEntry .infoBox p {
margin-bottom: 20px;     
}
.storeCont .rowEntry .infoBox .btn {
line-height: 60px;
display: block;
padding: 0 10px;    
font-size: 14px;  
background: #182d3e;    
color: #fff;    
}
.featArticleBlock .articleListing {
margin-left: 0;    
}
.featArticleBlock .articleListing .article {
margin-left: 0px;    
padding-left: 0;    
}
.featArticleBlock .blog-content {
margin-left: 0;
margin-right: 0;    
}
.featArticleBlock .blogContent.alternate .articleListing .article .article__featured-image {
width: 300px;    
padding-left: 0;    
}
.featArticleBlock .blogContent.alternate .articleListing .article .article-info {
width: auto;
}
.moreInfoBox {
font-size: 16px;    
}
.moreInfoBox .page-inner {
max-width: 890px;    
margin-left: auto !important;
margin-right: auto !important;
}
.moreInfoBox h2 {
color: #000;
font-size: 18px;
margin-bottom: 50px;    
text-align: center;    
}
.moreInfoBox h5 {
color: #000;
font-size: 15px;     
}
.moreInfoBox h5:after {
content: '-';
display: block;    
}
.moreInfoBox ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;    
}
.moreInfoBox ul li a {
text-decoration: underline;
color: #000;    
}
.moreInfoBox .page-inner > div {
-webkit-column-count: 3; 
  -moz-column-count: 3; 
  column-count: 3;
-webkit-column-gap: 15px;     
-moz-column-gap: 15px;     
column-gap: 15px;    
}
@media only screen and (min-width: 990px) and (max-width: 1279px) {
    #choose-lenses .radioGroup .radio-wrapper {
    height: 100px;    
    }
    .newProductModalCont {
     padding: 30px;
     font-size: 14px;    
    }

    #choose-lenses .radioGroup {
    margin-bottom: 30px;
    }
    .inlineModal.mfp-wrap .inlineModalWrap .inlineModalCont {
    height: 300px;    
    }
    
    
    .blogContent.alternate .articleListing .article-info h2 { 
    font-size: 18px;    
    }
    .blogContent.alternate .articleListing .article-info .meta {
    font-size: 16px;    
    }
    .blogContent.alternate .article .excerpt {
    font-size: 16px;      
    }
    .blogContent.alternate .article .excerpt, 
    .blogContent.alternate .article .excerpt > * {
    font-size: 16px;      
    }
    .blogContent.alternate .readMore {
    font-size: 16px;
    }
}   
/*
Tablet Layout: 768px.
Gutters: 24px.
Inner: 720px;
*/

@media only screen and (min-width: 768px) and (max-width: 989px) {
    #choose-lenses .radioGroup .radio-wrapper {
    height: 100px;    
    }
    .newProductModalCont h3 {
    font-size: 18px;    
    }
    .newProductModalCont {
     padding: 30px;
     font-size: 14px;   
    }

    #choose-lenses .radioGroup {
    margin-bottom: 30px;
    }
    .inlineModal.mfp-wrap .inlineModalWrap .inlineModalCont {
    height: 300px;    
    }
    #choose-lenses {
    left: auto;
    right: 0;    
    position: absolute;    
    }    
    #choose-lenses .callDrForm .dob-content .grid__item {
    width: 33.33%    
    }
    .articleListing {
    margin-left: -30px;    
    }
    .articleListing .article {
    padding-left: 30px;
    padding-bottom: 30px;    
    }
    .blogContent.alternate .articleListing .article .article-info {
    padding-left: 30px;    
    }
    .blogContent.alternate .articleListing .article-info h2 { 
    font-size: 16px;    
    }
    .blogContent.alternate .articleListing .article-info .meta {
    font-size: 14px;    
    }
    .article .excerpt {
     font-size: 14px;   
    }
    .blogContent.alternate .article .excerpt,
    .blogContent.alternate .article .excerpt > *{
    font-size: 14px;      
    }
    .blogContent.alternate .readMore {
    font-size: 14px;
    }
    .storeCont .rowEntry .infoBox {
    width: 250px;    
    }
    .storeCont .rowEntry .imgBox {
    padding-left: 30px;    
    }
    .featArticleBlock .blogContent.alternate .articleListing .article .article__featured-image {
    width: 250px;    
    }
}    


@media only screen and  (max-width: 767px) {
    #choose-lenses .radioGroup .radio-wrapper {
    height: 50px;
    padding: 0 15px;    
    }
    #choose-lenses .radioGroup .radio-wrapper label {
    font-size: 12px;    
    }
    #choose-lenses .radioGroup .radio-wrapper > * {
    padding-top: 15px;
    padding-bottom: 15px;    
    }
    .newProductModalCont h3 {
    margin-bottom: 15px;    
    }
    .newProductModalCont h3 {
    font-size: 14px;    
    }
    .newProductModalCont {
     padding: 15px;
     font-size: 12px;   
    }
    .newProductModalCont p {
    font-size: 12px;    
    }
    #choose-lenses .radioGroup {
    margin-bottom: 30px;
    }
    .inlineModal.mfp-wrap .inlineModalWrap .inlineModalCont {
    height: 300px;    
    }
    #choose-lenses {
    left: auto;
    right: 0;
    margin-right: 0;    
    position: absolute;   
    width: 300px;   
    }    
    #choose-lenses .callDrForm .dob-content .grid__item {
    width: 100%    
    }
    #choose-lenses .modalHeading {
    padding: 15px;    
    }
    #choose-lenses .modalHeading .h3 {
    font-size: 14px;   
    padding-right: 50px;    
    }
    #choose-lenses .modalHeading .icon-remove {
    top: 15px;    
    }
    .newProductModalCont .modalNav {
    margin-top: 15px;    
    margin-bottom: 15px;    
    }
    .newProductModalCont .modalNav a {
    font-size: 11px;
    padding-right: 5px;    
    }
    .modalAction .actionBtn {
    height: 50px;
    line-height: 50px;
    font-size: 13px;    
    }
    .callDrForm select, .callDrForm input {
    font-size: 12px;    
    }
    .inlineModal.mfp-wrap .inlineModalWrap {
    max-width: 300px;    
    padding: 30px 15px;    
    font-size: 12px;
    }
    .inlineModal.mfp-wrap .inlineModalWrap .inlineModalCont {
    height: auto;    
    }
    .extraSwatch {
    min-width: 1px;    
    }
    .extraSwatch label span {
    max-width: 50px;
    max-height: 50px;    
    border-width: 3px;
    }
    .extraSwatch label {
    margin: 0 15px 15px 15px;
    }
    .extraSwatch label strong {
    font-size: 12px;
    }
    .inlineModal.mfp-wrap .inlineModalCont h2 {
    font-size: 14px;
    }
    .extraSwatch {
    margin: 15px 0;
    }
    .modalAction button.half {
    width: 49%
    }
    .newProductModalCont .reviewTable td dl {
    font-size: 12px;
    }
    .newProductModalCont .reviewTable .qtyPrice,
    .newProductModalCont .reviewTable td label,
    .newProductModalCont .reviewTable td h5 strong {
    font-size: 14px;
    }
    .newProductModalCont .reviewTable td {
    vertical-align: top;
    }
    .newProductModalCont .reviewTable td:first-child {
     padding-right: 15px;
    }
    .newProductModalCont .reviewTable td {
    padding-bottom: 15px;
    }
    .propBox {
    font-size: 12px;    
    }
    .cart__row label {
    font-size: 14px;    
    }
    .articleListing {
    margin-left: -15px;    
    }
    .articleListing .article {
    padding-left: 15px;
    padding-bottom: 30px;  
    width: 100%;    
    }
    .blog-content {
    margin-left: 0;
    margin-right: 0;    
    }
    .blogContent.alternate .articleListing .article {
    display: block;
    }
    .blogContent.alternate .articleListing .article .article__featured-image {
     display: block;   
    width: 100%;        
    }
    .blogContent.alternate .articleListing .article .article-info {
    display: block;   
    width: 100%;   
    padding-left: 0;   
    font-size: 12px;    
    }
    .articleListing .article-info .meta {
    font-size: 12px;    
    }
    .blogContent .section-header p {
    font-size: 14px;    
    }
    .article .excerpt, 
    .article .excerpt > *{
    font-size: 12px;        
    }
    .blogContent.alternate .article .excerpt,
    .blogContent.alternate .article .excerpt > *{
    font-size: 12px;      
    }
    .blogContent.alternate .articleListing .article-info h2 { 
    font-size: 16px;    
    }
    .blogContent.alternate .articleListing .article-info .meta {
    font-size: 12px;    
    }
    .blogContent.alternate .article .excerpt {
    font-size: 12px;      
    }
    .blogContent.alternate .readMore {
    font-size: 12px;
    }
    .page-content.storeCont {
    margin-left: 5%;  
      margin-right: 5%;
    }
    .storeCont .rowEntry .infoBox h1 {
    margin-bottom: 15px;   
    font-size: 24px;    
    }
    .storeCont .rowEntry .imgBox {
    display: block;
    padding-left: 0    
    }
    .storeCont .rowEntry .infoBox {
    display: block;  
    padding-bottom: 30px;    
    width: 100%;    
    }
    .moreInfoBox .page-inner ul {
    margin-bottom: 30px;    
    }
    .moreInfoBox .page-inner > div {
    -webkit-column-count: 1; 
     -moz-column-count: 1; 
     column-count: 1;
    }
}    

@media only screen and (min-width: 479px) and (max-width: 767px) {
    #choose-lenses {
    margin-right: 0;
    width: 400px;
    }
    .articleListing {
    margin-left: -30px;    
    }
    .page-content.storeCont, 
    .blog-content {
    margin-left: 5%;
    margin-right: 5%;    
    }
    .articleListing .article {
    padding-left: 30px;
    padding-bottom: 30px;  
    width: 50%;    
    }
    .blogContent.alternate .articleListing .article {
    display: table;
    }
    .blogContent.alternate .articleListing .article .article__featured-image {
     display: table-cell;   
    width: 33.33%;        
    }
    .blogContent.alternate .articleListing .article .article-info {
    display: table-cell;   
    width: 100%;   
    padding-left: 15px;;    
    }
    .articleListing .article-info .meta {
    font-size: 12px;    
    }
}    
/* new changes dec 2019 */