Get the source code from Github

Result:

title Browline Glasses & Sunglasses - Frames with Browline Prescription Glasses | GlassesShop
description Find affordable and stylish women's browline glasses, mens browline glasses and retro browline glasses mens at glassesshop.com. If you are looking for a pair of sophisticated and Browline Frames.
url Open (new window) | https://www.glassesshop.com/browline-eyeglasses
keywords
Array
(
    [0] => browline glasses
    [1] => browline eyeglasses
    [2] => browline glasses mens
    [3] => browline prescription glasses
    [4] => women's browline glasses
    [5] => browline frames
    [6] => retro browline glasses
    [7] => mens browline glasses
)
image
code
feeds
authorName
authorUrl
icon
favicon
Open (new window) | https://d2fxn89uubslc7.cloudfront.net/1/static/public/assets/images/gs.png
providerName Glassesshop
providerUrl Open (new window) | https://www.glassesshop.com
publishedTime
license
cms
language en-US
languages
Array
(
    [en] => Nyholm\Psr7\Uri Object
        (
            [scheme:Nyholm\Psr7\Uri:private] => https
            [userInfo:Nyholm\Psr7\Uri:private] => 
            [host:Nyholm\Psr7\Uri:private] => www.glassesshop.com
            [port:Nyholm\Psr7\Uri:private] => 
            [path:Nyholm\Psr7\Uri:private] => /browline-eyeglasses
            [query:Nyholm\Psr7\Uri:private] => 
            [fragment:Nyholm\Psr7\Uri:private] => 
        )

)
View all collected data

OEmbed data

Endpoint
All data collected

Meta data

All data collected
Array
(
    [viewport] => Array
        (
            [0] => width=device-width, initial-scale=1.0
        )

    [description] => Array
        (
            [0] => Find affordable and stylish women's browline glasses, mens browline glasses and retro browline glasses mens at glassesshop.com. If you are looking for a pair of sophisticated and Browline Frames.
        )

    [keywords] => Array
        (
            [0] => Browline Glasses, Browline Eyeglasses, Browline Glasses Mens, Browline Prescription Glasses, Women's Browline Glasses, Browline Frames, Retro Browline Glasses, Mens Browline Glasses
        )

    [msvalidate.01] => Array
        (
            [0] => A827BCC76313F24B9197E3B97E7B8503
        )

    [csrf-token] => Array
        (
            [0] => TPS95a8aBTcuD7pIymSKaAU51Fk8dLj90inDVGSI
        )

)

Linked data

All data collected
Array
(
    [@context] => http://schema.org
    [@type] => BreadcrumbList
    [itemListElement] => Array
        (
            [0] => Array
                (
                    [@type] => ListItem
                    [position] => 1
                    [name] => GlassesShop
                    [item] => https://www.glassesshop.com
                )

            [1] => Array
                (
                    [@type] => ListItem
                    [position] => 2
                    [name] => Browline Eyeglasses
                    [item] => https://www.glassesshop.com/browline-eyeglasses
                )

        )

)

HTML content

                        <!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="dns-prefetch" href="//glassesshop-res.cloudinary.com">
    <link rel="dns-prefetch" href="https://glassesshop-res.cloudinary.com">
    <link rel="dns-prefetch" href="//d22qih3asjv3x0.cloudfront.net">
    <link rel="preconnect"   href="https://glassesshop-res.cloudinary.com" crossorigin>
    <link rel="preconnect"   href="//d22qih3asjv3x0.cloudfront.net" crossorigin>
    <link rel="preconnect"   href="//d2fxn89uubslc7.cloudfront.net" crossorigin>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Browline Glasses & Sunglasses - Frames with Browline Prescription Glasses | GlassesShop</title>
    <meta name="description" content="Find affordable and stylish women's browline glasses, mens browline glasses and retro browline glasses mens at glassesshop.com. If you are looking for a pair of sophisticated and Browline Frames."/>
    <meta name="keywords" content="Browline Glasses, Browline Eyeglasses, Browline Glasses Mens, Browline Prescription Glasses, Women's Browline Glasses, Browline Frames, Retro Browline Glasses, Mens Browline Glasses"/>
    <link rel="shortcut icon" href="https://d2fxn89uubslc7.cloudfront.net/1/static/public/assets/images/gs.png"/>
            <meta name="msvalidate.01" content="A827BCC76313F24B9197E3B97E7B8503"/>
                <link rel="canonical" href="https://www.glassesshop.com/browline-eyeglasses"/>
        <link rel="alternate" href="https://www.glassesshop.com/browline-eyeglasses" hreflang="en"/>
        <meta name="csrf-token" content="TPS95a8aBTcuD7pIymSKaAU51Fk8dLj90inDVGSI"/>
    <link rel="preload" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/fonts/Poppins-Regular/Poppins-Regular.woff" as="font" type="font/woff" crossorigin />
    <link rel="preload" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/fonts/Poppins-SemiBold/Poppins-SemiBold.woff" as="font" type="font/woff" crossorigin />
    <link rel="preload" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/fonts/Poppins-Bold/Poppins-Bold.woff" as="font" type="font/woff" crossorigin />
    <link rel="preload" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/bootstrap.min.css" as="style" type="text/css"  onload="this.rel='stylesheet'" />
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/css/font-awesome.min.css?v=2021041211"/>
    <!-- CSS file -->
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/plugins/easyAutocomplete/easy-autocomplete.min.css">
    <link rel="preload" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css2/common.css?v=2022042105" as="style" type="text/css" onload="this.rel='stylesheet'" />
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css2/search.css?v=2021052601">
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/nav.css?v=2022022115">
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/product-colors.css?v=2022052201" type="text/css" />
    <link rel="preload" as="image" href="//d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/fvp-banner-2022032401.jpg" crossorigin />
    <link rel="preconnect" href="https://www.googletagmanager.com"/>
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/slick.min.css"/>
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/slick-theme.min.css"/>

        <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/slick.min.css"/>
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/slick-theme.min.css"/>
            <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css2/category-new2.css?v=2022040719">
        <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/fonts/iconfont/iconfont.css?v=2022040101">
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/plugins/jquery-ui-1.12.1/jquery-ui.css">
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/promotion-desc.css?v=2020112701">
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/filter-product-colors.css?v=22052201">
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/try-on/css/tryon.css?v=2021051003"/>
    <link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/try-on/css/cropper.min.css"/>
        
    <style type="text/css">
        .easy-autocomplete {
            width: auto !important;
        }

        .easy-autocomplete-container a {
            color: #0da9c4;
            /*font-size: 1.6rem;*/
        }

        .fc-mobile-view {
            display: none !important;
        }

        .fc-mobile-view.fc-open {
            display: block !important;
        }

        @media (max-width: 990px) {
            .custom_fc_frame {
                margin-bottom: 80px;
            }

            .custom_fc_frame.fc-open {
                margin-bottom: unset !important;
            }
        }

        input[type=search]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

        /*#navSearch .mobile-mask{*/
        /*    background: none !important;*/
        /*}*/
        .easy-autocomplete {
            width: auto !important;
        }

        @media (max-width: 991.98px) {
            .easy-autocomplete input {
                box-shadow: none;
                padding-left: 40px;
            }

            .easy-autocomplete-container a {
                color: #0da9c4;
                /*font-size: 1.4rem;*/
            }

            .easy-autocomplete-container {
                left: 0;
                position: relative;
                width: 100%;
                z-index: 2;
            }

            .easy-autocomplete-container ul {
                background: transparent;
                border-top: none;
                display: none;
                margin-top: 0;
                padding-bottom: 0;
                padding-left: 0;
                position: relative;
                top: 0;
                padding-top: 30px;
            }

            .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
                background: inherit;
                border: none;
                display: inline-block;
                color: #666;
                background-color: #f1f1f1;
                font-weight: normal;
                font-size: 12px;
                padding: 6px 10px;
                margin-right: 5px;
                margin-bottom: 10px;
                border-radius: 15px;
            }

            .easy-autocomplete-container ul li:last-child {
                border-radius: 15px;
                border: none;
            }

            .easy-autocomplete a {
                color: #666;
            }

            #overlay {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1000;
                position: fixed;
                background: rgba(0, 0, 0, 0.6) !important;
            }
        }
    </style>
    <style>
        .skiptranslate {
            display: none !important;
        }

        #google_translate_element {
            /* position: absolute;
            bottom: 10px;
            right: 150px; */
            z-index: 2000;
            opacity: 0.7;
            height: 50px;
            line-height: 50px;
            overflow: hidden;
        }

        #google_translate_element .skiptranslate {
            display: block !important;
        }

        @media (max-width: 991.98px) {
            #google_translate_element {
                position: relative;
            }

            #google_translate_element .skiptranslate {
                padding-left: 50px;
            }
        }
    </style>

            
    <style type="text/css">
        @media (max-width: 500px) {
            .tryon-container .btns .camera {
                display: none
            }
        }
    </style>

    <style type="text/css">
        .catalog-des a {
            color: #007bff;
        }

        img {
            max-width: 100%;
        }

        #desc-text a, .home-desc-more a {
            color: #333;
        }

        .img-tag.tag-off-per {
            margin-bottom: 5px;
        }

        .product-icon-text.highOff {
            background-color: #F23A31;
            float: left;
            padding: 1px 6px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        @media (min-width: 992px) {
            .product-list-item {
                padding-left: 40px;
                padding-right: 40px;
            }

            .product-colors {
                -webkit-box-pack: unset !important;
                -webkit-justify-content: unset !important;
                -ms-flex-pack: unset !important;
                justify-content: unset !important;
            }
        }

        @media (max-width: 767px) {
            .home-desc-more {
                display: none;
            }

            .desc-text p {
                margin-bottom: 0;
            }
        }
        .btn-more-colors {
            display: inline-block;
            margin-top: 2px;
            margin-left: 6px;
            width: 22px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            border-radius: 11px;
            border: 1px solid #aeaeae;
            vertical-align: top;
        }


        .more-colors-list {
            position: absolute;
            left: 0;
            /* top: 32px; */
            transform: translate(0, 100%);
            bottom: 0;
            width: 100%;
            padding: 2px 2px;
            display: none;
            /*border: 1px solid #f1f1f1;*/
            background: #fff;
            white-space: normal;
            text-align: center;
            z-index: 10;
        }
        @media (max-width:991.98px) {
            .more-colors-list {
                top: 32px;
                transform: none;
                bottom: unset;
            }
        }

        .grid-current i {
            color: #0DA9C4;
        }

        .grid {
            cursor: pointer;
            color: #CACACA;
            display: inline-block;
            height: 18px;
            line-height: 18px;
            vertical-align: middle;
        }

        .column-2 .product-list-row {
            padding: 0 10px;
        }

        .column-2 .product-img-outer {
            text-align: left !important;
            padding-top: 30px;
        }

        .column-2 .p-title-block {
            padding: 0 5px !important;
        }

        .btn-more-colors {
            display: none;
        }

        .column-2 .btn-more-colors {
            display: inline-block;
        }

        /*.column-2 .img-tag {*/
        /*    position: absolute;*/
        /*    white-space: nowrap;*/
        /*    z-index: 1;*/
        /*}*/
        /*.column-1 .more-colors-list {*/
        /*    display: inline-flex !important;*/
        /*}*/
        .column-2 .product-pre-price {
            display: none;
        }
        .product-img {
            display: inline-block;
            height: 0;
            padding-bottom: 60%;
            overflow: hidden;
        }
        .column-2 .product-img {
            padding-bottom: 42%;
        }
        .product-img.none {
            display: none !important;
        }
        .column-2 .limited-time {
            display: none;
        }
        .column-2 .slide-text {
            display: none;
        }
        .tips-gift-cards{
            color: #fff;
            background-color: #D69829;
        }
        .tips-gift-cards b{
            font-family: 'Poppins-Bold';
        }
        @media (min-width: 992px) {
            .btn-more-colors {
                display: inline-block;
            }

            .column-1 .more-colors-list {
                display: none !important;
            }

            .column-1 .more-colors-list.active {
                display: inline-flex !important;
            }
            .product-colors-pc-left {
                display: flex !important;
            }

        }
        @media (max-width: 992px) {
            .product-colors-mobile-display {
                display: flex !important;
            }
        }
    </style>
    <style>
        /*视频banner*/
        .clip-on-banner {
            position: relative;
        }

        .clip-on-title {
            font-size: 60px;
            font-family: 'Poppins-SemiBold';
            color: #fff;
            text-shadow: 0 0 10px #333;
            position: absolute;
            left: 3%;
            top: 50%;
            transform: translateY(-50%);
        }

        .clip-on-tips {
            font-size: 20px;
            font-family: 'Poppins-SemiBold';
            color: #fff;
            text-shadow: 0 0 10px #333;
            position: absolute;
            right: 20px;
            bottom: 15px;
        }

        @media (max-width: 991.98px) {
            .clip-on-title {
                font-size: 38px;
                left: 6%;
                bottom: 5%;
                top: auto;
                transform: none;
            }

            .clip-on-tips {
                font-size: 14px;
                right: 15px;
                bottom: 10px;
            }
        }
        /*视频banner*/
    </style>

    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/jquery.min.js"></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/jquery-migrate-3.0.0.min.js"></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/popper.min.js"></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/js/jquery.cookie.min.js" async></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/plugins/lazyload/lazyload.min.js"></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/js/jquery-ui-1.11.4.min.js"></script>
    <script>
        /*** Handle jQuery plugin naming conflict between jQuery UI and Bootstrap ***/
        $.widget.bridge('uibutton', $.ui.button);
        $.widget.bridge('uitooltip', $.ui.tooltip);
    </script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/bootstrap.min.js"></script>

    <script>
        $(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            
            
            
            

            $(document).ready(function () {
                $('img.lazy').lazyload({
                    placeholder: 'https://d2fxn89uubslc7.cloudfront.net/eyJidWNrZXQiOiJiemdzLXJlcyIsImtleSI6IjFcL3N0YXRpY1wvcHVibGljXC9zdGF0aWNzXC9pbWFnZXNcL2xhenlsb2FkXC9pbWdcL3RyYW5zcGFyZW50LmdpZiJ9',
                    effect: 'fadeIn'
                });
            })
        });
    </script>

    <!-- Google Tag Manager -->
    <script type="text/javascript">
        var dataLayer = dataLayer || [];
    </script>
                <script type="text/javascript">
            dataLayer.push({
                'ecommerce': {
                    'impressions': [{"name":"Pasadena","id":"FP2520","price":12.48,"brand":"GlassesShop","position":0},{"name":"Libra","id":"FP2047","price":24.95,"brand":"GlassesShop","position":1},{"name":"Derrick","id":"FP1661","price":24.95,"brand":"GlassesShop","position":2},{"name":"Murphy","id":"FP1747","price":39.95,"brand":"GlassesShop","position":3}]                },
                'pageType': 'Category',
                'categoryID': '14',
                "email": '',
                'version': 'stable'
            });
        </script>
        <script>(function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-P372WJX');
    </script>
    <!-- End Google Tag Manager -->

    <!-- Matomo -->
    <script type="text/javascript">
        var _paq = _paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function () {
            var u = "//analytics.glassesshop.com/";
            _paq.push(['setTrackerUrl', u + 'piwik.php']);
            _paq.push(['setSiteId', '1']);
            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
            g.type = 'text/javascript';
            g.async = true;
            g.defer = true;
            g.src = 'https://d22qih3asjv3x0.cloudfront.net/piwik/piwik.js';
            s.parentNode.insertBefore(g, s);
        })();
    </script>
    <!-- End Matomo Code -->

    
        <script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
         {
            "@type": "ListItem",
            "position": 1,
            "name": "GlassesShop",
            "item": "https://www.glassesshop.com"
         },
         {
            "@type": "ListItem",
            "position": 2,
            "name": "Browline Eyeglasses",
            "item": "https://www.glassesshop.com/browline-eyeglasses"
         }
        ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "url": "https://www.glassesshop.com/",
      "logo": "https://www.glassesshop.com/assets/images/logo.jpg",
      "contactPoint": [{
        "@type": "ContactPoint",
        "telephone": "+1-855-202-0123",
        "contactType": "customer service"
      }],
      "sameAs": [
        "https://www.facebook.com/iGlassesShop",
        "https://twitter.com/glassesshop",
        "https://www.instagram.com/iglassesshop/",
        "https://www.pinterest.com/glassesshop/"
      ]
    }


    </script>
    
                        <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
            <script>
                var OneSignal = window.OneSignal || [];
                OneSignal.push(function () {
                    OneSignal.init({
                        appId: "73a8e937-835c-4866-925c-521ced55609e",
                    });
                });
            </script>
            </head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P372WJX" height="0" width="0"
                style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

<div id="wrapper">
    <header class="fixed-top">
                    
                <script type="text/javascript">
                    //倒计时
                    var blackdate = 133103;
                    /**
 * Created by Administrator on 2019/7/23.
 */
if (Number(blackdate) > 0) {
    var InterValObj;
    $(function () {
        InterValObj = window.setInterval(SetRemainTime, 1000); // 间隔函数,1秒执行
    });
}

var SysSecond = '';
SysSecond = blackdate; //倒计时的起始时间

// 将时间减去1秒,计算天、时、分、秒
function SetRemainTime() {
    if (SysSecond > 0) {
        SysSecond = SysSecond - 1;
        var second = Math.floor(SysSecond % 60);             // 计算秒
        var minute = Math.floor((SysSecond / 60) % 60);      //计算分
        var hour = Math.floor((SysSecond / 3600) % 24);      //计算小时
        var day = Math.floor((SysSecond / 3600) / 24);        //计算天

        //$("#counter").html('<strong class="">' + hour + '</strong>h <strong class="">' + minute + '</strong>m <strong class="">' + second + '</strong>s');
        if (day < 1) {
            $('.countdown .day').css('display', 'none');
            $('.countdown .dotday').css('display', 'none');
        } else {
            $('.countdown .day').html(day);
        }
        $('.countdown .hour').html(hour);
        $('.countdown .minute').html(minute);
        $('.countdown .second').html(second);
    } else {//剩余时间小于或等于0的时候,就停止间隔函数
        window.clearInterval(InterValObj);
        //这里可以添加倒计时时间为0后需要执行的事件
        $('#countdown').css('display', 'none');
        $(".glasses-main").animate({marginTop: '0'});
    }
}

//点击×后关闭倒计时div
$(function () {
    // $(".countdown").show();
    $("nav").removeClass('fixed-top');
    $("header").addClass('fixed-top');
    if (Number(blackdate) > 0) {
        const height = $('.countdown').outerHeight(true);
        $(".glasses-main").css('margin-top', height + 'px');
    }
    $('.countdown .close-btn').click(function (event) {
        event.preventDefault();
        // $('.countdown').css('display','none');
        $('.countdown').addClass('close');
        $('.countdown').slideUp();
        $(".glasses-main").animate({marginTop: '0'});
        $('.form-mobile.nav-form-search').animate({top:'49px'});
    });
});

//上下滚动轮播
$(function () {
    var settimes;//定时器
    var $this1 = $(".scroll-computer");
    var $this2 = $(".scroll-mobile");

    //方法
    function scrollNews(nature) {
        var scroll = nature.find("ul:first");
        var lineHeight = scroll.find("li:first").height();
        scroll.animate({"margin-top": -lineHeight + "px"}, 3000, function () {
            scroll.css({"margin-top": "0px"}).find("li:first").appendTo(scroll);
        });
    }

    settimes = setInterval(function () {
        scrollNews($this1);
        scrollNews($this2);
    }, 3000);
});;
                </script>
                                    <style type="text/css">
                        /* CSS Document */

.countdown{

    /*font-family: 'Poppins-SemiBold';*/

    font-size: 18px;

    background-color: #000000;

    color: #fb1641;

    text-align: center;

    text-transform: uppercase;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: normal;

    /*background-image:url('../images/countdown/background.jpg');*/

    /*-webkit-background-size: cover;*/

    /*-moz-background-size: cover;*/

    /*-o-background-size: cover;*/

    /*background-size: cover;*/

    /*background-position: center center;*/

    /*background-repeat: no-repeat;*/

}

.countdown .container{

    padding-top: 7px;

    padding-bottom: 7px;

    position: relative;

    /*background-image:url('../images/countdown/background.jpg');*/

    /*-webkit-background-size: cover;*/

    /*-moz-background-size: cover;*/

    /*-o-background-size: cover;*/

    /*background-size: cover;*/

    /*background-position: center center;*/

    /*background-repeat: no-repeat;*/

}

.countdown .title1{

    font-size: 16px;

    text-transform: none;

}

.countdown .title2{

    font-size: 18px;

    text-transform: capitalize;

}

.countdown .title3{

    font-size: 16px;

    text-transform: none;

}

.countdown .title4{

    font-size: 16px;

}

.countdown .subject{

}

.countdown .deadline{

    display: inline-block;

    font-size: 16px;

    /* color: #ffffff; */

    text-transform: none;

}

.countdown .deadline .circle{

    display: inline-block;

    margin: 0 5px;

    width: 32px;

    height: 32px;

    line-height: 32px;

    border-radius: 4px;

    background: #fb1641;

    color: #ffffff;

    /* border-radius: 100%; */

    cursor: pointer;

    /* box-shadow: 0 0 0 2px #fff9db inset; */

}

.countdown .mr-35 {

    margin-right: 35px;

}

.countdown .mr-20 {

    margin-right: 20px;

}

.countdown .mr-14 {

    margin-right: 14px;

}



.countdown .deadline .dot{

    /* color: #fff9db; */

    font-size: 17px;

}

.countdown .shop-now{

    font-size: 16px;

    color: #fb1641;

    text-decoration: none;

    font-weight: bold;

    display: inline-block;

    width: 130px;

    height: 28px;

    line-height: 28px;

    border: 1px solid #fff;

    border-radius: 4px;

    text-transform: none;

}

.countdown .shop-now span{

    border-bottom: 1px solid #222222;

}

.countdown .close-btn{

    font-size: 22px;

    color: #fb1641;

}

/*.countdown .close-btn img{*/

/*    display: block;*/

/*}*/

.countdown a:hover{

    /*text-decoration:none;*/

}

.countdown_bg {

    z-index: -1;

    position:absolute;

    height: 50px;

    left: 0;

    right: 0;

}

.countdown_mobileBg {

    z-index: -1;

    position:absolute;

    height: 60px;

    left: 0;

    right: 0;

}

@media (min-width: 992px) and (max-width: 1300px) {

    .glasses-main{

        padding-top: 59px;

    }

    .countdown .mr-35{

        margin-right: 15px;

    }

    .countdown .title,

    .countdown .title1,

    .countdown .title2,

    .countdown .title3,

    .countdown .title4{

        font-size: 14px;

    }

    .countdown .container{

        background-image: none;

        padding-top: 9px;

        padding-bottom: 9px;

    }

    .countdown .deadline{

        font-size: 14px;

    }

    .countdown .deadline .circle{

        width: 28px;

        height: 28px;

        line-height: 28px;

    }

    .countdown .shop-now{

        font-size: 14px;

    }

}
@media (min-width: 992px) and (max-width:1200px) {
    .countdown .title1 {
        max-width: 50%;
    }
}


@media (max-width: 991.98px){

    .nav-form-search {

        top: 109px;

    }

    #filters-menu {

        top: 109px;

    }

    .hidden-xs {

        display: none!important;

    }

    .countdown{

        height: 60px;

        display: block;

        position: relative;

        background-image: none;

        /*padding: 0 0 5px;*/

        /* color: #ffffff; */

        text-align: left;

    }

    .countdown .content&amp;amp;amp;amp;amp;amp;amp;gt;img{

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        left: 10px;

    }

    .countdown .title1{

        display: inline-block;

        font-size: 12px;

        /*margin-bottom: 5px;*/

    }

    .countdown .title2{

        font-size: 12px;

    }

    .countdown .title3{

        font-size: 12px;

    }

    .countdown .title4{

        font-size: 12px;

    }

    .countdown .deadline{

        font-size: 12px;

        min-width: 130px;

        text-align: left;

    }

    .countdown .deadline .dot{

        font-size: 12px;

    }

    .countdown .shop-now{

        font-size: 12px;

        /* color: #fff9db; */

        text-decoration: none;

        width: 90px;

        height: 28px;

        line-height: 28px;

        text-align: center;

    }

    .countdown .close-btn{

        position: absolute;

        top: 0;

        right: 10px;
        line-height: normal;
    }

    .countdown .deadline .circle {

        width: 22px;

        height: 24px;

        text-align: center;

        line-height: 24px;

    }

}



@media (max-width: 370px) {

    .countdown .content&amp;amp;amp;amp;amp;amp;amp;gt;img{

        display: none;

    }

}
                    </style>
                
                <div id="countdown">
                    <!--倒计时网页版-->
<div class="countdown hidden-xs" style="">
    <img class="w-100 countdown_bg" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/countdown/topbanner.jpg">
    <div class="content d-flex align-items-center">
        <span class="title1 mr-35 b" style="letter-spacing: 1px;">  Mid-Year Sale   Up to 80% off frames + 20% off entire order    Code: EXTRA20      </span>
        <span class="deadline mr-35">Ends in <span class="circle day">00</span><span class="dot dotday"> : </span><span class="circle hour">00</span><span class="dot"> : </span><span class="circle minute">00</span><span class="dot"> : </span><span class="circle second">00</span></span>
        <a href="https://www.glassesshop.com/clearance-sale" class="shop-now mr-35">shop now ></a>
        <a href="#" class="close-btn">×</a>
    </div>
</div>
<!--倒计时网页版-->
<!--倒计时手机版-->
<div class="countdown d-lg-none" style="">
    <img class="w-100 countdown_mobileBg" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/countdown/topbanner_mobile.jpg">
    <div class="content d-flex align-items-center justify-content-center" style="height: 60px;">
        <div style="line-height:1.1;">
            <span class="title1">  80% off frames + 20% off entire order  Code: extra20  </span><br>
            <span class="deadline mr-2">Ends in <span class="circle day">00</span><span class="dot dotday"> : </span><span class="circle hour">00</span><span class="dot"> : </span><span class="circle minute">00</span><span class="dot"> : </span><span class="circle second">00</span></span>
            <a href="https://www.glassesshop.com/clearance-sale" class="shop-now">shop now ></a>
            <a href="#" class="close-btn">×</a>
        </div>
    </div>
</div>
<!--倒计时手机版-->
                </div>
                            <nav class="navbar navbar-expand-lg navbar-wrapper" style="padding-left: 5px;padding-right: 5px;">
            <div class="container">
                <div class="navbar-left d-lg-none">
                    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
                            data-target="#signAndAccount" aria-controls="signAndAccount" aria-expanded="false"
                            aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon navbar-toggler-menu"></span>
                    </button>
                    <button class="navbar-toggler collapsed navbar-search" type="button" data-toggle="collapse"
                            data-target="#navSearch" aria-controls="navSearch" aria-expanded="false"
                            aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon navbar-toggler-search"></span>
                    </button>
                </div>
                <a class="navbar-logo mr-lg-5 mr-0" href="/">
                    <img class="img-fluid" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/gs-logo-2021.svg"
                         alt="logo"/>
                </a>
                <div class="nav-mobile-icons">
                    <a href="/customer/wishlist"
                       title="0 items in wishlist">
                        <div class="nav-heart">
                                                            <span>0</span>
                                                    </div>
                    </a>
                    <a href="/cart" title="0 items in shopping cart">
                        <div class="nav-cart">
                                                            <span>0</span>
                                                    </div>
                    </a>
                </div>

                <div class="collapse navbar-collapse">
                    <!-- PC端导航栏 -->
                    <ul class="navbar-nav mr-auto gs-main-menu">
                        <div class="nav-bac-layer"></div>
                        <div class="navbar-nav-content">
                            <li class="nav-item active navbar-hover main-menu-hover">
                                <a class="nav-link" href="javascript:void(0);" title="All Eyeglasses">Eyeglasses</a>
                                <div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
                                    <div class="gs-sub-menu-content">
                                        <dl class="gs-sub-menu-side discover-slide-one clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Shop</span></dd>
                                            <dd>
                                                <a href="/women-eyeglasses"
                                                   title="Women's Eyeglasses">
                                                    Women’s Eyeglasses
                                                </a>
                                            </dd>
                                            <dd><a href="/men-eyeglasses">Men’s Eyeglasses</a></dd>
                                            <dd><a href="/kids-eyeglasses">Kid’s Eyeglasses</a></dd>
                                            <dd><a href="/readers">Readers</a></dd>
                                            <dd><a href="/progressive-eyeglasses">Progressive</a></dd>
                                            <dd><a href="/eyeglasses">All Eyeglasses</a></dd>
                                        </dl>
                                        <dl class="gs-sub-menu-side discover-slide-two clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Collection</span></dd>
                                            <dd><a href="/eyeglasses-new-arrivals">New Arrivals
                                                    <img style="position: absolute;right: -43px;top: 2px;" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/new.png" alt="new">
                                                </a>
                                            </dd>
                                            <dd><a href="/bestsellers">Best Sellers
                                                    <img style="position: absolute;right: -43px;top: 2px;" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/hot.png" alt="hot">
                                                </a></dd>
                                            <dd><a href="/brands/gudvue">GUDVUE
                                                    <img class="img-fluid ml-2 align-bottom"
                                                         style="width: 22px;"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/product-gudvue/gudvue-logo2.png">
                                                    <img class="img-fluid ml-2 align-bottom"
                                                         style="position: absolute;right: -55px;top: 2px;"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/brand.png"
                                                         alt="">
                                                </a></dd>
                                            <dd><a href="/floral-eyeglasses">Floral Glasses</a></dd>
                                            <dd><a href="/small-glasses">Small Glasses</a></dd>
                                            <dd><a href="/cateye-eyeglasses">Cat Eye Glasses</a></dd>
                                        </dl>

                                                                                    <dl class="gs-sub-menu-image clearfix">
                                                                                                                                                            <dd>
                                                            <a href="/free-home-try-on" class="nav-image" title="Free Home Try-on">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/62b2b1154c281.jpg"
                                                                         alt="Free Home Try-on"
                                                                         title="Free Home Try-on">
                                                                </span>
                                                                <span class="menu-title">Free Home Try-on</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/collection/editor-choice" class="nav-image" title="Editor&#039;s Choice">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/62b2b0d979c3d.jpg"
                                                                         alt="Editor&#039;s Choice"
                                                                         title="Editor&#039;s Choice">
                                                                </span>
                                                                <span class="menu-title">Editor&#039;s Choice</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/lenses/blue-light-blocking" class="nav-image" title="Blue Light">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295ca3eaec77.jpg"
                                                                         alt="Blue Light"
                                                                         title="Blue Light">
                                                                </span>
                                                                <span class="menu-title">Blue Light</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                </dl>
                                        
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item navbar-hover main-menu-hover">
                                <a class="nav-link" href="javascript:void(0);" title="All Sunglasses">Sunglasses</a>
                                <div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
                                    <div class="">
                                        <dl class="gs-sub-menu-side discover-slide-one clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Shop</span></dd>

                                            <dd><a href="/women-sunglasses">Women’s Sunglasses</a></dd>
                                            <dd><a href="/men-sunglasses">Men’s Sunglasses</a></dd>
                                            <dd><a href="/prescription-sunglasses">All Prescription Sunglasses</a></dd>
                                            <dd><a href="/sunglasses-new-arrivals">New Arrivals</a></dd>
                                        </dl>
                                        <dl class="gs-sub-menu-side discover-slide-two clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Collection</span></dd>
                                            <dd><a href="/lenses/sunglasses">Sunglasses Options</a></dd>
                                            <dd><a href="/polarized-sunglasses">Polarized</a></dd>
                                            <dd><a href="/lenses/mirrored">Mirrored</a></dd>
                                        </dl>
                                                                                    <dl class="gs-sub-menu-image clearfix">
                                                                                                                                                            <dd>
                                                            <a href="/lenses/transitions" class="nav-image" title="Transitions">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295cb2b9a65a.jpg"
                                                                         alt="Transitions"
                                                                         title="Transitions">
                                                                </span>
                                                                <span class="menu-title">Transitions</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/sports-eyeglasses" class="nav-image" title="Sports">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295cb65661d8.jpg"
                                                                         alt="Sports"
                                                                         title="Sports">
                                                                </span>
                                                                <span class="menu-title">Sports</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/clip-on-sunglasses" class="nav-image" title="Clip-On">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295cbb399b68.jpg"
                                                                         alt="Clip-On"
                                                                         title="Clip-On">
                                                                </span>
                                                                <span class="menu-title">Clip-On</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                </dl>
                                                                            </div>
                                </div>
                            </li>
                            <li class="nav-item navbar-hover main-menu-hover">
                                <a class="nav-link" href="javascript:void(0);">Lenses</a>
                                <div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
                                    <div class="blue-light-content">
                                        <dl class="gs-sub-menu-side discover-slide-one clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Blue Light</span></dd>

                                            
                                            <dd><a href="/promotion/prescription-bluelight">Prescription</a></dd>
                                            <dd><a href="/promotion/bluelight-blocking-glasses?package=1">Non-prescription</a></dd>
                                            <dd><a href="/lenses/blue-block-pro">Blue Block Pro</a></dd>
                                        </dl>
                                        <dl class="gs-sub-menu-side discover-slide-two clearfix">
                                            <dd><span class="b" href="javascript:void(0);"></span></dd>
                                            <dd><a href="/progressive-eyeglasses">Progressive
                                                    <img style="position: absolute;right: -43px;top: 2px;" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/hot.png" alt="hot"></a></dd>
                                            <dd><a href="/bifocal-eyeglasses">Bifocal</a></dd>
                                            <dd><a href="/reading-glasses ">Reading</a></dd>
                                            <dd><a href="/lenses/photochromic">Photochromic</a></dd>
                                        </dl>
                                        <dl class="gs-sub-menu-side discover-slide-thir clearfix">
                                            <dd><span class="b" href="javascript:void(0);"></span></dd>
                                            <dd><a href="/lenses/transitions">Transitions</a></dd>
                                            <dd><a href="/lenses/mirrored">Mirrored</a></dd>
                                            <dd><a href="/polarized-sunglasses">Polarized
                                                    <img style="position: absolute;right: -43px;top: 2px;" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/hot.png" alt="hot"></a></dd>
                                        </dl>
                                                                                    <dl class="gs-sub-menu-image clearfix">
                                                                                                                                                            <dd>
                                                            <a href="/lenses" class="nav-image">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295c6b76007d.jpg"
                                                                         alt=""
                                                                         title="Lens">
                                                                </span>
                                                                <span class="menu-title">Lens</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/lenses/sunglasses" class="nav-image">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295c7315f3ec.jpg"
                                                                         alt=""
                                                                         title="Lens Options">
                                                                </span>
                                                                <span class="menu-title">Lens Options</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                </dl>
                                                                            </div>
                                </div>
                            </li>
                            <li class="nav-item navbar-hover main-menu-hover">
                                <a class="nav-link" href="javascript:void(0);">Featured</a>
                                <div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
                                    <div class="">
                                        <dl class="gs-sub-menu-side discover-slide-one clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Shop</span></dd>

                                            <dd><a href="/accessories">Accessories</a></dd>
                                            <dd><a href="/screwless-eyeglasses">Screwless</a></dd>
                                            <dd><a href="/adjustable-nose-pads-eyeglasses">Adjustable Nose Pads</a></dd>
                                            <dd><a href="/metal-bridge-glasses">Metal Bridge</a></dd>
                                            <dd><a href="/spring-hinge-eyeglasses">Spring Hinge</a></dd>
                                        </dl>
                                        <dl class="gs-sub-menu-side discover-slide-two clearfix">
                                            <dd><span class="b" href="javascript:void(0);"></span></dd>
                                            <dd><a href="/ultra-lightweight-glasses">Ultra-lightweight</a></dd>
                                            <dd><a href="/bold-glasses">Bold</a></dd>
                                            <dd><a href="/avant-garde">Avant Garde</a></dd>
                                            <dd><a href="/glitter-eyeglass-frames">Glitter Glasses</a></dd>
                                            <dd><a href="/collection/tortoise-shell-glasses">Tortoiseshell Glasses</a></dd>
                                            <dd><a href="/collections">All Collections</a></dd>
                                        </dl>
                                                                                    <dl class="gs-sub-menu-image clearfix">
                                                                                                                                                            <dd>
                                                            <a href="/quiz/glasses-frame-finder" class="nav-image">
                                                                        <span class="menu2-picture">
                                                                            <img class="img-fluid"
                                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295c8a2653cd.jpg"
                                                                                 alt=""
                                                                                 title="Fit &amp; Quiz">
                                                                        </span>
                                                                <span class="menu-title">Fit &amp; Quiz</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/collection/shapes" class="nav-image">
                                                                        <span class="menu2-picture">
                                                                            <img class="img-fluid"
                                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295c90a3c319.jpg"
                                                                                 alt=""
                                                                                 title="Shop by Shape">
                                                                        </span>
                                                                <span class="menu-title">Shop by Shape</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/collection/colors" class="nav-image">
                                                                        <span class="menu2-picture">
                                                                            <img class="img-fluid"
                                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295c98471ec6.jpg"
                                                                                 alt=""
                                                                                 title="Shop by Color">
                                                                        </span>
                                                                <span class="menu-title">Shop by Color</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                </dl>
                                                                            </div>
                                </div>
                            </li>
                            <li class="nav-item navbar-hover main-menu-hover">
                                <a class="nav-link" href="javascript:void(0);">Sales</a>
                                <div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
                                    <div class="">
                                        <dl class="gs-sub-menu-side discover-slide-one clearfix">
                                            <dd><span class="b" href="javascript:void(0);">New Customers</span></dd>

                                            <dd><a href="/promotion/first-50-off">Enjoy Free Shipping</a></dd>
                                            <dd><a href="/first-pair">First Pair Free</a></dd>
                                        </dl>
                                        <dl class="gs-sub-menu-side discover-slide-two clearfix">
                                            <dd><span class="b" href="javascript:void(0);">Low Price</span></dd>
                                            <dd><a href="/affordable-eyeglasses">All $9.95</a></dd>
                                            <dd><a href="/eyeglasses?search=under20">Under $20</a></dd>
                                            <dd><a href="/clearance-sale">On Sale</a></dd>
                                            <dd><a href="/promotion">All Promotions</a></dd>
                                        </dl>
                                                                                    <dl class="gs-sub-menu-image clearfix">
                                                                                                                                                            <dd>
                                                            <a href="/buy-one-get-one-free" class="nav-image">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295ce5e3863b.jpg"
                                                                         title="BOGO FREE"
                                                                         alt="">
                                                                </span>
                                                                <span class="menu-title">BOGO FREE</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/flash-sale" class="nav-image">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295ce932ed4c.jpg"
                                                                         title="Flash Sale"
                                                                         alt="">
                                                                </span>
                                                                <span class="menu-title">Flash Sale</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                                                                                <dd>
                                                            <a href="/customer/invite_friends" class="nav-image">
                                                                <span class="menu2-picture">
                                                                    <img class="img-fluid"
                                                                         src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6295cee409797.jpg"
                                                                         title="Invite a Friend"
                                                                         alt="">
                                                                </span>
                                                                <span class="menu-title">Invite a Friend</span>
                                                            </a>
                                                        </dd>
                                                                                                                                                </dl>
                                                                            </div>
                                </div>
                            </li>
                            <li class="nav-item home-try-on active navbar-hover main-menu-hover">
                                <a class="nav-link"
                                   href="/free-home-try-on"
                                   title="Free Try-on">Home Try-On</a>
                            </li>
                        </div>
                    </ul>
                    <!-- PC端导航栏 -->

                    <ul class="navbar-nav nav-right">
                        <li class="nav-item my-2 my-lg-0">
                            <form class="form-inline mr-sm-2 nav-form-search" method="get" action="/search">
                                <input class="form-control input-search" type="search" placeholder="Search..."
                                       
                                       
                                       aria-label="Search" name="q" id="input-search-item" onpropertychange="">
                                <button class="btn btn-outline-success my-2 my-sm-0 search-form-button"
                                        type="button"></button>
                                <button class="ais-SearchBox-reset-close" type="button"></button>
                            </form>
                            <!--新电脑端搜索样式-->
                            <div class="searchSuggestions">
                                <div class="suggestionsContent">
                                    <div class="topSearch noDesigner">
                                        <div class="algolia-search-top clearfix">
                                            <!--Suggested Queries-->
                                            <div class="headerTopSearch suggestedHeader none">Suggested Queries</div>
                                            <!--Suggested Queries-->
                                            <!--Recent Queries-->
                                            <div class="headerTopSearch recentHeader">Recent Queries</div>
                                            <!--Recent Queries-->
                                            <div id="suggesthits_copy" class="suggest-list clearfix">
                                                <!--Suggested Queries-->
                                                <div class="list-items none">
                                                    <div class="items-list">
                                                        <a onclick=""
                                                           href=""
                                                           title="clear">clear</a>
                                                    </div>
                                                    <div class="items-list">
                                                        <a onclick=""
                                                           href=""
                                                           title="blue light">blue light</a>
                                                    </div>
                                                    <div class="items-list">
                                                        <a onclick=""
                                                           href=""
                                                           title="pink">pink</a>
                                                    </div>
                                                    <div class="items-list">
                                                        <a onclick=""
                                                           href=""
                                                           title="tortoise">tortoise</a>
                                                    </div>
                                                    <div class="items-list">
                                                        <a onclick=""
                                                           href=""
                                                           title="mens">mens</a>
                                                    </div>
                                                    <div class="items-list">
                                                        <a onclick=""
                                                           href=""
                                                           title="black">black</a>
                                                    </div>
                                                </div>
                                                <!--Suggested Queries-->
                                                <!--Fixed Recent Queries-->
                                                <div class="list-items fixed-items-list" style="display: none">
                                                    <div class="items-list">
                                                        <a href="/eyeglasses/fp2514">Hannah</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>
                                                    <div class="items-list">
                                                        <a href="/eyeglasses/fp2071">Taurus</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>
                                                    <div class="items-list">
                                                        <a href="/eyeglasses/fm1354">Haywood</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>
                                                    <div class="items-list">
                                                        <a href="/eyeglasses/fm1553">Amelia</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>
                                                    <div class="items-list">
                                                        <a href="/eyeglasses/fp2434">Lydia</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>

                                                    <div class="items-list">
                                                        <a href="/pride-eyeglasses">Rainbow</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>
                                                    <div class="items-list">
                                                        <a href="/eyeglasses/fp2298">Denise</a>
                                                        <img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png"
                                                            alt="delete" class="icon-close">
                                                    </div>



                                                </div>
                                                <!--Fixed Recent Queries-->
                                                <!--Recent Queries-->
                                                <div class="list-items" id="list-items">
                                                </div>
                                                <!--Recent Queries-->
                                            </div>
                                        </div>
                                    </div>
                                    <div id="hits_copy" class="topProducts">
                                        <div class="algolia-search-null none" style="display: none;"></div>
                                        <div class="algolia-search-frames-list full-list-6">
                                            <div class="search-frames-result clearfix">
                                                <span class="num">Product suggestions</span>
                                                <span style="display: none;">Product suggestions</span>
                                            </div>
                                            <div id="search-product-lists"></div>
                                        </div>
                                        <div class="algolia-feature-container">
                                            <div class="algolia-feature-box clearfix">
                                                <span class="feature-title">Recommended</span>

                                                <div class="feature-banner">
                                                    <a class="feature-img" href="/lenses/blue-light-blocking"><img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/r1.png?v=2021052401"
                                                            alt=""></a>
                                                    <a class="name" href="/lenses/blue-light-blocking">Blue Light
                                                        Blocking</a>
                                                </div>
                                                <div class="feature-banner">
                                                    <a class="feature-img" href="/lenses/transitions"><img
                                                            src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/r2.png?v=2021052401"
                                                            alt=""></a>
                                                    <a class="name" href="/lenses/transitions">Transitions</a>
                                                </div>
                                            </div>
                                            <div class="algolia-faq-box">
                                                <div class="faq-title clearfix">
                                                    <span>FAQ</span>
                                                    <a class="primary" href="/doc/helpcenter">See all ></a>
                                                </div>
                                                <ul class="search-faq-list">
                                                    <li><a href="/doc/how-to-order">How to order your glasses
                                                            online?</a></li>
                                                    <li><a href="/doc/how-to-choose-glasses">How to Choose The Right
                                                            Glasses Frames?</a></li>
                                                    <li><a href="/doc/shipping-and-return"> When will I receive my
                                                            order?</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--新电脑端搜索样式-->
                        </li>
                        <li class="nav-item">
                            <a href="/customer/wishlist"
                               title="0 items in wishlist">
                                <div class="nav-heart">
                                                                            <span>0</span>
                                                                    </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/cart" title="0 items in shopping cart">
                                <div class="nav-cart">
                                                                            <span>0</span>
                                                                    </div>
                            </a>
                        </li>
                        <li class="nav-item navbar-hover nav-sign">
                            
                            
                            
                            
                            <a href="#" class="nav-user">&nbsp;</a>
                            


                                                        <!-- 登录前 -->
                                <div class="navbar-hover-menu navbar-hover-icon sign-content">
                                    <div class="clearfix nav-sign-header">
                                        <a href="/login">Sign in</a>
                                        /
                                        <a href="/register">Register</a>
                                    </div>
                                    <ul class="sign-menu">
                                        <li>
                                            <a href="/login">
                                                My Orders
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/login">
                                                Order Tracking
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/login">
                                                My Wishlist
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/login">
                                                My Coupons
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/login">
                                                My Points
                                            </a>
                                        </li>
                                    </ul>
                                                                    </div>
                                <!-- 登录前 -->
                                                    </li>
                        <li class="nav-item navbar-hover nav-help">
                            <a class="nav-link font-weight-normal mt-1" href="#">Help</a>
                            <div class="navbar-hover-menu navbar-hover-icon" style="right: 0px">
                                <div class="nav-help-content">
                                    <div class="nav-help-title">
                                        Help Center
                                    </div>
                                    <a href="/doc/how-to-order" class="nav-help-link">
                                        How to order
                                    </a>
                                    <a href="/doc/measure-pd" class="nav-help-link">
                                        How to measure PD
                                    </a>
                                    <a href="/doc/how-do-i-read-my-prescription" class="nav-help-link">
                                        How to read prescription
                                    </a>
                                    <a href="/doc/shipping-and-return" class="nav-help-link">
                                        Shipping & Return
                                    </a>
                                    <a href="/order-tracking" class="nav-help-link">
                                        Track my order
                                    </a>
                                    <a href="/doc/optical-faq" class="nav-help-link">
                                        Check FAQ
                                    </a>
                                    <a href="/doc/helpcenter" class="nav-help-faq">Help Center</a>
                                </div>
                                <div class="nav-help-contact">
                                    <div class="nav-help-contact-title">
                                        Contact Us
                                    </div>
                                    <div class="contact-detail col-12 p-0">
                                        <div class="email">
                                            <div class="img-box">
                                                <img class="img-fluid" src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/email-icon.svg">
                                            </div>
                                            <a href="mailto:service@glassesshop.com" style="color: #333">
                                                <div class="text">
                                                    <div>service@GlassesShop.com</div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="liveChat">
                                            <div class="img-box">
                                                <img class="img-fluid" src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/livechat-icon.svg">
                                            </div>
                                            <a href="javascript:;" class="live-chat" style="color: #333">
                                                <div class="text">
                                                    <div class="email-title">Live Chat</div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="call">
                                            <div class="img-box">
                                                <img class="img-fluid" src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/call-icon.svg">
                                            </div>
                                            <a href="tel:1-855-202-0123" style="color: #333">
                                                <div class="text">
                                                    <div class="call-title">1-855-202-0123</div>
                                                    <div class="font-12">(Mon-Fri  9am-5pm EST)</div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <!-- <a href="#" class="nav-help-faq">Check FAQ</a>
                                <div class="split-line">
                                    <span>Have a Question?</span>
                                </div>
                                <a href="#" class="nav-help-tel">1-855-202-0123</a>
                                <a href="#" class="tel-desc">Mon-Fri 9am-5pm EST</a>
                                <a href="#" class="nav-help-email">Email Us</a>
                                <a href="#" class="nav-help-chat">Live Chat</a>
                                <div class="split-line">
                                    <span>Trusted Store</span>
                                </div>
                                <div class="nav-help-protect mb-3">
                                    We are committed to protecting your
                                    <a href="/">privacy & shopping security</a>, visit it to learn more.
                                </div>
                                <a href="#" class="nav-help-online">How to Buy Glasses Online? Measure PD at
                                    Home</a> -->
                            </div>
                        </li>
                        <li class="nav-item navbar-hover currency">
                            <a class="nav-link font-weight-normal mt-1" href="javascript:;">$ USD</a>
                            <div id="currency" class="navbar-hover-menu navbar-hover-icon" style="right: 0px">
                                                                                                            <a href="https://www.glassesshop.com/browline-eyeglasses?currency=USD"
                                           class="active">$ USD</a>
                                                                                                </div>
                        </li>
                    </ul>
                </div>
                <!-- sign in Acount -->
                <div class="d-lg-none position-absolute">
                    <div class="collapse mobile-collapse" id="signAndAccount">
                        <div class="row mobile-mask m-0">
                            <ul class="col-md-9 col-10 mobile-mask-content">
                                <li class="mobile-mask-header mobile-close">
                                                                            <div class="inline-block nVip-content">
                                            <a href="/login">Log in</a>
                                            |
                                            <a href="/register">Sign up</a>
                                        </div>
                                                                        <a class="navbar-toggler collapsed navbar-close" data-toggle="collapse"
                                       data-target="#signAndAccount" aria-controls="signAndAccount"
                                       aria-expanded="true" aria-label="Toggle navigation">
                                        <!-- <span>x</span> -->
                                    </a>
                                </li>
                                                                <ul class="nav nav-tabs mobile-tab">
                                    <li class="col-6">
                                        <a href="#category" data-toggle="tab" class="tab-title active">CATEGORY</a>
                                    </li>
                                    <li class="col-6">
                                        <a href="#shopBy" data-toggle="tab" class="tab-title">SHOP BY</a>
                                    </li>
                                </ul>
                                <div class="mobile-tab-content tab-content">
                                    <div class="tab-pane fade show active" id="category">
                                        <div class="shop-category">
                                            <div class="people like-screen row">
                                                                                                                                                            <a class="col-6" href="/women-eyeglasses">
                                                            <img class="img-fluid"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/628746a461c57.jpg"
                                                                 alt="women-eyeglasses"
                                                                 title="Women">
                                                            <div class="screen-text">Women</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-6" href="/men-eyeglasses">
                                                            <img class="img-fluid"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/628746969792b.jpg"
                                                                 alt="men-eyeglasses"
                                                                 title="Men">
                                                            <div class="screen-text">Men</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-6" href="/kids-eyeglasses">
                                                            <img class="img-fluid"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/62874689da725.jpg"
                                                                 alt="kids-eyeglasses"
                                                                 title="Kids">
                                                            <div class="screen-text">Kids</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-6" href="/sunglasses">
                                                            <img class="img-fluid"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6287467c32de9.jpg"
                                                                 alt="sunglasses"
                                                                 title="Sunglasses">
                                                            <div class="screen-text">Sunglasses</div>
                                                        </a>
                                                                                                                                                </div>
                                        </div>
                                        <div class="shop-lens">
                                            <div class="like-screen row">
                                                                                                                                                            <a class="col-3" href="/eyeglasses-new-arrivals"
                                                           title="New&lt;br/&gt;Arrivals">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6287475153a37.png"
                                                                 alt="New&lt;br/&gt;Arrivals"
                                                                 title="New&lt;br/&gt;Arrivals">
                                                            <div class="screen-text">New<br/>Arrivals</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-3" href="/bestsellers"
                                                           title="Best&lt;br/&gt;Seller">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/628747422614e.png"
                                                                 alt="Best&lt;br/&gt;Seller"
                                                                 title="Best&lt;br/&gt;Seller">
                                                            <div class="screen-text">Best<br/>Seller</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-3" href="/lenses/blue-light-blocking"
                                                           title="Blue&lt;br/&gt;Light">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/62874732a69b0.png"
                                                                 alt="Blue&lt;br/&gt;Light"
                                                                 title="Blue&lt;br/&gt;Light">
                                                            <div class="screen-text">Blue<br/>Light</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-3" href="/readers"
                                                           title="Readers">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6287466915cb1.png"
                                                                 alt="Readers"
                                                                 title="Readers">
                                                            <div class="screen-text">Readers</div>
                                                        </a>
                                                                                                                                                </div>
                                        </div>
                                        <div class="mobile-shop-link row">
                                            <li class="mobile-dropdown">
                                                <a class="brand-link-title" href="/free-home-try-on">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/tryon.png">Free Home Try-On
                                                </a>

                                                <a class="brand-link-title" href="/buy-one-get-one-free">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/BOGO.png">BOGO
                                                    Free
                                                </a>

                                                <a class="brand-link-title" href="/brands/gudvue">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/GV.png">GUDVUE
                                                </a>

                                                <a class="brand-link-title" href="/collection/editor-choice">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/editor-choice.png">Editor’s
                                                    Choice
                                                </a>

                                                <a class="brand-link-title" href="/affordable-eyeglasses">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/9.95.png">$9.95
                                                    Glasses
                                                </a>

                                                <a class="mobile-dropdown-title" data-toggle="collapse"
                                                   href="#brand" role="button" aria-expanded="false"
                                                   aria-controls="brand">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/collection.png">Collection
                                                </a>

                                                <div class="collapse mobile-dropdown-content" id="brand">
                                                    <a href="https://www.glassesshop.com/collection/acetate-glasses">
                                                        Acetate Glasses
                                                    </a>
                                                    <a href="/screwless-eyeglasses">
                                                        Screwless Glasses
                                                    </a>
                                                    <a href="/collection/tortoise-shell-glasses">
                                                        Tortoiseshell Glasses
                                                    </a>
                                                    <a href="/small-glasses">
                                                        Small Glasses
                                                    </a>
                                                    <a href="/accessories">
                                                        Accessories
                                                    </a>
                                                    <a href="/collections">
                                                        All Collections
                                                    </a>
                                                </div>

                                                <a class="mobile-dropdown-title" data-toggle="collapse"
                                                   href="#lenses" role="button" aria-expanded="false"
                                                   aria-controls="lenses">
                                                    <img class="img-fluid brand-img"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/category/lens.png">Lenses
                                                </a>
                                                <div class="collapse mobile-dropdown-content" id="lenses">
                                                    <a href="/lenses">
                                                        Our Lenses
                                                    </a>
                                                    <a href="/lenses/blue-light-blocking">
                                                        Blue Block
                                                    </a>
                                                    <a href="/lenses/blue-block-pro">
                                                        Blue Block Pro
                                                    </a>
                                                    <a href="/progressive-eyeglasses">
                                                        Progressive
                                                    </a>
                                                    <a href="/lenses/photochromic">
                                                        Photochromic
                                                    </a>
                                                </div>
                                            </li>
                                        </div>
                                        <div class="mobile-shop-link row">
                                            <li class="mobile-dropdown">
                                                <a class="mobile-dropdown-title" data-toggle="collapse"
                                                   href="#help" role="button" aria-expanded="false"
                                                   aria-controls="help">
                                                    <img class="img-fluid brand-img"
                                                         src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/help-icon.svg">Help
                                                </a>
                                                <div class="collapse mobile-dropdown-content" id="help">
                                                    <a href="/doc/helpcenter">
                                                        Help Center
                                                    </a>
                                                    <a href="/doc/optical-faq">
                                                        FAQ
                                                    </a>
                                                    <a href="/doc/measure-pd">
                                                        Measure PD
                                                    </a>
                                                    <a href="/doc/about-us">
                                                        About Us
                                                    </a>

                                                </div>
                                                <a class="brand-link-title pt-3" href="/order-tracking">
                                                    <img class="img-fluid brand-img"
                                                         src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/track-icon.svg">Track
                                                    My Order
                                                </a>
                                            </li>
                                        </div>
                                        <div class="contact-us row">
                                            <div class="screen-title">
                                                Contact Us
                                            </div>
                                            <div class="contact-detail col-12 p-0">
                                                <div class="email">
                                                    <div class="img-box">
                                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/email-icon.svg">
                                                    </div>
                                                    <a href="mailto:service@glassesshop.com" style="color: #333">
                                                        <div class="text">
                                                            <div class="email-title">E-mail</div>
                                                            <div>service@GlassesShop.com</div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="liveChat">
                                                    <div class="img-box">
                                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/livechat-icon.svg">
                                                    </div>
                                                    <a href="javascript:;" class="nav-help-chat live-chat"
                                                       style="color: #333">
                                                        <div class="text">
                                                            <div class="email-title">Live Chat</div>
                                                            <div>9 am to 5 pm Mon.to Fri.(EST)</div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="call">
                                                    <div class="img-box">
                                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/mobile/index/call-icon.svg">
                                                    </div>
                                                    <a href="tel:1-855-202-0123" style="color: #333">
                                                        <div class="text">
                                                            <div class="email-title">Call: 1-855-202-0123</div>
                                                            <div>9 am to 5 pm Mon.to Fri.(EST)</div>
                                                        </div>
                                                    </a>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="shopBy">
                                        <div class="shop-shape">
                                            <div class="screen-title">
                                                Shop by shape
                                            </div>
                                            <div class="like-screen row m-0">
                                                <a class="col-4" href="/rectangle-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Rectangle.jpg">
                                                    <div class="screen-text">Rectangle</div>
                                                </a>
                                                <a class="col-4" href="/round-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Round.jpg">
                                                    <div class="screen-text">Round</div>
                                                </a>
                                                <a class="col-4" href="/cateye-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Cateye.jpg">
                                                    <div class="screen-text">Cateye</div>
                                                </a>
                                                <a class="col-4" href="/browline-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Browline.jpg">
                                                    <div class="screen-text">Browline</div>
                                                </a>
                                                <a class="col-4" href="/aviator-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Aviator.jpg">
                                                    <div class="screen-text">Aviator</div>
                                                </a>
                                                <a class="col-4" href="/square-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Square.jpg">
                                                    <div class="screen-text">Square</div>
                                                </a>
                                                <a class="col-4" href="/oval-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Oval.jpg">
                                                    <div class="screen-text">Oval</div>
                                                </a>
                                                <a class="col-4" href="/polygon-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Polygon.jpg">
                                                    <div class="screen-text">Polygon</div>
                                                </a>
                                                <a class="col-4" href="/horn-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/shape/Horn.jpg">
                                                    <div class="screen-text">Horn</div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="shop-color">
                                            <div class="screen-title">
                                                Shop by color
                                            </div>
                                            <div class="like-screen row m-0">
                                                <a class="col-4" href="/clear-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/clear.png">
                                                    <div class="screen-text">Clear</div>
                                                </a>
                                                <a class="col-4" href="/pride-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/rainbow.png">
                                                    <div class="screen-text">Rainbow</div>
                                                </a>
                                                <a class="col-4" href="/collection/tortoise-shell-glasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/tortoise.png">
                                                    <div class="screen-text">Tortoise</div>
                                                </a>
                                                <a class="col-4" href="/black-glasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/black.png">
                                                    <div class="screen-text">Black</div>
                                                </a>
                                                <a class="col-4" href="/brown-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/brown.png">
                                                    <div class="screen-text">Brown</div>
                                                </a>
                                                <a class="col-4" href="/gold-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/gold.png">
                                                    <div class="screen-text">Gold</div>
                                                </a>
                                                <a class="col-4" href="/gray-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/gray.png">
                                                    <div class="screen-text">Gray</div>
                                                </a>
                                                <a class="col-4" href="/green-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/green.png">
                                                    <div class="screen-text">Green</div>
                                                </a>
                                                <a class="col-4" href="/blue-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/blue.png">
                                                    <div class="screen-text">Blue</div>
                                                </a>
                                                <a class="col-4" href="/red-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/red.png">
                                                    <div class="screen-text">Red</div>
                                                </a>
                                                <a class="col-4" href="/purple-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/purple.png">
                                                    <div class="screen-text">Purple</div>
                                                </a>
                                                <a class="col-4" href="/rose-gold-eyeglasses">
                                                    <img class="img-fluid"
                                                         src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/nav-new/color/rose-gold.png">
                                                    <div class="screen-text">Rose gold</div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="shop-category">
                                            <div class="screen-title">
                                                Shop by category
                                            </div>
                                            <div class="like-screen row">
                                                                                                                                                            <a class="col-6" href="/polarized-sunglasses"
                                                           title="Polarized sunglasses">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6287471c08f7f.jpg"
                                                                 alt="Polarized sunglasses"
                                                                 title="Polarized sunglasses">
                                                            <div class="screen-text">Polarized sunglasses</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-6" href="/small-glasses"
                                                           title="Small glasses">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/6287471062e3a.jpg"
                                                                 alt="Small glasses"
                                                                 title="Small glasses">
                                                            <div class="screen-text">Small glasses</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-6" href="/adjustable-nose-pads-eyeglasses"
                                                           title="Adjustable nose pads">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/62874701bdec5.jpg"
                                                                 alt="Adjustable nose pads"
                                                                 title="Adjustable nose pads">
                                                            <div class="screen-text">Adjustable nose pads</div>
                                                        </a>
                                                                                                                                                                                                                <a class="col-6" href="/spring-hinge-eyeglasses"
                                                           title="Spring hinge">
                                                            <img class="d-block w-100 mb-1"
                                                                 src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,c_pad/banners/628746f2ceef2.jpg"
                                                                 alt="Spring hinge"
                                                                 title="Spring hinge">
                                                            <div class="screen-text">Spring hinge</div>
                                                        </a>
                                                                                                                                                </div>
                                        </div>
                                    </div>
                                                                    </div>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- search -->
                <div class="d-lg-none position-absolute">
                    <div class="collapse mobile-collapse" id="navSearch">
                        <form class="form-mobile nav-form-search" method="get" action="/search">
                            <input class="form-control mr-sm-2 input-search input-search-mobile" id="input-search-mobile" type="search"
                                   placeholder="Search..." aria-label="Search" name="q">
                            <div class="easy-autocomplete easy-autocomplete-container" id="easy-autocomplete-container">

                            </div>
                            <button class="btn btn-outline-success my-2 my-sm-0" type="submit"></button>
                            <div class="pt-3 mt-3 mb-4 popular-queries" id="popular-queries">
                                <p class="mobile-search-title">Popular Queries</p>
                                <div class="popular-searches">
                                    <a href="/prescription-sunglasses" class="hot">Prescription Sunglasses</a>
                                    <a href="/clip-on-sunglasses" class="hot">Clip-on</a>
                                    <a href="/eyeglasses/fp2514" class="hot">Hannah</a>
                                    <a href="/pride-eyeglasses">Rainbow</a>

                                    <a href="/eyeglasses/fp2043">Taurus</a>
                                    <a href="/lenses/blue-light-blocking">Blue
                                        light</a>
                                    <a href="/eyeglasses/fp2434">Lydia</a>

                                    <a href="/small-glasses">Small Glasses</a>
                                    <a href="/rectangle-eyeglasses">Rectangle</a>
                                    <a href="/eyeglasses/fp2298">Denise </a>

                                    <a href="/progressive-eyeglasses">Progressive</a>
                                    <a href="/eyeglasses/fm1354">Haywood</a>

                                    <a href="/clear-eyeglasses">Clear</a>



                                </div>
                            </div>
                            <div class="mobile-search-suggestions">
                                <p class="mobile-search-title mb-0">Product Suggestions</p>
                                <div class="search-suggestions-poduct" id="search-suggestions-poduct">
                                </div>
                            </div>
                            <div class="mobile-search-featured">
                                <p class="mobile-search-title">Featured</p>
                                <div class="search-featured">
                                    <div class="search-featured-content">
                                        <a href="/lenses/blue-light-blocking">
                                            <img class="img-fluid" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/bluelight.jpg">
                                            Blue Light Blocking
                                        </a>
                                    </div>
                                    <div class="search-featured-content">
                                        <a href="/lenses/transitions">
                                            <img class="img-fluid" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/transitions.jpg">
                                            Transitions
                                        </a>
                                    </div>
                                    <div class="search-featured-content">
                                        <a href="/lenses/mirrored">
                                            <img class="img-fluid" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/mirrored.jpg">
                                            Mirrored
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- search -->
                <!-- create-account -->
                <div class="d-lg-none position-absolute">
                    <div class="collapse mobile-collapse" id="navCreateAccount">
                        <div class="mobile-create-account pt-3 pb-3">
                            <h3 class="text-center font-14">Create an Account</h3>
                            <p>Please provide the following information to create an account</p>
                            <form class="form-mobile nav-form-account header-sign-up-form" method="post">
                                <input type="hidden" name="_token" value="TPS95a8aBTcuD7pIymSKaAU51Fk8dLj90inDVGSI">                                <div class="form-group mb-5">
                                    <input type="email" name="email" class="form-control form-control-lg"
                                           aria-describedby="emailHelp" placeholder="Email">
                                </div>
                                <div class="form-group mb-5">
                                    <input type="text" name="firstname" class="form-control form-control-lg"
                                           aria-describedby="First Name" placeholder="First Name">
                                </div>
                                <div class="form-group mb-5">
                                    <input type="text" name="lastname" class="form-control form-control-lg"
                                           aria-describedby="Last Name" placeholder="Last Name">
                                </div>
                                <div class="form-group mb-5">
                                    <input type="password" name="password" id="register-password"
                                           class="form-control form-control-lg"
                                           aria-describedby="Password" placeholder="Password">
                                </div>
                                <div class="form-group mb-3">
                                    <input type="password" name="password_confirmation"
                                           class="form-control form-control-lg"
                                           aria-describedby="Confirm Password" placeholder="Confirm Password">
                                </div>
                                <div class="form-group form-check">
                                    <label class="form-check-label">
                                        <input type="checkbox" class="form-check-input" name="newsletter"
                                               checked="checked">
                                        &nbsp;&nbsp;Sign me up for the Special Deals Newsletter
                                    </label>
                                </div>
                                <div class="form-group form-check mb-5">
                                    <label class="form-check-label">
                                        <input type="checkbox" class="form-check-input" name="accept-policy"
                                               checked="checked">&nbsp;&nbsp;
                                        I have read the
                                        <a href="/doc/privacy" class="color-link" target="_blank">Privacy Policy.</a>
                                    </label>
                                </div>
                                <button class="btn btn-base my-2 my-sm-0 header-sign-up-form-button" type="button">
                                    Register
                                </button>
                                <div class="mobile-create-footer text-center pt-5">
                                    <p class="m-0">Already have an account?</p>
                                    <a href="#" class="color-link" data-toggle="collapse" data-target="#signIn"
                                       aria-controls="signIn" aria-expanded="false" aria-label="Toggle navigation">
                                        <span data-toggle="collapse" data-target="#navCreateAccount"
                                              aria-expanded="true">
                                            Login here
                                        </span>
                                    </a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- create-account -->
            </div>
        </nav>
    </header>

    <main class="glasses-main">
        <!-- Content here -->
            <div class="container-content">
            <!-- Category Description -->
            <!-- 头部banner 图 -->
    <div class="row slider slider-banners d-lg-none float-none h-auto w-auto">
        <div>
                            <img src="https://glassesshop-res.cloudinary.com/categories/623bd52b4df16.jpg" class="d-block w-100" alt=""/>
                    </div>
    </div>
<!-- 头部banner 图 -->

    <div class="d-none d-lg-block category-banner-content">
                                    <img src="https://glassesshop-res.cloudinary.com/categories/623bd5297be2f.jpg" alt="" class="img-fluid w-100"/>
                        <div class="banner-text-container">
                <div class="banner-text-content">
                    <h1>Browline Eyeglasses</h1>
                    <div class="text-section">
                        <p>Browline glasses-one of the perfect retro looks. The name derives from the fact that the &quot;bold&quot; upper part of the frames frame the lenses in the same way that eyebrows frame the eyes. Since the 1950s, it became one of the most popular styles of glasses. After 1980, people gradually use them as sunglasses.</p>
                    </div>
                    <div class="text-section">
                        <p>Do you also like the style design of Browline glasses? Browse now and choose a frame to match it with prescription lenses or sunglasses. It can create a perfect look combining retro and modern for you on any occasion.</p>
                    </div>
                </div>
            </div>
            </div>
    <div class="text-center mt-4 d-block d-lg-none">
        <div class="row">
            <div class="col-12 mb-5 mt-4">
                <h1 class="g-excluded-title font-30 font-weight-bold">Browline Eyeglasses</h1>
                <div id="desc-text">
                    <p>Browline glasses-one of the perfect retro looks. The name derives from the fact that the &quot;bold&quot; upper part of the frames frame the lenses in the same way that eyebrows frame the eyes. Since the 1950s, it became one of the most popular styles of glasses. After 1980, people gradually use them as sunglasses.</p>
                </div>
                                    <div class="home-desc-more">
                        <p>Do you also like the style design of Browline glasses? Browse now and choose a frame to match it with prescription lenses or sunglasses. It can create a perfect look combining retro and modern for you on any occasion.</p>
                    </div>
                    <i id="desc-show" class="fa fa-angle-down align-text-top desc-show" style="font-size: 22px"
                       aria-hidden="true"></i>
                            </div>
        </div>
    </div>


            
        <!-- lenses页面 -->
                    <!-- lenses页面 -->

                    </div>
    
    <!-- 面包屑导航 -->
        <!-- 面包屑导航 -->
                
        <!-- 面包屑 -->
            <div class="container-content">
            <nav aria-label="breadcrumb" class="row col-12 mt-lg-3">
                <ol class="breadcrumb breadcrumb-wrapper col-12 m-0 pt-0 pb-0 font-14">
                                                                                                        <li class="breadcrumb-item"><a
                                        href="/">Home</a>
                                </li>
                                                                                                                            <li class="breadcrumb-item active" aria-current="page">Browline Eyeglasses</li>
                                                            </ol>
            </nav>
            <!-- 移动端Top Choices -->
                    <!-- 移动端Top Choices -->
        </div>
        <!-- 面包屑 -->

    <div class="container-content">
        
            <!-- 移动端头部过滤导航 -->
































































            <!-- 移动端头部过滤导航 -->

            <!-- PC端: TOP CHOICES --start -->
                        <!-- PC端: TOP CHOICES --end -->

            <!-- filters -->
            <!-- <div class="filters-main"> -->

            <!-- </div> -->
            <!-- 移动端filter -->
                <div class="mobile-collapse d-lg-none collapse" id="Filters-mb" style="">
    <header class="col-12 d-lg-none filters-header fixed-top">
        <h3 class="filter-title text-center font-16 m-0">
            Filter
            <a href="javascript:;" class="navbar-toggler navbar-close" data-toggle="collapse" data-target="#Filters-mb" aria-controls="Filters-mb" aria-expanded="true">
            </a>
        </h3>
    </header>
    <div class="col-12">
        <ul class="filter-wrap row flex-lg-nowrap">
                            <!-- GENDER -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-gender">
                    <div class="filter-menu">
                        <span>Gender</span>
                        <span>
                            <a href="#" class="color-link d-lg-none select-text">
                                                            </a>
                            <i class="icon-arrow-down"></i>
                        </span>
                    </div>
                    <div class="filter-down filter-down-gender">
                        <div class="row m-0">
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Unisex"
                                        >
                                    Unisex
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Men"
                                        >
                                    Men
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Women"
                                        >
                                    Women
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Kids"
                                        >
                                    Kids
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- GENDER -->
            
            <!-- SIZE -->
            <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-size">
                <div class="filter-menu">
                    <span>Size</span>
                    <span>
                        <a href="#" class="color-link d-lg-none select-text">
                                                    </a>
                        <i class="icon-arrow-down"></i>
                    </span>
                </div>
                <div class="filter-down filter-down-size pb-lg-5 pb-0">
                    <div class="row m-0 filter-size-options">
                        <div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="size" value="s"
                                    >
                                Small: 110-135 mm
                            </label>
                        </div>
                        <div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="size" value="m"
                                    >
                                Medium: 136-140 mm
                            </label>
                        </div>
                        <div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="size" value="l"
                                    >
                                Large: 141+ mm
                            </label>
                        </div>
                        <div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1 custom-size" id="custom-size"
                                    >
                                Custom
                            </label>
                        </div>
                        <div class="d-none pr-3">
                            <a href="#" class="color-link">Size Guide</a>
                        </div>
                    </div>
                    <div class="row pt-3 m-lg-0 ml-n2 mr-n2 custom-size-content">
                        <div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
                            <span class="slider-icon pr-3">
                                <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-5.png" alt="">
                            </span>
                            <div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
                                <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Frame Width</div>
                                <div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="110" data-max="150" data-obj="frame-width"
                                     data-value="">
                                    <div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
                                </div>
                                <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                    <span class="float-lg-left slider-value">110mm</span>
                                    <span class="d-lg-none pl-2 pr-2">-</span>
                                    <span class="float-lg-right slider-value">150mm</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
                            <span class="slider-icon pr-3">
                                <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-6.png" alt="">
                            </span>
                            <div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
                                <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Width</div>
                                <div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="40" data-max="70" data-obj="lens-width"
                                     data-value="">
                                    <div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
                                </div>
                                <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                    <span class="float-lg-left slider-value">40mm</span>
                                    <span class="d-lg-none pl-2 pr-2">-</span>
                                    <span class="float-lg-right slider-value">70mm</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
                            <span class="slider-icon pr-3">
                                <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-2.png" alt="">
                            </span>
                            <div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
                                <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Height</div>
                                <div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="20" data-max="60" data-obj="lens-height"
                                     data-value="">
                                    <div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
                                </div>
                                <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                    <span class="float-lg-left slider-value">20mm</span>
                                    <span class="d-lg-none pl-2 pr-2">-</span>
                                    <span class="float-lg-right slider-value">60mm</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
                            <span class="slider-icon pr-3">
                                <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-3.png" alt="">
                            </span>
                            <div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
                                <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Bridge Width</div>
                                <div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="10" data-max="30" data-obj="bridge-width"
                                     data-value="">
                                    <div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
                                </div>
                                <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                    <span class="float-lg-left slider-value">10mm</span>
                                    <span class="d-lg-none pl-2 pr-2">-</span>
                                    <span class="float-lg-right slider-value">30mm</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
                            <span class="slider-icon pr-3">
                                <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-4.png" alt="">
                            </span>
                            <div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
                                <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Arm Length</div>
                                <div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="130" data-max="160" data-obj="arm-length"
                                     data-value="">
                                    <div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
                                </div>
                                <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                    <span class="float-lg-left slider-value">130mm</span>
                                    <span class="d-lg-none pl-2 pr-2">-</span>
                                    <span class="float-lg-right slider-value">160mm</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <!-- SIZE -->
            <!-- shape -->
            <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-shape">
                <div class="filter-menu">
                    <span>Shape</span>
                    <span>
                    <a href="#" class="color-link d-lg-none select-text">
                                            </a>
                    <i class="icon-arrow-down"></i>
                </span>
                </div>
                <div class="filter-down filter-down-shape">
                    <div class="row m-0">
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="Rectangle"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon1.svg" alt="">
                                </span>
                                <span>Rectangle</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="Round"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon2.svg" alt="">
                                </span>
                                <span>Round</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="Aviator"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon3.svg" alt="">
                                </span>
                                <span>Aviator</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="Cat Eye"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon4.svg" alt="">
                                </span>
                                <span>Cat Eye</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="browline"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon5.svg" alt="">
                                </span>
                                <span>Browline</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="Square"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon6.svg" alt="">
                                </span>
                                <span>Square</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="Oval"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon7.svg" alt="">
                                </span>
                                <span>Oval</span>
                            </label>
                        </div>

                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="polygon"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon9.svg" alt="">
                                </span>
                                <span>Polygon</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                       value="horn"/>
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon10.svg" alt="">
                                </span>
                                <span>Horn</span>
                            </label>
                        </div>
                    </div>
                </div>
            </li>
            <!-- shape -->
            <!-- Material -->
            <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-material">
                <div class="filter-menu">
                    <span>Material</span>
                    <span>
                        <a href="#" class="color-link d-lg-none select-text">
                                                    </a>
                        <i class="icon-arrow-down"></i>
                    </span>
                </div>
                <div class="filter-down filter-down-material">
                    <div class="row m-0">
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Metal"
                                    >
                                Metal
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Titanium"
                                    >
                                Titanium
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Ultem"
                                    >
                                Ultem
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="TR90"
                                    >
                                TR90
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Plastic"
                                    >
                                Plastic
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Acetate"
                                    >
                                Acetate
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Silica-gel"
                                    >
                                Silica-gel
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="material" value="Stainless Steel"
                                    >
                                Stainless Steel
                            </label>
                        </div>
                    </div>
                </div>
            </li>
            <!-- Material -->
            <!-- Frame -->
            <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-frame">
                <div class="filter-menu">
                    <span>Frame</span>
                    <span>
                        <a href="#" class="color-link d-lg-none select-text">
                                                    </a>
                        <i class="icon-arrow-down"></i>
                    </span>
                </div>
                <div class="filter-down filter-down-shape">
                    <div class="row m-0">
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="frame" value="Full"
                                    >
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon11.svg" alt="">
                                </span>
                                <span>Full</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="frame" value="Semi-Rimless"
                                    >
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon12.svg" alt="">
                                </span>
                                <span>Semi-Rimless</span>
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-3">
                            <label class="p-lg-0 pb-3">
                                <input type="checkbox" class="form-checkbox mt-n1" name="frame" value="Rimless"
                                    >
                                <span class="slider-icon pr-3 pl-3">
                                    <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon13.svg" alt="">
                                </span>
                                <span>Rimless</span>
                            </label>
                        </div>
                    </div>
                </div>
            </li>
            <!-- Frame -->
            <!-- Color -->
            <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-color d-lg-block">
                <div class="filter-menu">
                    <span>Color</span>
                    <span>
                    <a href="#" class="color-link d-lg-none select-text">
                                            </a>
                    <i class="icon-arrow-down"></i>
                </span>
                </div>
                <div class="filter-down filter-down-color">
                    <div class="row product-colors m-0 justify-content-start">
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Black"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-black"></i>
                                </span>
                                <span class="pl-3">Black</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Blue"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-blue"></i>
                                </span>
                                <span class="pl-3">Blue</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Brown"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-brown"></i>
                                </span>
                                <span class="pl-3">Brown</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Burgundy"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-burgundy"></i>
                                </span>
                                <span class="pl-3">Burgundy</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4 pr-0">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Champagne"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-champagne"></i>
                                </span>
                                <span class="pl-3">Champagne</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Chocolate"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-chocolate"></i>
                                </span>
                                <span class="pl-3">Chocolate</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Crystal"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-crystal"></i>
                                </span>
                                <span class="pl-3">Crystal</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Cyan"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-cyan-tortoise"></i>
                                </span>
                                <span class="pl-3">Cyan</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Floral"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-floral"></i>
                                </span>
                                <span class="pl-3">Floral</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Golden"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-golden"></i>
                                </span>
                                <span class="pl-3">Golden</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Gray"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-gray"></i>
                                </span>
                                <span class="pl-3">Gray</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Green"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-green"></i>
                                </span>
                                <span class="pl-3">Green</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Gunmetal"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-gunmetal"></i>
                                </span>
                                <span class="pl-3">Gunmetal</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Lavender"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-lavender"></i>
                                </span>
                                <span class="pl-3">Lavender</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Multicolor"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-multicolor"></i>
                                </span>
                                <span class="pl-3">Multicolor</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Orange"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-orange"></i>
                                </span>
                                <span class="pl-3">Orange</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Pink"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-pink"></i>
                                </span>
                                <span class="pl-3">Pink</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Purple"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-purple"></i>
                                </span>
                                <span class="pl-3">Purple</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Red"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-red"></i>
                                </span>
                                <span class="pl-3">Red</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Rose"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-rose"></i>
                                </span>
                                <span class="pl-3">Rose</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Rose Gold"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-rose-gold"></i>
                                </span>
                                <span class="pl-3">Rose Gold</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Silver"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-silver"></i>
                                </span>
                                <span class="pl-3">Silver</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Tortoise"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-tortoise"></i>
                                </span>
                                <span class="pl-3">Tortoise</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="White"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-white"></i>
                                </span>
                                <span class="pl-3">White</span>
                            </label>
                        </div>
                        <div class="col-6 col-lg-4 mb-lg-3 mb-4">
                            <label class="d-flex align-items-center">
                                <input type="checkbox" class="form-checkbox mr-3" name="color" value="Yellow"
                                    >
                                <span class="product-color m-0">
                                    <i class="color color-yellow"></i>
                                </span>
                                <span class="pl-3">Yellow</span>
                            </label>
                        </div>
                    </div>
                </div>
            </li>
            <!-- COLOR -->
            <!-- Feature -->
            <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-feature">
                <div class="filter-menu">
                    <span>Feature</span>
                    <span>
                        <a href="#" class="color-link d-lg-none select-text">
                                                    </a>
                        <i class="icon-arrow-down"></i>
                    </span>
                </div>
                <div class="filter-down filter-down-feature">
                    <div class="row m-0">
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Single Vision"
                                    >
                                Single Vision
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Bifocal"
                                    >
                                Bifocal
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Progressive"
                                    >
                                Progressive
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Spring Hinge"
                                    >
                                Spring Hinge
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Lightweight"
                                    >
                                Lightweight
                            </label>
                        </div>
                        <div class="col-12 col-lg-6 mb-lg-3 mb-4">
                            <label>
                                <input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Adjustable Nose Pads"
                                    >
                                Adjustable Nose Pads
                            </label>
                        </div>
                    </div>
                </div>
            </li>
            <!-- prescription -->
            <!-- Feature -->
            <li class="position-relative col-12 filter-item filter-item-prescription d-none">
                <div class="row p-b">
                    <div class="col-12 p-a">
                        <label class="m-0">
                            <input class="form-checkbox mt-n1" type="checkbox">
                            Eligible for your prescription
                        </label>
                    </div>
                    <div class="col-12 p-a pt-0">
                        <input type="text" class="form-control font-14 font-weight-bold" aria-label="Large" placeholder="My RX">
                    </div>
                    <div class="col-12 p-a pt-0">
                        <button type="button" class="btn font-16 font-weight-bold w-100">
                            Enter New Prescription
                        </button>
                    </div>
                </div>
            </li>
            <li class="position-relative col-12 d-lg-none filter-item filter-item-prescription">
                <div class="row pb-5 filter-submit fixed align-items-center">
                    <div class="pt-5 col-4 p-0 text-center">
                        <div class="product-filter-num">
                            25
                        </div>
                        <div>
                            Products
                        </div>
                    </div>
                    <div class="d-flex col-8 pl-0">
                        <div class="col-6 pl-0 pr-2 pt-5">
                            <button type="button" class="font-14 btn btn-transparent font-weight-bold w-100 js-filter-mb-clear">
                                Clear All
                            </button>
                        </div>
                        <div class="col-6 pl-2 pr-0 pt-5">
                            <button type="button" class="font-14 btn font-weight-bold w-100 js-filter-apply">
                                Apply Filters
                            </button>
                        </div>
                    </div>
                </div>
            </li>
            <!-- prescription -->
            <!-- SORT BY Popularity -->
























            <!-- SORT BY Popularity -->






        </ul>
    </div>
</div>
            <!-- 移动端filter -->

            <!-- filters -->
            <!-- grid切换 -->
            <div class="grid_switch d-lg-none mt-2 mb-3">
                <div class="row">
                    <div class="col-12 list-grid-content">
                        <div class="list-grid">
                            <div class="d-flex">
                                <div class="categories-sort font-15">
                                    <a href="javascript:void(0);" class="sort-by-mobile navbar-toggler collapsed font-15 p-0" data-toggle="collapse" data-target="#SortBy" aria-controls="SortBy" aria-expanded="false" style="color: #3EA0C0 !important">
                                        <!-- Popularity -->
                                        Sort
                                    </a>
                                    <div class="collapse mobile-collapse filter-item-sort" id="SortBy">
                                        <div class="row filter-content">
                                            <div class="col-12">
                                                <a href="javascript:void(0);" class="sort-item d-block  active  " data-val="Popularity" data-toggle="collapse" data-target="#SortBy">Popularity</a>
                                            </div>
                                            <div class="col-12">
                                                <a href="javascript:void(0);" class="sort-item d-block  " data-val="isNew" data-toggle="collapse" data-target="#SortBy">New Arrivals</a>
                                            </div>
                                            <div class="col-12">
                                                <a href="javascript:void(0);" class="sort-item d-block  " data-val="pd" data-toggle="collapse" data-target="#SortBy">Price: High to Low</a>
                                            </div>
                                            <div class="col-12">
                                                <a href="javascript:void(0);" class="sort-item d-block  " data-val="pa" data-toggle="collapse" data-target="#SortBy">Price: Low to High</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="categories-filter font-15">
                                    <a href="javascript:void(0);" class="navbar-toggler collapsed font-15 p-0 navbar-toggler-filter" data-toggle="collapse" data-target="#Filters-mb" aria-controls="Filters-mb" aria-expanded="true"
                                        >
                                        Filter
                                    </a>
                                </div>
                            </div>
                            <div>
                                <span data-column="1" data-event-cate="Category" data-event-name="Product Actions" data-event-label="Show 2 Products" class="grid JS_grid_switch first pr-3  grid-current">
                                    <i class="fa fa-align-justify font-18" aria-hidden="true"></i>
                                </span>
                                <span data-column="2" data-event-cate="Category" data-event-name="Product Actions" data-event-label="Show 1 Products" class="grid JS_grid_switch grid-other ml-3  grid-other">
                                    <i class="fa fa-th-large font-18" aria-hidden="true"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- grid切换 end -->
        
        <!-- product -->
                    <div class="row m-0">

                <div class="col-12 sort-by d-none d-lg-block">
                    Sort by
                    <div class="d-inline-block position-relative ml-4">
                        <div class="filter-select-sort" tabindex="0">
                            <div class="filter-sort-text">                                    Popularity
                                    </span></span></div>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/cart-new/select.svg">
                        </div>
                        <input type="hidden" id="list-sort" name="sort"
                               value=""/>
                        <div class="filter-sort-down filter-down-sort filter-item-sort">
                            <div class="row">
                                <div class="col-12">
                                    <a href="javascript:void(0);"
                                       class="sort-item d-block text-decoration-none"
                                       data-val="Popularity">Popularity</a>
                                </div>
                                <div class="col-12">
                                    <a href="javascript:void(0);"
                                       class="sort-item d-block text-decoration-none"
                                       data-val="isNew">New Arrivals</a>
                                </div>
                                <div class="col-12">
                                    <a href="javascript:void(0);"
                                       class="sort-item d-block text-decoration-none"
                                       data-val="pd">Price: High to Low</a>
                                </div>
                                <div class="col-12">
                                    <a href="javascript:void(0);"
                                       class="sort-item d-block text-decoration-none"
                                       data-val="pa">Price: Low to High</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="left-filters d-none d-lg-block">
                        <!-- filters start -->
                        <div class="sticky-top">
    <div class="collapse mobile-collapse d-lg-block" id="Filters">
        <div class="col-12">
            <ul class="filter-wrap">
                
                                    <!-- GENDER -->
                    <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-gender">
                        <div class="filter-menu">
                            <span>Gender</span>
                            <span>
                                <a href="#" class="color-link d-lg-none">
                                </a>
                                <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                            </span>
                        </div>
                        <div class="filter-down filter-down-gender">
                            <div class="row m-0">
                                <div class="col-6 mb-lg-3 mb-4">
                                    <label>
                                        <input type="checkbox" class="form-checkbox mt-n1" name="gender"
                                               value="Unisex" />
                                        Unisex
                                    </label>
                                </div>
                                <div class="col-6 mb-lg-3 mb-4">
                                    <label>
                                        <input type="checkbox" class="form-checkbox mt-n1" name="gender"
                                               value="Men"/>
                                        Men
                                    </label>
                                </div>
                                <div class="col-6 mb-lg-3 mb-4">
                                    <label>
                                        <input type="checkbox" class="form-checkbox mt-n1" name="gender"
                                               value="Women"/>
                                        Women
                                    </label>
                                </div>
                                <div class="col-6 mb-lg-3 mb-4">
                                    <label>
                                        <input type="checkbox" class="form-checkbox mt-n1" name="gender"
                                               value="Kids"/>
                                        Kids
                                    </label>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- GENDER -->
                
                <!-- shape -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-shape">
                    <div class="filter-menu">
                        <span>Shape</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-shape">
                        <div class="row m-0">
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="Rectangle"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon1.svg" alt="">
                                    </span>
                                    <span>Rectangle</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="Round"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon2.svg" alt="">
                                    </span>
                                    <span>Round</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="Aviator"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon3.svg" alt="">
                                    </span>
                                    <span>Aviator</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="Cat Eye"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon4.svg" alt="">
                                    </span>
                                    <span>Cat Eye</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="browline"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon5.svg" alt="">
                                    </span>
                                    <span>Browline</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="Square"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon6.svg" alt="">
                                    </span>
                                    <span>Square</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="Oval"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon7.svg" alt="">
                                    </span>
                                    <span>Oval</span>
                                </label>
                            </div>

                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="polygon"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon9.svg" alt="">
                                    </span>
                                    <span>Polygon</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="shape"
                                           value="horn"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon10.svg" alt="">
                                    </span>
                                    <span>Horn</span>
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- shape -->

                <!-- Color -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-color">
                    <div class="filter-menu">
                        <span>Color</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-color">
                        <div class="row product-colors m-0 justify-content-start">
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Black"/>
                                    <span class="product-color m-0 "  title="Black">
                                        <i class="color color-black"></i>
                                    </span>
                                    <!-- <span class="pl-3">Black</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Blue"/>
                                    <span class="product-color m-0" title="Blue">
                                        <i class="color color-blue"></i>
                                    </span>
                                    <!-- <span class="pl-3">Blue</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Brown"/>
                                    <span class="product-color m-0" title="Brown">
                                        <i class="color color-brown"></i>
                                    </span>
                                    <!-- <span class="pl-3">Brown</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Burgundy"/>
                                    <span class="product-color m-0" title="Burgundy">
                                        <i class="color color-burgundy"></i>
                                    </span>
                                    <!-- <span class="pl-3">Burgundy</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4 pr-0">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Champagne"/>
                                    <span class="product-color m-0" title="Champagne">
                                        <i class="color color-champagne"></i>
                                    </span>
                                    <!-- <span class="pl-3">Champagne</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Chocolate"/>
                                    <span class="product-color m-0" title="Chocolate">
                                        <i class="color color-chocolate"></i>
                                    </span>
                                    <!-- <span class="pl-3">Chocolate</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Crystal"/>
                                    <span class="product-color m-0" title="Crystal">
                                        <i class="color color-crystal"></i>
                                    </span>
                                    <!-- <span class="pl-3">Crystal</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Cyan"/>
                                    <span class="product-color m-0" title="Cyan">
                                        <i class="color color-cyan-tortoise"></i>
                                    </span>
                                    <!-- <span class="pl-3">Cyan</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Floral"/>
                                    <span class="product-color m-0" title="Floral">
                                        <i class="color color-floral"></i>
                                    </span>
                                    <!-- <span class="pl-3">Floral</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Golden"/>
                                    <span class="product-color m-0" title="Golden">
                                        <i class="color color-golden"></i>
                                    </span>
                                    <!-- <span class="pl-3">Golden</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Gray"/>
                                    <span class="product-color m-0 " title="Gray">
                                        <i class="color color-gray"></i>
                                    </span>
                                    <!-- <span class="pl-3">Gray</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Green"/>
                                    <span class="product-color m-0" title="Green">
                                        <i class="color color-green"></i>
                                    </span>
                                    <!-- <span class="pl-3">Green</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Gunmetal"/>
                                    <span class="product-color m-0" title="Gunmetal">
                                        <i class="color color-gunmetal"></i>
                                    </span>
                                    <!-- <span class="pl-3">Gunmetal</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Lavender"/>
                                    <span class="product-color m-0" title="Lavender">
                                        <i class="color color-lavender"></i>
                                    </span>
                                    <!-- <span class="pl-3">Lavender</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Multicolor"/>
                                    <span class="product-color m-0" title="Multicolor">
                                        <i class="color color-multicolor"></i>
                                    </span>
                                    <!-- <span class="pl-3">Multicolor</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Orange"/>
                                    <span class="product-color m-0" title="Orange">
                                        <i class="color color-orange"></i>
                                    </span>
                                    <!-- <span class="pl-3">Orange</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Pink"/>
                                    <span class="product-color m-0" title="Pink">
                                        <i class="color color-pink"></i>
                                    </span>
                                    <!-- <span class="pl-3">Pink</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Purple"/>
                                    <span class="product-color m-0" title="Purple">
                                        <i class="color color-purple"></i>
                                    </span>
                                    <!-- <span class="pl-3">Purple</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Red"/>
                                    <span class="product-color m-0" title="Red">
                                        <i class="color color-red"></i>
                                    </span>
                                    <!-- <span class="pl-3">Red</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Rose"/>
                                    <span class="product-color m-0" title="Rose">
                                        <i class="color color-rose"></i>
                                    </span>
                                    <!-- <span class="pl-3">Rose</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Rose Gold"/>
                                    <span class="product-color m-0" title="Rose Gold">
                                        <i class="color color-rose-gold"></i>
                                    </span>
                                    <!-- <span class="pl-3">Rose Gold</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Silver"/>
                                    <span class="product-color m-0" title="Silver">
                                        <i class="color color-silver"></i>
                                    </span>
                                    <!-- <span class="pl-3">Silver</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Tortoise"/>
                                    <span class="product-color m-0" title="Tortoise">
                                        <i class="color color-tortoise"></i>
                                    </span>
                                    <!-- <span class="pl-3">Tortoise</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="White"/>
                                    <span class="product-color m-0" title="White">
                                        <i class="color color-white"></i>
                                    </span>
                                    <!-- <span class="pl-3">White</span> -->
                                </label>
                            </div>
                            <div class="filter-colors mb-lg-3 mb-4">
                                <label class="d-flex align-items-center justify-content-center ">
                                    <input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
                                                                value="Yellow"/>
                                    <span class="product-color m-0" title="Yellow">
                                        <i class="color color-yellow"></i>
                                    </span>
                                    <!-- <span class="pl-3">Yellow</span> -->
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- COLOR -->

                <!-- Material -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-material">
                    <div class="filter-menu">
                        <span>Material</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-material">
                        <div class="row m-0">
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Metal"/>
                                    Metal
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Titanium"/>
                                    Titanium
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Ultem"/>
                                    Ultem
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="TR90"/>
                                    TR90
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Plastic"/>
                                    Plastic
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Acetate"/>
                                    Acetate
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Silica-gel"/>
                                    Silica-gel
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="material"
                                           value="Stainless Steel"/>
                                    Stainless Steel
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- Material -->

                <!-- SIZE -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-size">
                    <div class="filter-menu">
                        <span>Size</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-size">
                        <div class="row m-0 filter-size-options">
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="size"
                                           value="s"/>
                                    Small: 110-135 mm
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="size"
                                           value="m"/>
                                    Medium: 136-140 mm
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="size"
                                           value="l"/>
                                    Large: 141+ mm
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1 custom-size"
                                           id="custom-size"/>
                                    Custom
                                </label>
                            </div>
                            <div class="d-none pr-3">
                                <a href="#" class="color-link">Size Guide</a>
                            </div>
                        </div>
                        <div class="row pt-3 m-lg-0 ml-n2 mr-n2 custom-size-content" >
                            <div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center  slider-wrap">
                                                <span class="slider-icon pr-3">
                                                    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-5.png" alt="">
                                                </span>
                                <div class="slider-range pl-3 pr-3">
                                    <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Frame Width</div>
                                    <div class="slider-base" data-min="110" data-max='150' data-obj="frame-width"
                                         data-value=""></div>
                                    <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                        <span class="float-lg-left slider-value">110mm</span>
                                        <span class="d-lg-none pl-2 pr-2">-</span>
                                        <span class="float-lg-right slider-value">150mm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center  slider-wrap">
                                <span class="slider-icon pr-3">
                                    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-6.png" alt="">
                                </span>
                                <div class="slider-range pl-3 pr-3">
                                    <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Width</div>
                                    <div class="slider-base" data-min="30" data-max='100' data-obj="lens-width"
                                         data-value=""></div>
                                    <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                        <span class="float-lg-left slider-value">30mm</span>
                                        <span class="d-lg-none pl-2 pr-2">-</span>
                                        <span class="float-lg-right slider-value">100mm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center  slider-wrap">
                                                <span class="slider-icon pr-3">
                                                    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-2.png" alt="">
                                                </span>
                                <div class="slider-range pl-3 pr-3">
                                    <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Height</div>
                                    <div class="slider-base" data-min="10" data-max='60' data-obj="lens-height"
                                         data-value=""></div>
                                    <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                        <span class="float-lg-left slider-value">10mm</span>
                                        <span class="d-lg-none pl-2 pr-2">-</span>
                                        <span class="float-lg-right slider-value">60mm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center  slider-wrap">
                                <span class="slider-icon pr-3">
                                    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-3.png" alt="">
                                </span>
                                <div class="slider-range pl-3 pr-3">
                                    <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Bridge Width</div>
                                    <div class="slider-base" data-min="10" data-max='30' data-obj="bridge-width"
                                         data-value=""></div>
                                    <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                        <span class="float-lg-left slider-value">10mm</span>
                                        <span class="d-lg-none pl-2 pr-2">-</span>
                                        <span class="float-lg-right slider-value">30mm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center  slider-wrap">
                                                <span class="slider-icon pr-3">
                                                    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/glass-icon-4.png" alt="">
                                                </span>
                                <div class="slider-range pl-3 pr-3">
                                    <div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Arm Length</div>
                                    <div class="slider-base" data-min="120" data-max='160' data-obj="arm-length"
                                         data-value=""></div>
                                    <div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
                                        <span class="float-lg-left slider-value">120mm</span>
                                        <span class="d-lg-none pl-2 pr-2">-</span>
                                        <span class="float-lg-right slider-value">160mm</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- SIZE -->

                <!-- Find my fit -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-frame ">
                    <div class="filter-menu">
                        <span>Accurate Size Lookup</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                                                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/add.svg" class="arrow img-fluid">
                                                    </span>
                    </div>
                    <div class="filter-down filter-down-shape" style="display: none">
                        <div class="row m-0">
                            <div class="col-12 mb-4">
                                <input type="number" name="lens-width2" class="lens-width" placeholder="Lens Width" value="">
                            </div>
                            <div class="col-12 mb-4">
                                <input type="number" name="bridge-width2" class="bridge" placeholder="Bridge" value="">
                            </div>
                            <div class="col-12 mb-4">
                                <a class="find-fit" href="javascript:void(0);">
                                    Find my fit
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- Find my fit -->

                <!-- Frame -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-frame">
                    <div class="filter-menu">
                        <span>Frame</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-shape">
                        <div class="row m-0">
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="frame"
                                           value="Full"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon11.svg" alt="">
                                    </span>
                                    <span>Full</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="frame"
                                           value="Semi-Rimless"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon12.svg" alt="">
                                    </span>
                                    <span>Semi-Rimless</span>
                                </label>
                            </div>
                            <div class="col-12 mb-3">
                                <label class="p-lg-0 pb-3">
                                    <input type="checkbox" class="form-checkbox mt-n1" name="frame"
                                           value="Rimless"/>
                                    <span class="slider-icon pr-3 pl-3">
                                        <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/category/frame-icon13.svg" alt="">
                                    </span>
                                    <span>Rimless</span>
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- Frame -->

                <!-- Feature -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-feature">
                    <div class="filter-menu">
                        <span>Feature</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-feature">
                        <div class="row m-0">
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="feature"
                                           value="Single Vision"/>
                                    Single Vision
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="feature"
                                           value="Bifocal"/>
                                    Bifocal
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="feature"
                                           value="Progressive"/>
                                    Progressive
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="feature"
                                           value="Spring Hinge"/>
                                    Spring Hinge
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="feature"
                                           value="Lightweight"/>
                                    Lightweight
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- Feature -->

                <!-- price -->
                <li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-price">
                    <div class="filter-menu">
                        <span>Price</span>
                        <span>
                            <a href="#" class="color-link d-lg-none">
                            </a>
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                        </span>
                    </div>
                    <div class="filter-down filter-down-price">
                        <div class="row m-0">
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="price"
                                           value="low"/>
                                    $ 0-9.99
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="price"
                                           value="cheap"/>
                                    $ 10-19.99
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="price"
                                           value="middle"/>
                                    $ 20-29.99
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="price"
                                           value="high"/>
                                    $ 30-39.99
                                </label>
                            </div>
                            <div class="col-12 mb-lg-3 mb-4">
                                <label>
                                    <input type="checkbox" class="form-checkbox mt-n1" name="price"
                                           value="expensive"/>
                                    $ ≥ 40
                                </label>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- price -->
                <!-- prescription -->
                <li class="position-relative col-12 filter-item filter-item-prescription d-none">
                    <div class="row p-b">
                        <div class="col-12 p-a">
                            <label class="m-0">
                                <input class="form-checkbox mt-n1" type="checkbox"/>
                                Eligible for your prescription
                            </label>
                        </div>
                        <div class="col-12 p-a pt-0">
                            <input type="text" class="form-control font-14 font-weight-bold"
                                   aria-label="Large" placeholder="My RX">
                        </div>
                        <div class="col-12 p-a pt-0">
                            <button type="button" class="btn font-16 font-weight-bold w-100">
                                Enter New Prescription
                            </button>
                        </div>
                    </div>
                </li>
                <li class="position-relative col-12 d-lg-none filter-item filter-item-prescription">
                    <div class="row pb-5 filter-submit fixed">
                        <div class="col-6 pl-3 pr-2 pt-5">
                            <button type="button"
                                    class="btn btn-transparent font-16 font-weight-bold w-100 js-filter-clear">
                                Clear All
                            </button>
                        </div>
                        <div class="col-6 pl-2 pr-3 pt-5">
                            <button type="button" class="btn font-16 font-weight-bold w-100 js-filter-apply">
                                Apply Filters
                            </button>
                        </div>
                    </div>
                </li>
                <!-- prescription -->
                <!-- SORT BY Popularity -->
                <!-- <li class="position-relative d-lg-inline-block d-none filter-item filter-item-sort">
                    <div class="filter-menu">
            <span>SORT BY <span class="color-link">                                Popularity
                    </span></span>
                        <img src="./assets/images/help-center-new/reduce.svg" class="arrow img-fluid">
                    </div>
                    <input type="hidden" id="list-sort" name="sort"
                        value=""/>
                    <div class="filter-down filter-down-sort">
                        <div class="row">
                            <div class="col-12">
                                <a href="javascript:void(0);"
                                class="sort-item d-block text-decoration-none"
                                data-val="Popularity">Popularity</a>
                            </div>
                            <div class="col-12">
                                <a href="javascript:void(0);"
                                class="sort-item d-block text-decoration-none"
                                data-val="isNew">New Arrivals</a>
                            </div>
                            <div class="col-12">
                                <a href="javascript:void(0);"
                                class="sort-item d-block text-decoration-none"
                                data-val="pd">Price: High to Low</a>
                            </div>
                            <div class="col-12">
                                <a href="javascript:void(0);"
                                class="sort-item d-block text-decoration-none"
                                data-val="pa">Price: Low to High</a>
                            </div>
                        </div>
                    </div>
                </li> -->
                <!-- SORT BY Popularity -->
                <!-- <li class="ml-auto filter-item-clear d-lg-block d-none">
                    <div class="filter-menu">
                        <a href="javascript:void(0);" id="js-filter-clear" class="color-link js-filter-clear">Clear
                            filters</a>
                    </div>
                </li> -->
            </ul>
        </div>
    </div>
</div>
                        <!-- filters end -->
                    </div>
                    <div class="right-lists">
                        <!-- product start -->
                        <div id="product-lists" class="row pt-lg-5 product-list column-1">
                            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-15929">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15929">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15931 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15931">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15930 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15930">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15928 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15928">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2520"
                   class="product-img p-tab p-tab-15929"
                   title="Pasadena">
                                            <span class="im img-tag tag-off-per product-icon-text">
                            <span class="limited-time">Time-Limited </span>50% OFF
                        </span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe605ac50b.jpg" alt="Pasadena Black/Golden Oval TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe6045876d.jpg" alt="Pasadena Black/Golden Oval TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2522"
                   class="product-img p-tab p-tab-15931 none"
                   title="Pasadena">
                                            <span class="im img-tag tag-off-per product-icon-text">
                            <span class="limited-time">Time-Limited </span>50% OFF
                        </span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe61575c31.jpg" alt="Pasadena Crystal/Golden Oval TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe61436dcc.jpg" alt="Pasadena Crystal/Golden Oval TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2521"
                   class="product-img p-tab p-tab-15930 none"
                   title="Pasadena">
                                            <span class="im img-tag tag-off-per product-icon-text">
                            <span class="limited-time">Time-Limited </span>50% OFF
                        </span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe60d7ceed.jpg" alt="Pasadena Red/Golden Oval TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe60c3fdc9.jpg" alt="Pasadena Red/Golden Oval TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2519"
                   class="product-img p-tab p-tab-15928 none"
                   title="Pasadena">
                                            <span class="im img-tag tag-off-per product-icon-text">
                            <span class="limited-time">Time-Limited </span>50% OFF
                        </span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe5fdc41cc.jpg" alt="Pasadena Tortoise/Golden Oval TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202201/61dbe5fc779ca.jpg" alt="Pasadena Tortoise/Golden Oval TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-15929"
                                      data-product="15929"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2520.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe60448941.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Crystal/Golden"
                                      data-target=".p-tab-15931"
                                      data-product="15931"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2522.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe6141fab3.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Red/Golden"
                                      data-target=".p-tab-15930"
                                      data-product="15930"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2521.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe60c2f957.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Tortoise/Golden"
                                      data-target=".p-tab-15928"
                                      data-product="15928"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2519.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe5fc5cf20.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-15929"
                                              data-product="15929"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2520.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe60448941.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Crystal/Golden"
                                              data-target=".p-tab-15931"
                                              data-product="15931"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2522.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe6141fab3.jpg) !important;" ></i>
                                </span>
                                                                                                                                                            <i class="fa fa-chevron-down btn-more-colors"></i>
                                <div class="more-colors-list">
                                                                                                                <span class="product-color"
                                              title="Red/Golden"
                                              data-target=".p-tab-15930"
                                              data-product="15930"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2521.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe60c2f957.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Tortoise/Golden"
                                              data-target=".p-tab-15928"
                                              data-product="15928"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2519.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202201/61dbe5fc5cf20.jpg) !important;" ></i>
                                </span>
                                                                                                        </div>
                                                                        </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-15929">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15929">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15931 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15931">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15930 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15930">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15928 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15928">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2520"
                                   title="Pasadena"
                                   class="product-title p-tab p-tab-15929">
                                    Pasadena
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2522"
                                   title="Pasadena"
                                   class="product-title p-tab p-tab-15931 none">
                                    Pasadena
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2521"
                                   title="Pasadena"
                                   class="product-title p-tab p-tab-15930 none">
                                    Pasadena
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2519"
                                   title="Pasadena"
                                   class="product-title p-tab p-tab-15928 none">
                                    Pasadena
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-15929">
                                                                            <span class="color-red">$12.48</span>
                                        <span class="pl-3 product-pre-price">$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15931 none">
                                                                            <span class="color-red">$12.48</span>
                                        <span class="pl-3 product-pre-price">$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15930 none">
                                                                            <span class="color-red">$12.48</span>
                                        <span class="pl-3 product-pre-price">$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15928 none">
                                                                            <span class="color-red">$12.48</span>
                                        <span class="pl-3 product-pre-price">$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2520.png"
                   data-product-id="15929"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2520.png"
                   data-product-id="15929"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-13145">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13145">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-13144 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13144">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2047"
                   class="product-img p-tab p-tab-13145"
                   title="Libra">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202002/5e43692687da0.jpg" alt="Libra Black/Golden Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202002/5e436927dcd1f.jpg" alt="Libra Black/Golden Browline TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2046"
                   class="product-img p-tab p-tab-13144 none"
                   title="Libra">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202002/5e43691fca28d.jpg" alt="Libra Black/Silver Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202002/5e43692139cde.jpg" alt="Libra Black/Silver Browline TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-13145"
                                      data-product="13145"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2047.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2047.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Silver"
                                      data-target=".p-tab-13144"
                                      data-product="13144"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2046.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2046.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-13145"
                                              data-product="13145"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2047.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2047.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Silver"
                                              data-target=".p-tab-13144"
                                              data-product="13144"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2046.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2046.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-13145">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13145">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-13144 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13144">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2047"
                                   title="Libra"
                                   class="product-title p-tab p-tab-13145">
                                    Libra
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2046"
                                   title="Libra"
                                   class="product-title p-tab p-tab-13144 none">
                                    Libra
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-13145">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-13144 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2047.png"
                   data-product-id="13145"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2047.png"
                   data-product-id="13145"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-10773">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="10773">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-10774 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="10774">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp1661"
                   class="product-img p-tab p-tab-10773"
                   title="Derrick">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201805/5af16009d7b28.jpg" alt="Derrick Black/Golden Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201805/5af1600395174.jpg" alt="Derrick Black/Golden Browline TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp1657"
                   class="product-img p-tab p-tab-10774 none"
                   title="Derrick">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201805/5af160006a5c9.jpg" alt="Derrick Brown Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201805/5af15ffb08cfe.jpg" alt="Derrick Brown Browline TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-10773"
                                      data-product="10773"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1661.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1661.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Brown"
                                      data-target=".p-tab-10774"
                                      data-product="10774"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1657.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1657.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-10773"
                                              data-product="10773"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1661.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1661.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Brown"
                                              data-target=".p-tab-10774"
                                              data-product="10774"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1657.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1657.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-10773">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="10773">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-10774 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="10774">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1661"
                                   title="Derrick"
                                   class="product-title p-tab p-tab-10773">
                                    Derrick
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1657"
                                   title="Derrick"
                                   class="product-title p-tab p-tab-10774 none">
                                    Derrick
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-10773">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-10774 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1661.png"
                   data-product-id="10773"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1661.png"
                   data-product-id="10773"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-11289">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="11289">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-11288 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="11288">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp1747"
                   class="product-img p-tab p-tab-11289"
                   title="Murphy">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201807/5b5fc22e9933f.jpg" alt="Murphy Tortoise Browline Ultem Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201807/5b5fc22b3b051.jpg" alt="Murphy Tortoise Browline Ultem Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp1746"
                   class="product-img p-tab p-tab-11288 none"
                   title="Murphy">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201811/5bebc0387547c.jpg" alt="Murphy Black Browline Ultem Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201811/5bebc03874148.jpg" alt="Murphy Black Browline Ultem Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Tortoise"
                                      data-target=".p-tab-11289"
                                      data-product="11289"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1747.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1747.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black"
                                      data-target=".p-tab-11288"
                                      data-product="11288"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1746.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1746.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Tortoise"
                                              data-target=".p-tab-11289"
                                              data-product="11289"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1747.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1747.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black"
                                              data-target=".p-tab-11288"
                                              data-product="11288"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1746.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1746.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-11289">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="11289">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-11288 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="11288">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1747"
                                   title="Murphy"
                                   class="product-title p-tab p-tab-11289">
                                    Murphy
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1746"
                                   title="Murphy"
                                   class="product-title p-tab p-tab-11288 none">
                                    Murphy
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-11289">
                                                                            <span>$39.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-11288 none">
                                                                            <span>$39.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1747.png"
                   data-product-id="11289"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1747.png"
                   data-product-id="11289"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14278">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14278">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14277 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14277">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2183"
                   class="product-img p-tab p-tab-14278"
                   title="Jacksonville">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc45741a56c5.jpg" alt="Jacksonville Black/golden Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4574366c4c.jpg" alt="Jacksonville Black/golden Rectangle TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2184"
                   class="product-img p-tab p-tab-14277 none"
                   title="Jacksonville">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4574970756.jpg" alt="Jacksonville Black/Silver Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4574ad7ae3.jpg" alt="Jacksonville Black/Silver Rectangle TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/golden"
                                      data-target=".p-tab-14278"
                                      data-product="14278"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2183.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2183.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Silver"
                                      data-target=".p-tab-14277"
                                      data-product="14277"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2184.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2184.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/golden"
                                              data-target=".p-tab-14278"
                                              data-product="14278"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2183.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2183.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Silver"
                                              data-target=".p-tab-14277"
                                              data-product="14277"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2184.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2184.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14278">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14278">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14277 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14277">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2183"
                                   title="Jacksonville"
                                   class="product-title p-tab p-tab-14278">
                                    Jacksonville
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2184"
                                   title="Jacksonville"
                                   class="product-title p-tab p-tab-14277 none">
                                    Jacksonville
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14278">
                                                                            <span>$19.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14277 none">
                                                                            <span>$19.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2183.png"
                   data-product-id="14278"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2183.png"
                   data-product-id="14278"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-11864">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="11864">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-11863 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="11863">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp1776"
                   class="product-img p-tab p-tab-11864"
                   title="Haggai">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5ecb7f0e5486f.jpg" alt="Haggai Black/Golden Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5ecb7f0fa3c6c.jpg" alt="Haggai Black/Golden Rectangle TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp1775"
                   class="product-img p-tab p-tab-11863 none"
                   title="Haggai">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5ecb7f0658107.jpg" alt="Haggai Black/Gunmetal Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5ecb7f0816feb.jpg" alt="Haggai Black/Gunmetal Rectangle TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-11864"
                                      data-product="11864"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1776.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1776.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Gunmetal"
                                      data-target=".p-tab-11863"
                                      data-product="11863"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1775.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1775.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-11864"
                                              data-product="11864"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1776.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1776.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Gunmetal"
                                              data-target=".p-tab-11863"
                                              data-product="11863"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1775.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1775.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-11864">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="11864">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-11863 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="11863">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1776"
                                   title="Haggai"
                                   class="product-title p-tab p-tab-11864">
                                    Haggai
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1775"
                                   title="Haggai"
                                   class="product-title p-tab p-tab-11863 none">
                                    Haggai
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-11864">
                                                                            <span class="color-red">$12.95</span>
                                        <span class="pl-3 product-pre-price">$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-11863 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1776.png"
                   data-product-id="11864"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1776.png"
                   data-product-id="11864"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
    

        <!--网页横幅-->
<div class="category-title col-12">
    <h2>Register To Get $1</h2>
    <div class="desc">After registering at GlassesShop,
        <br class="d-lg-none">you will get 100 points (values $1)
        <br class="d-none d-lg-block">to save money on a future purchase.
    </div>
    <a href="javascript:void(0);" class="start" data-toggle="modal" data-target="#login-form">Register Here</a>
</div>
<!--网页横幅-->

<!-- 登录弹窗 -->
<div class="modal" id="login-form" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel">
    <div class="modal-dialog login-form modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="iconfont icon-close font-25"></i>
                </button>
                <div class="title">
                    <h4 class="modal-title active" id="loginModalLabel">Sign In</h4>
                    <h4 class="modal-title" id="loginModalLabel">Create Account</h4>
                </div>
                <div class="form-content">
                    <div class="modal-desc">
                        Sign in with email
                    </div>
                    <form class="header-login-form">
                        <input type="hidden" name="_token" value="TPS95a8aBTcuD7pIymSKaAU51Fk8dLj90inDVGSI">                        <div class="form-group">
                            <input name="email" type="email" id="category-login-email"
                                   class="form-control nav-input" placeholder="Email">
                        </div>
                        <div class="form-group col-12 p-0">
                            <input name="password" type="password"
                                   class="form-control nav-input" placeholder="Password">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login_regist/defaut.svg" id="togglePassword" class="default">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login_regist/check.svg" id="togglePassword" class="default checkPassword">
                        </div>
                        <div class="form-group clearfix btnGroup">
                            <label class="form-check-label">
                                <div class="checkbox-attr">
                                    <input type="checkbox" class="form-check-input" id="rememberme" name="rememberme"
                                           value="">
                                    <label for="rememberme" class="iconfont icon-gou"></label>
                                </div>
                                <span class="font-14">Remember Me</span>
                            </label>
                            <a href="/customer/forgot_password" title="Forgot Your Password?"
                               class="float-right forgot-btn">Forgot password?</a>
                        </div>
                        <button type="button" class="font-16 btn btn-base mt-2 dialog-login-button loginBtn">Login
                        </button>
                    </form>
                    <div class="split-line">
                        Or
                    </div>
                    <div class="signInWith text-center col-12">Sign in with</div>
                    <div class="form-other-login">
                        <a class="other-login-link" href="/login/facebook">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login/facebook.svg">
                        </a>
                        <a class="other-login-link login-with-amazon float-right" data-type="amazon"
                           href="javascript:;">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login/amazon.svg">
                        </a>
                    </div>
                </div>
                <div class="form-content regist-form">
                    <div class="modal-desc">
                        Sign up with your email address.
                    </div>
                    <form class="header-login-form">
                        <input type="hidden" name="_token" value="TPS95a8aBTcuD7pIymSKaAU51Fk8dLj90inDVGSI">                        <div class="form-row">
                            <div class="form-group col-4 pl-0">
                                <select name="gender" class="form-control">
                                    <option value="1">Mr.</option>
                                    <option value="2">Ms.</option>
                                </select>
                            </div>
                            <div class="form-group col-4 p-0">
                                <input type="text" name="firstname" class="form-control" value="" placeholder="First Name">
                            </div>
                            <div class="form-group col-4 pr-0">
                                <input type="text" name="lastname" class="form-control" value="" placeholder="Last Name">
                            </div>
                        </div>
                        <div class="form-group">
                            <input name="email" type="email" id="category-register-email"
                                   class="form-control nav-input" placeholder="Email">
                        </div>
                        <div class="form-group col-12 p-0">
                            <input name="password" type="password" id="register_password"
                                   class="form-control nav-input" placeholder="Password">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login_regist/defaut.svg" id="togglePassword" class="default">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login_regist/check.svg" id="togglePassword" class="default checkPassword">
                        </div>
                        <div class="form-group mb-0 col-12 p-0">
                            <input name="password_confirmation" type="password"
                                   class="form-control nav-input" placeholder="Confirm Password">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login_regist/defaut.svg" id="togglePassword" class="default">
                            <img src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/login_regist/check.svg" id="togglePassword" class="default checkPassword">
                        </div>
                        <div class="form-group clearfix">
                            <label class="form-check-label check-content sign-me-check">
                                <div class="checkbox-attr">
                                    <input type="checkbox" class="form-check-input register-newsletter" id="newsletter" name="newsletter"
                                           value="1" checked>
                                    <label for="newsletter" class="iconfont icon-gou register-newsletter"></label>
                                </div>
                                <span class="font-14 mobile-attr">Sign me up for the Special Deals Newsletter.</span>
                            </label>
                            <label class="checkbox_select special-check policy-check">
                                <div class="checkbox-attr">
                                    <input type="hidden" class="form-check-input register-policy" id="policy" name="read_privacy"
                                           value="1">
                                </div>
                                <span class="align-middle policy">
                                    By creating your account, you agree to our
                                    <br class="d-none d-lg-block">
                                    <a href="/doc/privacy" class="color-link-blue">
                                        Privacy Policy.
                                    </a>
                                </span>
                            </label>
                        </div>
                        <button type="button" class="font-16 btn btn-base mt-3 dialog-register-button register">Create Account
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 登录弹窗 -->
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14280 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14280">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14281">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14281">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2186"
                   class="product-img p-tab p-tab-14280 none"
                   title="Bainbridge">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc45756d219c.jpg" alt="Bainbridge Black/Silver Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4575812c52.jpg" alt="Bainbridge Black/Silver Rectangle TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2185"
                   class="product-img p-tab p-tab-14281"
                   title="Bainbridge">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4575041188.jpg" alt="Bainbridge Black/Golden Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4575187788.jpg" alt="Bainbridge Black/Golden Rectangle TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color"
                                      title="Black/Silver"
                                      data-target=".p-tab-14280"
                                      data-product="14280"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2186.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2186.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-14281"
                                      data-product="14281"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2185.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2185.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color"
                                              title="Black/Silver"
                                              data-target=".p-tab-14280"
                                              data-product="14280"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2186.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2186.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-14281"
                                              data-product="14281"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2185.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2185.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14280 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14280">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14281">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14281">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2186"
                                   title="Bainbridge"
                                   class="product-title p-tab p-tab-14280 none">
                                    Bainbridge
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2185"
                                   title="Bainbridge"
                                   class="product-title p-tab p-tab-14281">
                                    Bainbridge
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14280 none">
                                                                            <span>$19.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14281">
                                                                            <span>$19.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2185.png"
                   data-product-id="14281"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2185.png"
                   data-product-id="14281"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14814">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14814">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14813 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14813">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/ft0482"
                   class="product-img p-tab p-tab-14814"
                   title="Clark">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202104/606bbefd34db8.jpg" alt="Clark Black/Golden Rectangle Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202104/606bbefc1dc4c.jpg" alt="Clark Black/Golden Rectangle Titanium Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/ft0481"
                   class="product-img p-tab p-tab-14813 none"
                   title="Clark">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202104/606bbef5d2e29.jpg" alt="Clark Black/Gunmetal Rectangle Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202104/606bbef4ad61a.jpg" alt="Clark Black/Gunmetal Rectangle Titanium Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-14814"
                                      data-product="14814"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0482.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202104/606bbefbbb6c0.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Gunmetal"
                                      data-target=".p-tab-14813"
                                      data-product="14813"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0481.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202104/606bbef4a03fc.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-14814"
                                              data-product="14814"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0482.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202104/606bbefbbb6c0.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Gunmetal"
                                              data-target=".p-tab-14813"
                                              data-product="14813"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0481.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202104/606bbef4a03fc.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14814">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14814">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14813 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14813">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0482"
                                   title="Clark"
                                   class="product-title p-tab p-tab-14814">
                                    Clark
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0481"
                                   title="Clark"
                                   class="product-title p-tab p-tab-14813 none">
                                    Clark
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14814">
                                                                            <span>$54.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14813 none">
                                                                            <span>$54.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0482.png"
                   data-product-id="14814"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0482.png"
                   data-product-id="14814"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-15994">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15994">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15993 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15993">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15995 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15995">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/ft0568"
                   class="product-img p-tab p-tab-15994"
                   title="Richard">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a090cb844b.jpg" alt="Richard Black/Gunmetal Oval Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a090b5f9dd.jpg" alt="Richard Black/Gunmetal Oval Titanium Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/ft0567"
                   class="product-img p-tab p-tab-15993 none"
                   title="Richard">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a090434af2.jpg" alt="Richard Black/Golden Oval Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a0902c671a.jpg" alt="Richard Black/Golden Oval Titanium Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/ft0569"
                   class="product-img p-tab p-tab-15995 none"
                   title="Richard">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a0914d69c2.jpg" alt="Richard Gray/Silver Oval Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a0913a3b13.jpg" alt="Richard Gray/Silver Oval Titanium Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Gunmetal"
                                      data-target=".p-tab-15994"
                                      data-product="15994"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0568.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a090b4f798.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Golden"
                                      data-target=".p-tab-15993"
                                      data-product="15993"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0567.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a0902afc0f.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Gray/Silver"
                                      data-target=".p-tab-15995"
                                      data-product="15995"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0569.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a091390a05.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Gunmetal"
                                              data-target=".p-tab-15994"
                                              data-product="15994"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0568.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a090b4f798.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Golden"
                                              data-target=".p-tab-15993"
                                              data-product="15993"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0567.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a0902afc0f.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Gray/Silver"
                                              data-target=".p-tab-15995"
                                              data-product="15995"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0569.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a091390a05.jpg) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-15994">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15994">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15993 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15993">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15995 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15995">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0568"
                                   title="Richard"
                                   class="product-title p-tab p-tab-15994">
                                    Richard
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0567"
                                   title="Richard"
                                   class="product-title p-tab p-tab-15993 none">
                                    Richard
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0569"
                                   title="Richard"
                                   class="product-title p-tab p-tab-15995 none">
                                    Richard
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-15994">
                                                                            <span>$49.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15993 none">
                                                                            <span>$49.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15995 none">
                                                                            <span>$49.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0568.png"
                   data-product-id="15994"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0568.png"
                   data-product-id="15994"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14132 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14132">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14134">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14134">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14133 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14133">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2163"
                   class="product-img p-tab p-tab-14132 none"
                   title="Ogden">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9faeefc8d1a.jpg" alt="Ogden Black/Gunmetal Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9faef14c583.jpg" alt="Ogden Black/Gunmetal Browline TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2165"
                   class="product-img p-tab p-tab-14134"
                   title="Ogden">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9faf1aa2b44.jpg" alt="Ogden Black/Golden Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9faf1c4ac67.jpg" alt="Ogden Black/Golden Browline TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2164"
                   class="product-img p-tab p-tab-14133 none"
                   title="Ogden">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9faef6d62ac.jpg" alt="Ogden Black Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9faef8495c9.jpg" alt="Ogden Black Browline TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color"
                                      title="Black/Gunmetal"
                                      data-target=".p-tab-14132"
                                      data-product="14132"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2163.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2163.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-14134"
                                      data-product="14134"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2165.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202101/6008ef4e19d60.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black"
                                      data-target=".p-tab-14133"
                                      data-product="14133"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2164.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2164.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color"
                                              title="Black/Gunmetal"
                                              data-target=".p-tab-14132"
                                              data-product="14132"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2163.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2163.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-14134"
                                              data-product="14134"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2165.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202101/6008ef4e19d60.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black"
                                              data-target=".p-tab-14133"
                                              data-product="14133"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2164.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2164.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14132 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14132">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14134">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14134">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14133 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14133">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2163"
                                   title="Ogden"
                                   class="product-title p-tab p-tab-14132 none">
                                    Ogden
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2165"
                                   title="Ogden"
                                   class="product-title p-tab p-tab-14134">
                                    Ogden
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2164"
                                   title="Ogden"
                                   class="product-title p-tab p-tab-14133 none">
                                    Ogden
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14132 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14134">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14133 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2165.png"
                   data-product-id="14134"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2165.png"
                   data-product-id="14134"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-16097">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="16097">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-16096 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="16096">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-16098 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="16098">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/sm0943"
                   class="product-img p-tab p-tab-16097"
                   title="Conrad">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a16842bc92.jpg" alt="Conrad Blue Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a16830e777.jpg" alt="Conrad Blue Rectangle Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/sm0942"
                   class="product-img p-tab p-tab-16096 none"
                   title="Conrad">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a167cdfcf0.jpg" alt="Conrad Brown Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a167bb2744.jpg" alt="Conrad Brown Rectangle Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/sm0944"
                   class="product-img p-tab p-tab-16098 none"
                   title="Conrad">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a168b8cc9f.jpg" alt="Conrad Black Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a168a5deb9.jpg" alt="Conrad Black Rectangle Metal Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Blue"
                                      data-target=".p-tab-16097"
                                      data-product="16097"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0943.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a1682edf10.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Brown"
                                      data-target=".p-tab-16096"
                                      data-product="16096"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0942.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a167b869ad.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black"
                                      data-target=".p-tab-16098"
                                      data-product="16098"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0944.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a168a4c596.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Blue"
                                              data-target=".p-tab-16097"
                                              data-product="16097"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0943.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a1682edf10.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Brown"
                                              data-target=".p-tab-16096"
                                              data-product="16096"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0942.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a167b869ad.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black"
                                              data-target=".p-tab-16098"
                                              data-product="16098"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0944.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a168a4c596.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-16097">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="16097">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-16096 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="16096">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-16098 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="16098">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/sm0943"
                                   title="Conrad"
                                   class="product-title p-tab p-tab-16097">
                                    Conrad
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/sm0942"
                                   title="Conrad"
                                   class="product-title p-tab p-tab-16096 none">
                                    Conrad
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/sm0944"
                                   title="Conrad"
                                   class="product-title p-tab p-tab-16098 none">
                                    Conrad
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-16097">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-16096 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-16098 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0943.png"
                   data-product-id="16097"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0943.png"
                   data-product-id="16097"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-9191">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="9191">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-9193 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="9193">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-9194 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="9194">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp1237"
                   class="product-img p-tab p-tab-9191"
                   title="Hayden">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201611/582e6147edb26.jpg" alt="Hayden Blue Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201611/582e6147ed0c8.jpg" alt="Hayden Blue Rectangle TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp1239"
                   class="product-img p-tab p-tab-9193 none"
                   title="Hayden">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201611/582e611cecfb5.jpg" alt="Hayden Black Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201611/582e611cec25d.jpg" alt="Hayden Black Rectangle TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp1240"
                   class="product-img p-tab p-tab-9194 none"
                   title="Hayden">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201611/582e611cee934.jpg" alt="Hayden Brown Rectangle TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/201611/582e611cedf75.jpg" alt="Hayden Brown Rectangle TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Blue"
                                      data-target=".p-tab-9191"
                                      data-product="9191"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1237.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1237.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black"
                                      data-target=".p-tab-9193"
                                      data-product="9193"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1239.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1239.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Brown"
                                      data-target=".p-tab-9194"
                                      data-product="9194"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1240.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1240.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Blue"
                                              data-target=".p-tab-9191"
                                              data-product="9191"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1237.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1237.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black"
                                              data-target=".p-tab-9193"
                                              data-product="9193"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1239.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1239.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Brown"
                                              data-target=".p-tab-9194"
                                              data-product="9194"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1240.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp1240.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-9191">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="9191">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-9193 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="9193">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-9194 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="9194">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1237"
                                   title="Hayden"
                                   class="product-title p-tab p-tab-9191">
                                    Hayden
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1239"
                                   title="Hayden"
                                   class="product-title p-tab p-tab-9193 none">
                                    Hayden
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp1240"
                                   title="Hayden"
                                   class="product-title p-tab p-tab-9194 none">
                                    Hayden
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-9191">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-9193 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-9194 none">
                                                                            <span>$24.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1237.png"
                   data-product-id="9191"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp1237.png"
                   data-product-id="9191"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <!--网页横幅-->
<div class="category-title col-12">
    <h2>Safe Shopping Guarantee</h2>
    <div class="desc">
        Get 30 days Free Return & Exchange and free shipping over $69.00 on
        <br>GlassesShop.
    </div>
</div>
<!--网页横幅-->


            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-13046">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13046">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-13047 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13047">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fm1416"
                   class="product-img p-tab p-tab-13046"
                   title="Smith">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202002/5e377f46d1efe.jpg" alt="Smith Black Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202002/5e377f48378cb.jpg" alt="Smith Black Browline TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fm1419"
                   class="product-img p-tab p-tab-13047 none"
                   title="Smith">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202110/617cff866ccbc.jpg" alt="Smith Black/Golden Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202110/617cff85165eb.jpg" alt="Smith Black/Golden Browline TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black"
                                      data-target=".p-tab-13046"
                                      data-product="13046"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1416.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1416.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Golden"
                                      data-target=".p-tab-13047"
                                      data-product="13047"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1419.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202110/617cff84f0325.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black"
                                              data-target=".p-tab-13046"
                                              data-product="13046"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1416.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1416.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Golden"
                                              data-target=".p-tab-13047"
                                              data-product="13047"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1419.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202110/617cff84f0325.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-13046">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13046">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-13047 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13047">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1416"
                                   title="Smith"
                                   class="product-title p-tab p-tab-13046">
                                    Smith
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1419"
                                   title="Smith"
                                   class="product-title p-tab p-tab-13047 none">
                                    Smith
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-13046">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-13047 none">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1416.png"
                   data-product-id="13046"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1416.png"
                   data-product-id="13046"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-13504 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13504">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-13503">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13503">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2105"
                   class="product-img p-tab p-tab-13504 none"
                   title="Salisbury">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e335153e.jpg" alt="Salisbury Black/Golden Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e34a083d.jpg" alt="Salisbury Black/Golden Browline TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2104"
                   class="product-img p-tab p-tab-13503"
                   title="Salisbury">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e2c51365.jpg" alt="Salisbury Brown/Golden Browline TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e2db0921.jpg" alt="Salisbury Brown/Golden Browline TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color"
                                      title="Black/Golden"
                                      data-target=".p-tab-13504"
                                      data-product="13504"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2105.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2105.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color active"
                                      title="Brown/Golden"
                                      data-target=".p-tab-13503"
                                      data-product="13503"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2104.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2104.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color"
                                              title="Black/Golden"
                                              data-target=".p-tab-13504"
                                              data-product="13504"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2105.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2105.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color active"
                                              title="Brown/Golden"
                                              data-target=".p-tab-13503"
                                              data-product="13503"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2104.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fp2104.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-13504 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13504">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-13503">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13503">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2105"
                                   title="Salisbury"
                                   class="product-title p-tab p-tab-13504 none">
                                    Salisbury
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2104"
                                   title="Salisbury"
                                   class="product-title p-tab p-tab-13503">
                                    Salisbury
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-13504 none">
                                                                            <span>$19.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-13503">
                                                                            <span>$19.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2104.png"
                   data-product-id="13503"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2104.png"
                   data-product-id="13503"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14052">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14052">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14051 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14051">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14053 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14053">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/sm0902"
                   class="product-img p-tab p-tab-14052"
                   title="Bowen">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202010/5f92441abd5f3.jpg" alt="Bowen Gunmetal Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fa260ea235bb.jpg" alt="Bowen Gunmetal Rectangle Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/sm0901"
                   class="product-img p-tab p-tab-14051 none"
                   title="Bowen">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202010/5f924413dddba.jpg" alt="Bowen Blue Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fa26121290ee.jpg" alt="Bowen Blue Rectangle Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/sm0903"
                   class="product-img p-tab p-tab-14053 none"
                   title="Bowen">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202010/5f9244218085a.jpg" alt="Bowen Black Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fa260eb8b504.jpg" alt="Bowen Black Rectangle Metal Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Gunmetal"
                                      data-target=".p-tab-14052"
                                      data-product="14052"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0902.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/sm0902.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Blue"
                                      data-target=".p-tab-14051"
                                      data-product="14051"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0901.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/sm0901.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black"
                                      data-target=".p-tab-14053"
                                      data-product="14053"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0903.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/sm0903.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Gunmetal"
                                              data-target=".p-tab-14052"
                                              data-product="14052"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0902.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/sm0902.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Blue"
                                              data-target=".p-tab-14051"
                                              data-product="14051"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0901.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/sm0901.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black"
                                              data-target=".p-tab-14053"
                                              data-product="14053"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0903.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/sm0903.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14052">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14052">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14051 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14051">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14053 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14053">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/sm0902"
                                   title="Bowen"
                                   class="product-title p-tab p-tab-14052">
                                    Bowen
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/sm0901"
                                   title="Bowen"
                                   class="product-title p-tab p-tab-14051 none">
                                    Bowen
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/sm0903"
                                   title="Bowen"
                                   class="product-title p-tab p-tab-14053 none">
                                    Bowen
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14052">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14051 none">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14053 none">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0902.png"
                   data-product-id="14052"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/sm0902.png"
                   data-product-id="14052"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-15734 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15734">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15731">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15731">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15732 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15732">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15733 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15733">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15735 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15735">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fz1775"
                   class="product-img p-tab p-tab-15734 none"
                   title="Steven">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa8d08e87.jpg" alt="Steven Tortoise Square Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa8bb2831.jpg" alt="Steven Tortoise Square Acetate Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fz1772"
                   class="product-img p-tab p-tab-15731"
                   title="Steven">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa6f4064b.jpg" alt="Steven Orange/Silver Square Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa6de9b02.jpg" alt="Steven Orange/Silver Square Acetate Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fz1773"
                   class="product-img p-tab p-tab-15732 none"
                   title="Steven">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa77ebb24.jpg" alt="Steven Black/Golden Square Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa76b5f3d.jpg" alt="Steven Black/Golden Square Acetate Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fz1774"
                   class="product-img p-tab p-tab-15733 none"
                   title="Steven">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa8502b8d.jpg" alt="Steven Brown Square Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa836759c.jpg" alt="Steven Brown Square Acetate Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fz1776"
                   class="product-img p-tab p-tab-15735 none"
                   title="Steven">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa94de8b5.jpg" alt="Steven Gray Square Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202111/617faa938cbd3.jpg" alt="Steven Gray Square Acetate Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color"
                                      title="Tortoise"
                                      data-target=".p-tab-15734"
                                      data-product="15734"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1775.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa8ba56a0.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color active"
                                      title="Orange/Silver"
                                      data-target=".p-tab-15731"
                                      data-product="15731"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1772.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa6dd903b.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Golden"
                                      data-target=".p-tab-15732"
                                      data-product="15732"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1773.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa76ab3e1.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                                                               <i class="fa fa-chevron-down btn-more-colors"></i>
                                <div class="more-colors-list">
                           
                                                            <span class="product-color"
                                      title="Brown"
                                      data-target=".p-tab-15733"
                                      data-product="15733"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1774.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa8359d73.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Gray"
                                      data-target=".p-tab-15735"
                                      data-product="15735"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1776.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa937e0b3.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                           </div>
                                                                        </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color"
                                              title="Tortoise"
                                              data-target=".p-tab-15734"
                                              data-product="15734"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1775.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa8ba56a0.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color active"
                                              title="Orange/Silver"
                                              data-target=".p-tab-15731"
                                              data-product="15731"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1772.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa6dd903b.png) !important;" ></i>
                                </span>
                                                                                                                                                            <i class="fa fa-chevron-down btn-more-colors"></i>
                                <div class="more-colors-list">
                                                                                                                <span class="product-color"
                                              title="Black/Golden"
                                              data-target=".p-tab-15732"
                                              data-product="15732"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1773.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa76ab3e1.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Brown"
                                              data-target=".p-tab-15733"
                                              data-product="15733"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1774.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa8359d73.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Gray"
                                              data-target=".p-tab-15735"
                                              data-product="15735"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1776.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202111/617faa937e0b3.png) !important;" ></i>
                                </span>
                                                                                                        </div>
                                                                        </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-15734 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15734">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15731">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15731">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15732 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15732">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15733 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15733">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15735 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15735">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1775"
                                   title="Steven"
                                   class="product-title p-tab p-tab-15734 none">
                                    Steven
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1772"
                                   title="Steven"
                                   class="product-title p-tab p-tab-15731">
                                    Steven
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1773"
                                   title="Steven"
                                   class="product-title p-tab p-tab-15732 none">
                                    Steven
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1774"
                                   title="Steven"
                                   class="product-title p-tab p-tab-15733 none">
                                    Steven
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1776"
                                   title="Steven"
                                   class="product-title p-tab p-tab-15735 none">
                                    Steven
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-15734 none">
                                                                            <span class="color-red">$19.95</span>
                                        <span class="pl-3 product-pre-price">$34.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15731">
                                                                            <span>$34.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15732 none">
                                                                            <span>$34.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15733 none">
                                                                            <span>$34.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15735 none">
                                                                            <span>$34.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1772.png"
                   data-product-id="15731"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1772.png"
                   data-product-id="15731"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-15386">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15386">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15385 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15385">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15387 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15387">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15388 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15388">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2411"
                   class="product-img p-tab p-tab-15386"
                   title="Kristin">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bbff94f7d.jpg" alt="Kristin Burgundy/Tortoise Cat Eye TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bbfe040f6.jpg" alt="Kristin Burgundy/Tortoise Cat Eye TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2410"
                   class="product-img p-tab p-tab-15385 none"
                   title="Kristin">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bbf63d469.jpg" alt="Kristin Blue/Tortoise Cat Eye TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bbf4e3417.jpg" alt="Kristin Blue/Tortoise Cat Eye TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2412"
                   class="product-img p-tab p-tab-15387 none"
                   title="Kristin">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bc09d8df3.jpg" alt="Kristin Black/Tortoise Cat Eye TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bc08876d5.jpg" alt="Kristin Black/Tortoise Cat Eye TR90 Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fp2413"
                   class="product-img p-tab p-tab-15388 none"
                   title="Kristin">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bc12b6576.jpg" alt="Kristin Black Cat Eye TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bc1175ada.jpg" alt="Kristin Black Cat Eye TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Burgundy/Tortoise"
                                      data-target=".p-tab-15386"
                                      data-product="15386"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2411.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bbfde47e9.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Blue/Tortoise"
                                      data-target=".p-tab-15385"
                                      data-product="15385"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2410.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bbf4d8841.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Tortoise"
                                      data-target=".p-tab-15387"
                                      data-product="15387"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2412.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bc087b21b.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black"
                                      data-target=".p-tab-15388"
                                      data-product="15388"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2413.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bc11636b0.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Burgundy/Tortoise"
                                              data-target=".p-tab-15386"
                                              data-product="15386"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2411.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bbfde47e9.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Blue/Tortoise"
                                              data-target=".p-tab-15385"
                                              data-product="15385"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2410.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bbf4d8841.jpg) !important;" ></i>
                                </span>
                                                                                                                                                            <i class="fa fa-chevron-down btn-more-colors"></i>
                                <div class="more-colors-list">
                                                                                                                <span class="product-color"
                                              title="Black/Tortoise"
                                              data-target=".p-tab-15387"
                                              data-product="15387"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2412.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bc087b21b.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black"
                                              data-target=".p-tab-15388"
                                              data-product="15388"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2413.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bc11636b0.jpg) !important;" ></i>
                                </span>
                                                                                                        </div>
                                                                        </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-15386">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15386">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15385 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15385">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15387 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15387">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15388 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15388">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2411"
                                   title="Kristin"
                                   class="product-title p-tab p-tab-15386">
                                    Kristin
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2410"
                                   title="Kristin"
                                   class="product-title p-tab p-tab-15385 none">
                                    Kristin
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2412"
                                   title="Kristin"
                                   class="product-title p-tab p-tab-15387 none">
                                    Kristin
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2413"
                                   title="Kristin"
                                   class="product-title p-tab p-tab-15388 none">
                                    Kristin
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-15386">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15385 none">
                                                                            <span class="color-red">$19.95</span>
                                        <span class="pl-3 product-pre-price">$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15387 none">
                                                                            <span class="color-red">$19.95</span>
                                        <span class="pl-3 product-pre-price">$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15388 none">
                                                                            <span class="color-red">$19.95</span>
                                        <span class="pl-3 product-pre-price">$29.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2411.png"
                   data-product-id="15386"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2411.png"
                   data-product-id="15386"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-15383">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15383">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fp2409"
                   class="product-img p-tab p-tab-15383"
                   title="Jodie">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bbecc5b5a.jpg" alt="Jodie Black Cat Eye TR90 Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202108/6107bbeb76f97.jpg" alt="Jodie Black Cat Eye TR90 Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black"
                                      data-target=".p-tab-15383"
                                      data-product="15383"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2409.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bbeb5a48d.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black"
                                              data-target=".p-tab-15383"
                                              data-product="15383"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2409.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202108/6107bbeb5a48d.jpg) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-15383">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15383">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fp2409"
                                   title="Jodie"
                                   class="product-title p-tab p-tab-15383">
                                    Jodie
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-15383">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2409.png"
                   data-product-id="15383"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fp2409.png"
                   data-product-id="15383"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
                        <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-13435">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13435">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fz1450"
                   class="product-img p-tab p-tab-13435"
                   title="Garland">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5eb912fa82bc8.jpg" alt="Garland Champagne/Golden Browline Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5eb912fbe0703.jpg" alt="Garland Champagne/Golden Browline Acetate Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Champagne/Golden"
                                      data-target=".p-tab-13435"
                                      data-product="13435"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1450.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fz1450.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Champagne/Golden"
                                              data-target=".p-tab-13435"
                                              data-product="13435"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1450.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fz1450.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-13435">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13435">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1450"
                                   title="Garland"
                                   class="product-title p-tab p-tab-13435">
                                    Garland
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-13435">
                                                                            <span class="color-red">$29.95</span>
                                        <span class="pl-3 product-pre-price">$44.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1450.png"
                   data-product-id="13435"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1450.png"
                   data-product-id="13435"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-16050">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="16050">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/ft0578"
                   class="product-img p-tab p-tab-16050"
                   title="Elliot">
                                            <span class="im img-tag tag-off-per product-icon-text product-icon-text-style2">New</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a095c8be21.jpg" alt="Elliot Gray/Silver Rectangle Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202202/620a095b45001.jpg" alt="Elliot Gray/Silver Rectangle Titanium Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Gray/Silver"
                                      data-target=".p-tab-16050"
                                      data-product="16050"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0578.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a095b33ede.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Gray/Silver"
                                              data-target=".p-tab-16050"
                                              data-product="16050"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0578.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202202/620a095b33ede.jpg) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-16050">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="16050">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0578"
                                   title="Elliot"
                                   class="product-title p-tab p-tab-16050">
                                    Elliot
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-16050">
                                                                            <span>$65.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0578.png"
                   data-product-id="16050"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0578.png"
                   data-product-id="16050"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-13492">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13492">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-13493 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13493">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/ft0394"
                   class="product-img p-tab p-tab-13492"
                   title="Aaron">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e4e40cf9.jpg" alt="Aaron Black/Golden Browline Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e4fa8b99.jpg" alt="Aaron Black/Golden Browline Titanium Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/ft0395"
                   class="product-img p-tab p-tab-13493 none"
                   title="Aaron">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e55883e3.jpg" alt="Aaron Black/Gunmetal Browline Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202006/5ef06e56d417c.jpg" alt="Aaron Black/Gunmetal Browline Titanium Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-13492"
                                      data-product="13492"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0394.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/ft0394.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Gunmetal"
                                      data-target=".p-tab-13493"
                                      data-product="13493"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0395.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/ft0395.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-13492"
                                              data-product="13492"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0394.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/ft0394.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Gunmetal"
                                              data-target=".p-tab-13493"
                                              data-product="13493"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0395.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/ft0395.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-13492">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13492">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-13493 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13493">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0394"
                                   title="Aaron"
                                   class="product-title p-tab p-tab-13492">
                                    Aaron
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0395"
                                   title="Aaron"
                                   class="product-title p-tab p-tab-13493 none">
                                    Aaron
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-13492">
                                                                            <span class="color-red">$29.95</span>
                                        <span class="pl-3 product-pre-price">$49.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-13493 none">
                                                                            <span class="color-red">$29.95</span>
                                        <span class="pl-3 product-pre-price">$49.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0394.png"
                   data-product-id="13492"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0394.png"
                   data-product-id="13492"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-12 slide-text">
        <!-- Prescription banner -->
        <div class="row slider slider-banners slider-prescription float-none h-auto w-auto">
                    </div>
        <!-- Prescription banner -->
        <!-- Buy Prescription Glasses Online  -->
    </div>
        
        
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-13457 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13457">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-13456">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="13456">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14859 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14859">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fm1453"
                   class="product-img p-tab p-tab-13457 none"
                   title="Edgar">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5eb913786cbc9.jpg" alt="Edgar Brown Browline Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5eb91379be9f2.jpg" alt="Edgar Brown Browline Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fm1452"
                   class="product-img p-tab p-tab-13456"
                   title="Edgar">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202005/5eb91371dbe05.jpg" alt="Edgar Black/Golden Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202008/5f475f53080b8.jpg" alt="Edgar Black/Golden Rectangle Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fm1608"
                   class="product-img p-tab p-tab-14859 none"
                   title="Edgar">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202104/607cda3bce766.jpg" alt="Edgar Gunmetal Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202104/607cda39e4612.jpg" alt="Edgar Gunmetal Rectangle Metal Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color"
                                      title="Brown"
                                      data-target=".p-tab-13457"
                                      data-product="13457"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1453.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1453.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-13456"
                                      data-product="13456"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1452.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1452.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Gunmetal"
                                      data-target=".p-tab-14859"
                                      data-product="14859"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1608.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202104/607cda39c4a7f.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color"
                                              title="Brown"
                                              data-target=".p-tab-13457"
                                              data-product="13457"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1453.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1453.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-13456"
                                              data-product="13456"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1452.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1452.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Gunmetal"
                                              data-target=".p-tab-14859"
                                              data-product="14859"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1608.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202104/607cda39c4a7f.jpg) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-13457 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13457">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-13456">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="13456">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14859 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14859">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1453"
                                   title="Edgar"
                                   class="product-title p-tab p-tab-13457 none">
                                    Edgar
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1452"
                                   title="Edgar"
                                   class="product-title p-tab p-tab-13456">
                                    Edgar
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1608"
                                   title="Edgar"
                                   class="product-title p-tab p-tab-14859 none">
                                    Edgar
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-13457 none">
                                                                            <span class="color-red">$19.95</span>
                                        <span class="pl-3 product-pre-price">$35.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-13456">
                                                                            <span>$35.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14859 none">
                                                                            <span>$35.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1452.png"
                   data-product-id="13456"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1452.png"
                   data-product-id="13456"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14094 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14094">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-14093">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14093">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fm1515"
                   class="product-img p-tab p-tab-14094 none"
                   title="Madison">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9fae39bbfba.jpg" alt="Madison Black/Gunmetal Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9fae3b7a72b.jpg" alt="Madison Black/Gunmetal Rectangle Metal Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/fm1517"
                   class="product-img p-tab p-tab-14093"
                   title="Madison">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9fae47c7b0d.jpg" alt="Madison Black/Golden Rectangle Metal Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5f9fae4923a58.jpg" alt="Madison Black/Golden Rectangle Metal Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color"
                                      title="Black/Gunmetal"
                                      data-target=".p-tab-14094"
                                      data-product="14094"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1515.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1515.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-14093"
                                      data-product="14093"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1517.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1517.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color"
                                              title="Black/Gunmetal"
                                              data-target=".p-tab-14094"
                                              data-product="14094"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1515.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1515.png) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-14093"
                                              data-product="14093"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1517.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fm1517.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14094 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14094">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-14093">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14093">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1515"
                                   title="Madison"
                                   class="product-title p-tab p-tab-14094 none">
                                    Madison
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/fm1517"
                                   title="Madison"
                                   class="product-title p-tab p-tab-14093">
                                    Madison
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14094 none">
                                                                            <span class="color-red">$19.95</span>
                                        <span class="pl-3 product-pre-price">$29.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-14093">
                                                                            <span>$29.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1517.png"
                   data-product-id="14093"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fm1517.png"
                   data-product-id="14093"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-15096">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15096">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                            <div class="p-tab p-tab-15097 none">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="15097">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/ft0505"
                   class="product-img p-tab p-tab-15096"
                   title="Charley">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202106/60c806bb201a3.jpg" alt="Charley Black/Golden Rectangle Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202106/60c806b98b9f0.jpg" alt="Charley Black/Golden Rectangle Titanium Eyeglasses">
                                    </a>
                            <a href="https://www.glassesshop.com/eyeglasses/ft0506"
                   class="product-img p-tab p-tab-15097 none"
                   title="Charley">
                                                                        <span class="im img-tag tag-off-per product-icon-text">Sale</span>
                                                                <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202106/60c806c3d6d49.jpg" alt="Charley Black/Silver Rectangle Titanium Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202106/60c806c2641b1.jpg" alt="Charley Black/Silver Rectangle Titanium Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Black/Golden"
                                      data-target=".p-tab-15096"
                                      data-product="15096"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0505.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202106/60c806b977b14.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                               
                                                            <span class="product-color"
                                      title="Black/Silver"
                                      data-target=".p-tab-15097"
                                      data-product="15097"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0506.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202106/60c806c250f07.jpg) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Black/Golden"
                                              data-target=".p-tab-15096"
                                              data-product="15096"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0505.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202106/60c806b977b14.jpg) !important;" ></i>
                                </span>
                                                                                                                                                                                                        <span class="product-color"
                                              title="Black/Silver"
                                              data-target=".p-tab-15097"
                                              data-product="15097"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0506.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/202106/60c806c250f07.jpg) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-15096">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15096">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                            <div class="p-tab p-tab-15097 none">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="15097">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0505"
                                   title="Charley"
                                   class="product-title p-tab p-tab-15096">
                                    Charley
                                </a>
                                                            <a href="https://www.glassesshop.com/eyeglasses/ft0506"
                                   title="Charley"
                                   class="product-title p-tab p-tab-15097 none">
                                    Charley
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-15096">
                                                                            <span class="color-red">$29.95</span>
                                        <span class="pl-3 product-pre-price">$44.95</span>
                                                                    </div>
                                                            <div class="product-title p-tab p-tab-15097 none">
                                                                            <span class="color-red">$29.95</span>
                                        <span class="pl-3 product-pre-price">$44.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0505.png"
                   data-product-id="15096"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/ft0505.png"
                   data-product-id="15096"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
            <div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
        <div class="p-icon d-none d-lg-block">
                    </div>
        <div class="p-icon-favorite">
                            <div class="p-tab p-tab-14266">
                                            <a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
                           data-product="14266">
                            <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                        </a>
                                    </div>
                    </div>
        <div class="product-img-outer">
                            <a href="https://www.glassesshop.com/eyeglasses/fz1564"
                   class="product-img p-tab p-tab-14266"
                   title="Clearwater">
                                            <span class="im img-tag tag-off-per product-icon-text"
                              style="background-color: unset;">&nbsp;</span>
                                        <img class="lazy d-block w-100 product-img-default"
                         src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                         data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc4589ed2dc6.jpg" alt="Clearwater Brown/Crystal Polygon Acetate Eyeglasses">
                                            <img class="lazy w-100 product-img-second"
                             src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                             data-src="https://glassesshop-res.cloudinary.com/c_fill,f_auto,fl_lossy,q_auto,w_800,h_400,c_pad/products/202011/5fc458a030660.jpg" alt="Clearwater Brown/Crystal Polygon Acetate Eyeglasses">
                                    </a>
                    </div>
        <div class="p-title-block">
            <div class="row no-gutters d-lg-flex d-block align-items-center">
                <div class="col-12 col-lg-8">
                    <div class="product-colors d-none d-lg-block product-colors-pc-left">
                                                    
                                                            <span class="product-color active"
                                      title="Brown/Crystal"
                                      data-target=".p-tab-14266"
                                      data-product="14266"
                                      data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1564.png">
                                    <i class="color item-color"
                                                                                    style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fz1564.png) !important;"
                                        >
                                    </i>
                                </span>
                            
                                                                       </div>
                    <div class="product-colors d-block d-lg-none product-colors-mobile-display">
                                                                                                                                <span class="product-color active"
                                              title="Brown/Crystal"
                                              data-target=".p-tab-14266"
                                              data-product="14266"
                                              data-try-it-on="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1564.png">
                                    <i class="color item-color"
                                        style="background-image: url(https://d2fxn89uubslc7.cloudfront.net/product-colors/fz1564.png) !important;" ></i>
                                </span>
                                                                                                                    </div>
                </div>
                <div class="col-12 col-lg-4 text-right d-none d-lg-block">
                                            <div class="p-tab p-tab-14266">
                                                            <a href="javascript:void(0);"
                                   class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
                                   data-product="14266">
                                    <i class="fa fa-heart-o color-link" aria-hidden="true"></i>
                                </a>
                                                    </div>
                                    </div>
            </div>
            <div class="mt-3">
                <div class="row no-gutters">
                    <div class="col-6 col-lg-6">
                        <div class="p-title">
                                                            <a href="https://www.glassesshop.com/eyeglasses/fz1564"
                                   title="Clearwater"
                                   class="product-title p-tab p-tab-14266">
                                    Clearwater
                                </a>
                                                    </div>
                    </div>
                    <div class="col-6 col-lg-6">
                        <div class="p-price">
                                                            <div class="product-title p-tab p-tab-14266">
                                                                            <span>$34.95</span>
                                                                    </div>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="d-lg-none text-center pt-3 mt-2">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1564.png"
                   data-product-id="14266"
                   class="try-on-btn font-12">Try On</a>
            </div>
            <div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
                <a href="javascript:void(0);" data-product="https://glassesshop-res.cloudinary.com/w_600,h_300/tryon/fz1564.png"
                   data-product-id="14266"
                   class="d-block try-on-btn text-decoration-none lg-hover-el">Try On</a>
            </div>
        </div>
    </div>
                        </div>
                        <!-- product end -->
                    </div>
                </div>

            </div>



                <!-- product -->
        <!-- 分页 -->
                    <div class="container">
                <div class="row mt-5 mb-5 d-none d-lg-block">
                    <div class="col-7">
                        
                    </div>
                </div>
            </div>

            <div class="row d-lg-none mb-5">
                <div class="col-12">
                    
                </div>
            </div>
                <!-- 分页 -->


    <!-- Try It On -->



    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/try-on/imgs/mask.png" style="opacity: 0; position: absolute; left: -2000px; top: 0;">
<div class="tryon-outer" style="z-index: 2147483601;">
    <div class="tryon-container">
        <div class="dragger-place"></div>
        <div class="close"></div>
        <div class="img-list img-edit">
            <p class="tips-file" style="color: #f35f11; margin-top: 10px; display: none;">Files: JPG, GIF, PNG, JPEG    Max file size is 10 MB</p>
            <div class="btns clearfix">
                <div class="upload">
                    <span></span><span>UPLOAD PHOTO</span>
                    <div class="mask"></div>
                    <input type="file" accept="image/*"/>
                </div>
                <div class="camera">
                    <span></span>
                    <span>USE TOUR WEBCAM</span>
                </div>
            </div>
            <div class="imgs clearfix">
                <div class="left">
                    <img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/try-on/imgs/model_w1.jpg"/>
                    <div class="mask">
                        <div class="imgContainer" style="width: 280px; top: 123px; left: 90px">
                            <img class="tryOnFrameImage" src=""/>
                        </div>
                    </div>
                    <div class="edit-icons">
                        <div class="rotate_left"></div>
                        <div class="rotate_right"></div>
                        <div class="rotate_bigger"></div>
                        <div class="rotate_smaller"></div>
                    </div>
                </div>
                <div class="right">
                    <div class="top-arrow arrow"></div>
                    <div class="list-outer">
                        <div class="list"></div>
                    </div>
                    <div class="bottom-arrow arrow"></div>
                </div>
            </div>
            <div class="takepic-container">
                <div class="takepic">
                    <div class="close"></div>
                    <div class="content">
                        <video id="video" width="400px" height="400px" autoplay="autoplay"></video>
                        <canvas id="canvas" width="400px" height="400px"></canvas>
                    </div>
                    <div class="btns2">
                        <div>Turn on the Camera</div>
                        <div>Take Photo</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="img-upload img-edit">
            <div class="img">
                <img/>
                <div class="edit-icons">
                    <div class="rotate_left"></div>
                    <div class="rotate_right"></div>
                    <div class="rotate_bigger" style="display: none"></div>
                    <div class="rotate_smaller" style="display: none"></div>
                    <div class="rotate_shang"></div>
                    <div class="rotate_xia"></div>
                    <div class="rotate_zuo"></div>
                    <div class="rotate_you"></div>
                </div>
            </div>
            <div class="tools clearfix">
                <div>Drag the box to crop the image</div>
                <!-- <div class="rotate">Rotate image</div> -->
            </div>
            <div class="btns">
                <div class="continue">CONTINUE</div>
                <div class="back">BACK</div>
            </div>
            <div class="rotate-outer">
                <div class="rotate-container">
                    <div>请输入旋转角度</div>
                    <input type="number"/>
                    <div class="btns clearfix">
                        <div class="confirm">OK</div>
                        <div class="cancel">Cancel</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="img-adjust img-edit">
            <div class="inner clearfix">
                <div class="left">
                    <div class="img">
                        <img/>
                        <div class="mask">
                            <div class="cross"></div>
                            <div class="cross"></div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="close"></div>
                    <div class="right-content">
                        <div class="title">Adjust the Image</div>
                        <div class="item">
                            <div class="img"></div>
                            <div class="content"><span>1.</span>Drag the <span style="color: red">RED</span> target to
                                the center of your eyes.
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"></div>
                            <div class="content"><span>2.</span>Adjust the photo with the bottom controls.</div>
                        </div>
                        <div class="item" style="display: none">
                            <div class="img"></div>
                            <div class="content">
                                <span>3.</span>Set your PD,if you know it.
                                <div class="pd">
                                    <span>PD</span>
                                    <select class="select-pd">
                                        <option value="50">50</option>
                                        <option value="51">51</option>
                                        <option value="52">52</option>
                                        <option value="53">53</option>
                                        <option value="54">54</option>
                                        <option value="55">55</option>
                                        <option value="56">56</option>
                                        <option value="56">56</option>
                                        <option value="57">57</option>
                                        <option value="58">58</option>
                                        <option value="59">59</option>
                                        <option value="60">60</option>
                                        <option value="61">61</option>
                                        <option value="62">62</option>
                                        <option value="63" selected="selected">63</option>
                                        <option value="64">64</option>
                                        <option value="65">65</option>
                                        <option value="66">66</option>
                                        <option value="67">67</option>
                                        <option value="68">68</option>
                                        <option value="69">69</option>
                                        <option value="70">70</option>
                                        <option value="71">71</option>
                                        <option value="72">72</option>
                                        <option value="73">73</option>
                                        <option value="74">74</option>
                                        <option value="75">75</option>
                                        <option value="76">76</option>
                                        <option value="77">77</option>
                                        <option value="78">78</option>
                                        <option value="79">79</option>
                                        <option value="80">80</option>
                                        <option value="81">81</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btns">
                <div class="setPd" style="display: none">SET PD</div>
                <div class="confirm">CONFIRM</div>
                <div class="back">BACK</div>
            </div>
        </div>
        <div class="img-video-tip img-edit">
            <div class="inner clearfix">
                <div class="left">
                    <div class="img">
                        <div class="content">
                            <video id="video" width="400px" height="400px" autoplay="autoplay"></video>
                            <div class="videoMask"></div>
                            <canvas id="canvas" width="400px" height="400px"></canvas>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="close"></div>
                    <div class="right-content">
                        <div class="title">For Best Results:</div>
                        <div class="items">
                            <div class="item">
                                <div class="img"></div>
                                <div class="content"><span>1.</span>Keep your face forward and level.</div>
                            </div>
                            <div class="item">
                                <div class="img"></div>
                                <div class="content"><span>2.</span>Use a photo without glasses.</div>
                            </div>
                            <div class="item">
                                <div class="img"></div>
                                <div class="content"><span>3.</span>Refrain from tilting your head or using a profile
                                    picture.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btns">
                <div class="setPd">SET PD</div>
                <div class="confirm">CONFIRM PHOTO</div>
                <div class="back">BACK</div>
            </div>
        </div>
        <div class="img-compare img-edit">
            <div class="glass-item">
                <div class="img">
                    <img/>
                    <div class="mask">
                        <img class="tryOnFrameImage" src=""/>
                    </div>
                    <div class="edit-icons">
                        <div class="rotate_left"></div>
                        <div class="rotate_right"></div>
                        <div class="rotate_bigger"></div>
                        <div class="rotate_smaller"></div>
                    </div>
                </div>
                <div class="titles">
                    <div>Frame too large or too small?</div>
                    <div>check its <a href="#dimensions-default">dimensions</a> or select a different size or style
                    </div>
                </div>
                <div class="btns">
                    <div class="change">Change a photo</div>
                    <div class="compare">Compare</div>
                </div>
                <input type="file" accept="image/*" style="display: none"/>
            </div>
        </div>
        <div class="img-try img-edit try-on-compare-detail">
            <div class="outer">
                <div class="inner">
                    <div class="inner-item">
                        <div class="glass-item">
                            <div class="img">
                                <img/>
                                <div class="mask">
                                    <img class="tryOnCompareFrameImage" src=""/>
                                </div>
                                <!-- <div class="edit-icons">
                                <div class="rotate_left"></div>
                                <div class="rotate_right"></div>
                                <div class="rotate_bigger"></div>
                                <div class="rotate_smaller"></div>
                            </div> -->
                            </div>
                        </div>
                        <div class="inches">
                            <div class="inner">
                                <div class="img">
                                    <div class="mask">
                                        <div class="imgContainer">
                                            <img class="compareFrameImage" src=""/>
                                        </div>
                                    </div>
                                </div>
                                <div class="msg clearfix">
                                    <div class="infos">
                                        <div>SKU: <span class="gInfo-SKU"></span></div>
                                        <div>Frame: <span class="gInfo-Frame"></span></div>
                                        <div>Shape: <span class="gInfo-Shape"></span></div>
                                        <div>Weight: <span class="gInfo-Weight"></span></div>
                                        <div>Gender: <span class="gInfo-Gender"></span></div>
                                        <div>Material: <span class="gInfo-Material"></span></div>
                                        <div>Bifocal: <span class="gInfo-Bifocal"></span></div>
                                        <div>Progressive: <span class="gInfo-Progressive"></span></div>
                                    </div>
                                    <div class="inchInfos">
                                        <div><span class="gInfo-S1"></span></div>
                                        <div><span class="gInfo-S2"></span></div>
                                        <div><span class="gInfo-S3"></span></div>
                                        <div><span class="gInfo-S4"></span></div>
                                        <div><span class="gInfo-S5"></span></div>
                                        <div><span class="gInfo-S6"></span></div>
                                        <a>Show in inches</a>
                                    </div>
                                </div>
                            </div>


                        </div>
                        <div class="titles clearfix">
                            <span></span>
                            <span>Price:</span>
                        </div>
                        <div class="btns">
                            <div class="confirm">CONFIRM</div>
                            <div class="like"></div>
                            <div class="trash"></div>
                        </div>
                    </div>
                    <div class="inner-item">
                        <div class="glass-item">
                            <div class="img">
                                <img/>
                                <div class="mask">
                                    <img class="tryOnCompareFrameImage" src=""/>
                                </div>
                                <!-- <div class="edit-icons">
                                <div class="rotate_left"></div>
                                <div class="rotate_right"></div>
                                <div class="rotate_bigger"></div>
                                <div class="rotate_smaller"></div>
                            </div> -->
                            </div>
                        </div>
                        <div class="inches">
                            <div class="inner">
                                <div class="img">
                                    <div class="mask">
                                        <div class="imgContainer">
                                            <img class="compareFrameImage" src=""/>
                                        </div>
                                    </div>
                                </div>
                                <div class="msg clearfix">
                                    <div class="infos">
                                        <div>SKU: <span class="gInfo-SKU"></span></div>
                                        <div>Frame: <span class="gInfo-Frame"></span></div>
                                        <div>Shape: <span class="gInfo-Shape"></span></div>
                                        <div>Weight: <span class="gInfo-Weight"></span></div>
                                        <div>Gender: <span class="gInfo-Gender"></span></div>
                                        <div>Material: <span class="gInfo-Material"></span></div>
                                        <div>Bifocal: <span class="gInfo-Bifocal"></span></div>
                                        <div>Progressive: <span class="gInfo-Progressive"></span></div>
                                    </div>
                                    <div class="inchInfos">
                                        <div><span class="gInfo-S1"></span></div>
                                        <div><span class="gInfo-S2"></span></div>
                                        <div><span class="gInfo-S3"></span></div>
                                        <div><span class="gInfo-S4"></span></div>
                                        <div><span class="gInfo-S5"></span></div>
                                        <div><span class="gInfo-S6"></span></div>
                                        <a>Show in inches</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="titles clearfix">
                            <span class="gInfo-b"></span>
                            <span class="gInfo-price">Price:</span>
                        </div>
                        <div class="btns">
                            <div class="confirm">CONFIRM</div>
                            <div class="like"></div>
                            <div class="trash"></div>
                        </div>
                    </div>
                    <div class="inner-item">
                        <div class="glass-item">
                            <div class="img">
                                <img/>
                                <div class="mask">
                                    <img class="tryOnCompareFrameImage" src=""/>
                                </div>
                                <!-- <div class="edit-icons">
                                <div class="rotate_left"></div>
                                <div class="rotate_right"></div>
                                <div class="rotate_bigger"></div>
                                <div class="rotate_smaller"></div>
                            </div> -->
                            </div>
                            <!-- <div class="titles clearfix">
                                <span>Aspen</span>
                                <span>Price:$44.95</span>
                            </div> -->
                        </div>
                        <div class="inches">
                            <div class="inner">
                                <div class="img">
                                    <div class="mask">
                                        <div class="imgContainer">
                                            <img class="compareFrameImage" src=""/>
                                        </div>
                                    </div>
                                </div>
                                <div class="msg clearfix">
                                    <div class="infos">
                                        <div>SKU: <span class="gInfo-SKU"></span></div>
                                        <div>Frame: <span class="gInfo-Frame"></span></div>
                                        <div>Shape: <span class="gInfo-Shape"></span></div>
                                        <div>Weight: <span class="gInfo-Weight"></span></div>
                                        <div>Gender: <span class="gInfo-Gender"></span></div>
                                        <div>Material: <span class="gInfo-Material"></span></div>
                                        <div>Bifocal: <span class="gInfo-Bifocal"></span></div>
                                        <div>Progressive: <span class="gInfo-Progressive"></span></div>
                                    </div>
                                    <div class="inchInfos">
                                        <div><span class="gInfo-S1"></span></div>
                                        <div><span class="gInfo-S2"></span></div>
                                        <div><span class="gInfo-S3"></span></div>
                                        <div><span class="gInfo-S4"></span></div>
                                        <div><span class="gInfo-S5"></span></div>
                                        <div><span class="gInfo-S6"></span></div>
                                        <a>Show in inches</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="titles clearfix">
                            <span class="gInfo-b"></span>
                            <span class="gInfo-price">Price:</span>
                        </div>
                        <div class="btns">
                            <div class="confirm">CONFIRM</div>
                            <div class="like"></div>
                            <div class="trash"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


        <!-- Try It On -->
        <div class="row pb-6 d-lg-none"></div>
    </div>

    <!-- 分类描述,后期移除↓ -->
        <!-- 分类描述,后期移除↑ -->

    
    
    <!-- right fixed -->
        <aside class="right-fixed">
            <a href="#top" class="fixed-scroll-top"></a>
            
        </aside>
        <!-- right fixed -->
    </main>

            <footer class="galsses-footer">
            <div class="footer-with-us">
                <div class="container">
                                    </div>
            </div>
            <div class="footer-info">
                <div class="container">
                    <div class="row justify-content-between footer-info-content">
                        <div class="col-lg-2 col-12 d-none d-lg-block">
                            <a class="footer-info-title">
                                Contact Us
                            </a>
                            <div class="collapse footer-info-item footer-info-icon d-lg-block d-none">
                                <a href="mailto:service@glassesshop.com">
                                    <div class="footer-content">
                                        <img class="footer-img"
                                             src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/after-sales/email-icon.svg">
                                        <div class="footer-title">
                                            E-mail
                                        </div>
                                        <div class="footer-dec">
                                            service@GlassesShop.com
                                        </div>
                                    </div>
                                </a>
                                <a href="javascript:;" class="nav-help-chat live-chat">
                                    <div class="footer-content">
                                        <img class="footer-img"
                                             src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/after-sales/livechat-icon.svg">
                                        <div class="footer-title">
                                            Live Chat
                                        </div>
                                        <div class="footer-dec">
                                            9 am to 5 pm Mon. to Fri. (EST)
                                        </div>
                                    </div>
                                </a>
                                <a href="tel:1-855-202-0123">
                                    <div class="footer-content">
                                        <img class="footer-img"
                                             src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/after-sales/call-icon.svg">
                                        <div class="footer-title">
                                            Call: 1-855-202-0123
                                        </div>
                                        <div class="footer-dec">
                                            9 am to 5 pm Mon. to Fri. (EST)
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <a class="footer-info-title">
                                Follow Us
                            </a>
                            <div class="collapse d-lg-block d-none">
                                <div class="row m-0 flex-nowrap">
                                    <a href="https://www.instagram.com/iglassesshop/" target="_blank"
                                       title="Follow us on Instagram" class="footer-social">
                                        <i class="footer-social-icon fa fa-instagram"
                                           style="color: rgb(221, 49, 114);"></i>
                                    </a>
                                    <a href="https://www.facebook.com/iGlassesShop" target="_blank"
                                       title="Follow us on Facebook" class="footer-social">
                                        <i class="footer-social-icon fa fa-facebook-f"
                                           style="color: rgb(63, 89, 149);"></i>
                                    </a>
                                    <a href="https://twitter.com/glassesshop" target="_blank"
                                       title="Follow us on Twitter" class="footer-social">
                                        <i class="footer-social-icon fa fa-twitter"
                                           style="color: rgb(0, 169, 236);"></i>
                                    </a>
                                    <a href="https://www.pinterest.com/glassesshop/" target="_blank"
                                       title="Follow us on Pinterest" class="footer-social">
                                        <i class="footer-social-icon fa fa-pinterest-p"
                                           style="color: rgb(188, 17, 34);"></i>
                                    </a>
                                    <a href="https://www.youtube.com/channel/UCVl_tXoMw5CI9gRDUSVOf4g/" target="_blank"
                                       title="Follow us on Youtube" class="footer-social">
                                        <i class="footer-social-icon fa fa-youtube-play"
                                           style="color: rgb(255, 0, 9);"></i>
                                    </a>
                                </div>
                            </div>
                                                            <div id="google_translate_element"></div>
                                                    </div>
                        <div class="col-lg-2 col-12 footer-about-us">
                            <a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterShop">
                                About Us
                            </a>
                            <span class="footer-info-title d-none d-lg-inline-block">
                                About us
                            </span>
                            <div class="collapse footer-info-item d-lg-block" id="collapseFooterShop">
                                <a href="/doc/about-us" title="Our Story">Our Story</a>
                                <a href="/doc/shipping-and-return" title="Shipping & Return">Shipping & Return</a>
                                <a href="/order-tracking" title="Track My Order">Track my order</a>
                                <a href="/doc/terms-conditions" title="Terms of Use">Terms of Use</a>
                                <a href="/doc/privacy" title="Privacy & Security">Privacy & Security</a>
                                <a href="/blog">Blog</a>
                            </div>
                            <div class="footer-deals-mobile">
                                <a class="footer-info-title d-lg-none mobile">
                                    Great Deals
                                </a>
                                <span class="footer-info-title d-none d-lg-inline-block">
                                    Great Deals
                                </span>
                                <div class="collapse footer-info-item d-lg-block">
                                    <a href="/buy-one-get-one-free" title="Buy One Get One Free">Buy One Get One
                                        Free</a>
                                    <a href="/first-pair" title="First Pair Free">First Pair Free</a>
                                    <a href="/eyeglasses?search=under20" title="Glasses Under $20">Glasses Under $20</a>
                                    <a href="/clearance-sale" title="Clearance Sale">Clearance Sale</a>
                                    <a href="/promotion" title="Promotions">Promotions</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2  col-12">
                            <a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterTips">
                                Tips & Guides
                            </a>
                            <span class="footer-info-title d-none d-lg-inline-block">
                                Tips & Guides
                            </span>
                            <div class="collapse footer-info-item d-lg-block" id="collapseFooterTips">
                                <a href="/doc/how-do-i-read-my-prescription" title="How to Read My Prescription">How to
                                    Read My Prescription</a>
                                <a href="/doc/how-to-order" title="How to Buy Glasses Online">How to Buy Glasses
                                    Online</a>
                                <a href="/doc/measure-pd" title="Measure PD at Home">Measure PD at Home</a>
                                <a href="/lenses" title="How to choose Lenses">How to choose Lenses</a>
                                <a href="/doc/how-to-choose-glasses" title="Frames for Your Face Shape">Frames for Your
                                    Face Shape</a>
                                <a href="/doc/helpcenter" title="Help Center">Help Center</a>
                                <a href="/collection/shapes" title="Shop by Shape">Shop by Shape</a>
                                <a href="/collection/colors" title="Shop by Color">Shop by Color</a>
                            </div>
                        </div>
                        <div class="col-lg-2  col-12">
                            <a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterService">
                                Product
                            </a>
                            <span class="footer-info-title d-none d-lg-inline-block">
                                Product
                            </span>
                            <div class="collapse footer-info-item d-lg-block" id="collapseFooterService">
                                <a href="/women-eyeglasses" title="Women Eyeglasses">Women's Eyeglasses</a>
                                <a href="/men-eyeglasses" title="Men Eyelgasses">Men' Eyeglasses</a>
                                <a href="/affordable-eyeglasses" title="Affordable Glasses">Affordable Glasses</a>
                                <a href="/readers" title="Reading Glasses">Reading Glasses</a>
                                <a href="/sports-eyeglasses" title="Sports Glasses">Sports Glasses</a>
                                <a href="/progressive-eyeglasses" title="Progressive Glasses">Progressive Glasses</a>
                                <a href="/promotion/prescription-bluelight" title="Blue-Light Glasses">Blue-Light
                                    Glasses</a>
                                <a href="/prescription-sunglasses" title="Prescription Sunglasses">Prescription
                                    Sunglasses</a>
                                <a href="/polarized-sunglasses" title="Polarized Sunglasses">Polarized Sunglasses</a>
                                <a href="/bestsellers" title="Best Sellers">Best Sellers</a>
                                <a href="/new-arrivals" title="New Arrivals">New Arrivals</a>
                                <a href="/gift-cards" title="Gift Cards">Gift Cards</a>
                                <a href="/accessories" title="Accessories">Accessories</a>
                            </div>
                        </div>
                        <div class="col-lg-2  col-12">
                            <a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterPrograms">
                                Programs
                            </a>
                            <span class="footer-info-title d-none d-lg-inline-block">
                                Programs
                            </span>
                            <div class="collapse footer-info-item d-lg-block" id="collapseFooterPrograms">
                                <a href="/doc/affiliate" title="Affiliate Program">Affiliate Program</a>
                                <a href="/promotion/student-discount" title="Student Discount">Student Discount</a>
                                <a href="/customer/invite_friends">Refer a Friend</a>
                                <a href="/doc/points-program" title="Points Program">Points Program</a>
                                <a href="/loyalty-program" title="Loyalty Program">Loyalty Program</a>
                                <a href="/doc/flexible-spending-accounts">FSA/HSA</a>
                            </div>
                        </div>
                        <div class="col-lg-2 col-12 footer-deals">
                            <a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterGreat">
                                Great Deals
                            </a>
                            <span class="footer-info-title d-none d-lg-inline-block">
                                Great Deals
                            </span>
                            <div class="collapse footer-info-item d-lg-block" id="collapseFooterGreat">
                                <a href="/buy-one-get-one-free" title="Buy One Get One Free">Buy One Get One Free</a>
                                <a href="/first-pair" title="First Pair Free">First Pair Free</a>
                                <a href="/eyeglasses?search=under20" title="Glasses Under $20">Glasses Under $20</a>
                                <a href="/clearance-sale" title="Clearance Sale">Clearance Sale</a>
                                <a href="/promotion" title="Promotions">Promotions</a>
                            </div>
                        </div>
                    </div>
                    <div class="certificate d-none d-lg-flex">
                        <a href="https://sealserver.trustwave.com/cert.php?customerId=&size=105x54&style=normal&baseURL=www.glassesshop.com">
                            
                            <img class="img-fluid img-icon1"
                                 src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/after-sales/1.png">
                        </a>
                        
                        
                        
                        
                        
                        
                        <a href="https://www.trustpilot.com/review/www.glassesshop.com">
                            <img class="img-fluid img-icon1"
                                 src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/trustpilot/trustpilot_4.4.png">
                        </a>
                        
                        
                        
                                                <a href="https://www.google.com/shopping/ratings/account/metrics?q=glassesshop.com&c=US&v=17&hl=en">
                            <img class="img-fluid img-icon1"
                                 src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/google-review-rating/4.6.png">
                        </a>
                        <img class="float-right img-icon3"
                             src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/index/210527/card.png">
                    </div>
                </div>
            </div>
            <!-- Lookbook其他连接 -->
            <div class="pt-4 pb-4 d-lg-none">
                <div class="col-12">
                    <h3 class="text-center mb-3">Follow us</h3>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <a href="https://www.instagram.com/iglassesshop/" class="lookbook-icon lookbook-instagram ml-0"></a>
                    <a href="https://www.facebook.com/iGlassesShop" class="lookbook-icon lookbook-facebook"></a>
                    <a href="https://www.pinterest.com/glassesshop/" class="lookbook-icon lookbook-pinterest"></a>
                    <a href="https://twitter.com/glassesshop" class="lookbook-icon lookbook-twitter"></a>
                    <a href="https://www.youtube.com/channel/UCVl_tXoMw5CI9gRDUSVOf4g/"
                       class="lookbook-icon lookbook-youtube"></a>
                </div>
            </div>
            <!-- Lookbook其他连接 -->
            <div class="container">
                
                
                
                
                
                
                
                
                
                
                
                
                <div class="row footer-card">
                    <div class="conclusion footer-bottom font-12 m-0 col-lg-12 col-12 text-center">©
                        Copyright 2022 Glassesshop.com. All Right Reserved&nbsp;|&nbsp;
                        <a href="/doc/privacy">Privacy Policy</a>
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="/doc/terms-conditions">Terms & Conditions</a>
                    </div>
                </div>
                <div class="footer-img-content d-lg-none">
                    <a href="https://sealserver.trustwave.com/cert.php?customerId=&size=105x54&style=normal&baseURL=www.glassesshop.com">
                        <img class="img-fluid img-icon1 mobile"
                             src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/layout/1.png">
                    </a>
                    
                    
                    
                    
                    
                    
                    <a href="https://www.trustpilot.com/review/www.glassesshop.com">
                        <img class="img-fluid img-icon1 mobile"
                             src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/trustpilot/trustpilot_4.4.png">
                    </a>
                    <a href="javascript:;">
                        <img class="img-fluid img-icon2 mobile"
                             src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/mobile/layout/5.png">
                    </a>
                    
                    
                    
                    
                </div>
            </div>
        </footer>
    
</div>

<div class="modal popup-wrapper" tabindex="-1" role="dialog" style="display: none">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="border-radius: 0;">
            <div class="modal-header popup-header">
                <h4 class="modal-title" id="myLargeModalLabel"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" class="font-18">×</span>
                </button>
            </div>
            <div class="modal-body text-center popup-message">
                <h4 class="font-18">
                    Remove this frame from your cart?
                </h4>
            </div>
            <div class="modal-footer text-center action popup-footer">
                <button type="button" class="btn btn-base model-confirm-btn m-3" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">YES</span>
                </button>
                <button type="button" class="btn btn-base model-cancel-btn m-3" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">NO</span>
                </button>
            </div>
        </div>
    </div>
</div>

<div id="amazon-root"></div>

<link rel="stylesheet" href="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/css/first-visit-vision-a.css?v=2022032405"/>
<style>
    .newsletter-img {
        aspect-ratio: 400 / 440;
    }

    @media  screen and (max-width: 991.98px) {
        .newsletter-img {
            aspect-ratio: 386 / 293;
        }
    }
</style>

<!--first-visit-vision-a Modal-->
<div class="modal fade first-visit-modal first-visit-vision-a show" id="firstVisitModal" tabindex="-1" role="dialog"
     aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        <picture>
                            <source media="(max-width: 991.98px)"
                                  srcset="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/modal-close-model.png"/>
                            <source media="(min-width: 992px)"
                                  srcset="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/modal-close-new.png"/>
                            <img class="img-fluid" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/modal-close-new.png" alt=""/>
                        </picture>
                    </span>
                </button>
            </div>
            <div class="modal-body">
                <div id="fvp-new" class="first-visit-content-a first-visit-popup-a">
                    <div class="first-popup-img">
                        <div class="img-box">
                            <picture>
                                <source media="(max-width: 991.98px)"
                                        srcset="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/fvp-banner-model-2022032401.jpg"/>
                                <source media="(min-width: 992px)"
                                        srcset="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/fvp-banner-2022032401.jpg"/>
                                <img class="img-fluid newsletter-img"
                                     src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/fvp-banner-2022032401.jpg"
                                     alt=""/>
                            </picture>
                        </div>
                    </div>
                    <div id="first-visit-popup-full" class="first-visit-popup-full-a clearfix" style="">
                        <form action="#" method="post" class="first-visit-popup-form" style="display: none;">
                            <input type="hidden" name="_token" value="TPS95a8aBTcuD7pIymSKaAU51Fk8dLj90inDVGSI">                            <div class="first-popup-text">
                                <div class="first-info">Join our email list to grab</div>

                                <div class="first-title">
                                    50% off frames
                                    <span>+ free shipping</span>
                                </div>

                                <p class="tips" style="opacity: 0;">Your email address already exists in our
                                    records.</p>

                                <div class="button-box">
                                    <div class="field-container">
                                        <input type="email" name="email" id="subscribe-newsletter-coupon"
                                               class="subscribe-newsletter-coupon" placeholder="Enter your email here">
                                        <input type="hidden" name="email_type" value="firstvisit">
                                    </div>

                                    <button type="button" class="btn btn-fvp-subscribe event-fvp-subscribe">Send Me
                                        Coupon
                                    </button>
                                </div>
                                <div class="first-guarantee">
                                    <div class="row">
                                        <div class="col-6 pr-0" style="border-right: 1px solid #333;">
                                            <div class="first-guarantee-text justify-content-start">
                                                <img class="img-fluid"
                                                     src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/return-icon.svg"
                                                     style="height: 30px;">
                                                <div class="pl-3"><span class="b">30 Day</span><br>
                                                    Free Return<br>
                                                    & Exchange
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="first-guarantee-text justify-content-start">
                                                <img class="img-fluid"
                                                     src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/guarantee-icon.svg"
                                                     style="height: 30px;">
                                                <div class="pl-3"><span class="b">365 Day</span><br>
                                                    Frame<br>
                                                    Guarantee
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <p class="first-popup-bottom">
                                    *Time-Limited offer. New subscribers only.<br>
                                    Free standard shipping only.<br class="d-none d-lg-inline">
                                    <a href="https://www.glassesshop.com/doc/privacy">Privacy policy</a>
                                </p>
                            </div>
                        </form>
                        <div class="js-coupon-success first-popup-text success-text first-visit-popup-text"
                             style="display: none;">
                            <div class="en-first-top">
                                Thank you for your subscribing!
                            </div>
                            <div class="en-first-content">
                                <p class="en-first-title">
                                    Use code <span class="code" id="coupon-code">Welcome50</span>
                                </p>
                                <p class="en-first-text">
                                    For 50% off your frames<br> <span style="color: #ae2145">plus free standard shipping.</span>
                                </p>
                                <a href="/promotion/first-50-off"
                                   class="btn btn-fvp-subscribe event-fvp-subscribe choose-glasses-now">Choose Glasses
                                    Now</a>
                            </div>

                            <div class="en-first-terms d-none d-lg-block">
                                *Sale frames excluded. *Free standard shipping only.
                            </div>
                            <div class="en-first-terms d-block d-lg-none">
                                *Time limited. *Sale frames excluded.<br> <span style="color: #ae2145">*Free standard shipping only.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="js-first-popup" data-href="">
    <div id="fvp-final-a" class="fvp-final-a event-fvp-bar" style="display: none;">
        <div class="fvp-final-txt">
            <div class="click-txt">
                <div class="first-info">First time here?</div>
                <div class="first-title">Get 50% off<br>
                    <span style="color: #ae2145">+ free shipping</span>
                </div>
            </div>
        </div>
        <span class="fvp-final-close">
            <img class="img-fluid" src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/first-visit-vision-a/modal-close.png"
                 alt=""/>
        </span>
    </div>
</div>
<!--first-visit-vision-a Modal-->

<script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/js/first-visit.js?v=2021101802" async="async"></script>

<script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/js/jquery.validate.min.js"></script>
<!-- JS file -->
<script src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/plugins/easyAutocomplete/jquery.easy-autocomplete.min.js?v=2021040801"></script>
<script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/slick.min.js"></script>
    <script src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/try-on/js/jquery.mobile.custom.min.js"></script>
    <script src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/try-on/js/cropper.min.js"></script>
    <script src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/try-on/js/tryon2.js?v=2021032906"></script>

    <script src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/js/plugins/jquery-ui-1.12.1/jquery-ui.js"></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/assets/js/jquery.ui.touch-punch.min.js"></script>






    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/plugins/lazyload/lazyload.min.js"></script>
    <script type="text/javascript" src="//d22qih3asjv3x0.cloudfront.net/1/static/public/statics/plugins/slick/js/slick.min.js"></script>
<script>
    $(function () {
        // PC端搜索样式
        $('.nav-form-search .btn-outline-success').click(function () {
            event.preventDefault();
            let $form = $(this).closest('form');
            if ($form.hasClass('active-search')) {
                $form.submit();
            } else {
                $(this).parent('.nav-form-search').addClass('active-search');
                $('.searchSuggestions').css('display', 'block');
                $('.nav-form-search .input-search').focus();
                let curSymbol = '$';

                $.ajax({
                    url: '/search/auto-suggest-pc?word=clickSearch',
                    type: 'get',
                    success: function (res) {

                        $('.fixed-items-list').css('display', 'block');
                        $('.recentHeader').css('display', 'block');
                        $('.suggestedHeader').css('display', 'none');
                        $('#list-items').css('display', 'none');

                        let product = '<ul class="product-list clearfix algolia-product-list" id="search-product-lists">';
                        $.each(res.productsInfo, function (index, val) {
                            product += '<li class="product-item">';
                            product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
                            product += '<img src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '"> </a>';
                            product += '<div class="product-desc clearfix">';
                            product += '<a class="product-title" onclick="" href="">' + val.skuTitle + '</a> - ';
                            if (val.listPrice > val.salePrice) {
                                product += '<span class="product-price color-red">' + curSymbol + val.salePrice + '</span>';
                            } else {
                                product += '<span class="product-price">' + curSymbol + val.salePrice + '</span>';
                            }
                            product += '</div>';
                            product += '</li>';
                        });
                        product += '</ul>';

                        $('#search-product-lists').html(product);

                        $('.searchSuggestions').css('display', 'block');
                        // delete Recent Queries
                        $('#suggesthits_copy .icon-close').click(function () {
                            $(this).parent('.items-list').remove();
                        });
                    },
                });
            }
        });

        // PC端搜索
        $("#input-search-item").bind('input porpertychange', function () {
            let word = $('#input-search-item').val();
            let curSymbol = '$';

            $.ajax({
                url: '/search/auto-suggest-pc',
                data: {'word': word},
                type: 'get',
                success: function (res) {
                    if (res.code == 500) {
                        $('.searchSuggestions').css('display', 'none');
                        return false;
                    }

                    if (res.search) {
                        $('.fixed-items-list').css('display', 'none');
                        $('.recentHeader').css('display', 'none');
                        $('.suggestedHeader').css('display', 'block');

                        let content = '<div class="list-items" id="list-items">';
                        $.each(res.search, function (index, val) {
                            content += '<div class="items-list">';
                            content += '<a href="' + val.link + '">' + val.word + '</a>';
                            content += '<img src="https://d2fxn89uubslc7.cloudfront.net/1/static/public/statics/images/new-index/del.png" alt="delete" class="icon-close">';
                            content += '</div>';
                            if (index >= 5) return false;
                        });

                        $('#list-items').html(content);
                        $('#list-items').css('display', 'block');

                        let product = '<ul class="product-list clearfix algolia-product-list" id="search-product-lists">';
                        $.each(res.productsInfo, function (index, val) {
                            product += '<li class="product-item">';
                            product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
                            product += '<img src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '"> </a>';
                            product += '<div class="product-desc clearfix">';
                            product += '<a class="product-title" onclick="" href="">' + val.skuTitle + '</a> - ';
                            if (val.listPrice > val.salePrice) {
                                product += '<span class="product-price color-red">' + curSymbol + val.salePrice + '</span>';
                            } else {
                                product += '<span class="product-price">' + curSymbol + val.salePrice + '</span>';
                            }
                            product += '</div>';
                            product += '</li>';
                        });
                        product += '</ul>';

                        $('#search-product-lists').html(product);
                    } else {
                        $('.fixed-items-list').css('display', 'block');
                        $('.recentHeader').css('display', 'block');
                        $('.suggestedHeader').css('display', 'none');
                        $('#list-items').css('display', 'none');
                    }

                    //
                    $('.searchSuggestions').css('display', 'block');
                    // delete Recent Queries
                    $('#suggesthits_copy .icon-close').click(function () {
                        $(this).parent('.items-list').remove();
                    });
                },
            });
        })

        // 移动端点击搜索
        $('#navSearch').on('show.bs.collapse', function (event) {
            $('body,#wrapper').css('overflow', 'hidden');
            $('#wrapper').append("<div id='overlay'></div>");

            let curSymbol = '$';

            $.ajax({
                url: '/search/auto-suggest-pc?word=clickSearch',
                type: 'get',
                success: function (res) {


                    let product = '<ul class="product-list clearfix algolia-product-list">';
                    $.each(res.productsInfo, function (index, val) {
                        product += '<li class="product-item">';
                        product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
                        product += '<img class="img-fluid" src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '">';
                        product += '<div class="product-desc clearfix">';
                        product += '<span class="product-lable">' + val.skuTitle + '</span>';
                        if (val.listPrice > val.salePrice) {
                            product += '<span class="search-product-price color-red">' + curSymbol + val.salePrice + '</span>';
                        } else {
                            product += '<span class="search-product-price">' + curSymbol + val.salePrice + '</span>';
                        }
                        product += '</div> </a>';
                        product += '</li>';
                    });
                    product += '</ul>';

                    $('#search-suggestions-poduct').html(product);
                },
            });
        }).on('hidden.bs.collapse', function (event) {
            if (event.target === this) {
                $('body,#wrapper').css('overflow', 'auto');
                $('#overlay').remove();
            }
        });

        $("#input-search-mobile").bind('input porpertychange', function () {
            let word = $('#input-search-mobile').val();
            let curSymbol = '$';

            $.ajax({
                url: '/search/auto-suggest-pc',
                data: {'word': word},
                type: 'get',
                success: function (res) {
                    if (res.code == 500) {
                        $('#popular-queries').css('display', 'block');
                        $('#easy-autocomplete-container ul').css('display', 'none')
                        return false;
                    }

                    if (res.search) {
                        // $('.fixed-items-list').css('display', 'none');
                        // $('.recentHeader').css('display', 'none');
                        // $('.suggestedHeader').css('display', 'block');
                        $('#popular-queries').css('display', 'none');
                        $('#easy-autocomplete-container').css('display', 'block')

                        let content = '<ul style="display: block">';
                        $.each(res.search, function (index, val) {
                            content += '<li><div class="eac-item">';
                            content += '<a href="' + val.link + '">' + val.word + '</a>';
                            content += '</div></li>'
                            if (index >= 5) return false;
                        });
                        content += '</ul>';

                        $('#easy-autocomplete-container').html(content)

                        let product = '<ul class="product-list clearfix algolia-product-list">';
                        $.each(res.productsInfo, function (index, val) {
                            product += '<li class="product-item">';
                            product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
                            product += '<img class="img-fluid" src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '">';
                            product += '<div class="product-desc clearfix">';
                            product += '<span class="product-lable">' + val.skuTitle + '</span>';
                            if (val.listPrice > val.salePrice) {
                                product += '<span class="product-price color-red">' + curSymbol + val.salePrice + '</span>';
                            } else {
                                product += '<span class="product-price">' + curSymbol + val.salePrice + '</span>';
                            }
                            product += '</div> </a>';
                            product += '</li>';
                        });
                        product += '</ul>';

                        $('#search-suggestions-poduct').html(product);
                    } else {
                        $('.fixed-items-list').css('display', 'block');
                        $('.recentHeader').css('display', 'block');
                        $('.suggestedHeader').css('display', 'none');
                        $('#list-items').css('display', 'none');
                    }

                    //
                    $('.searchSuggestions').css('display', 'block');
                    // delete Recent Queries
                    $('#suggesthits_copy .icon-close').click(function () {
                        $(this).parent('.items-list').remove();
                    });
                },
            });
        })

        // 移动端搜索Featured滑动
        $('.search-featured').slick({
            infinite: false,
            variableWidth: true,
            autoplay: false,
            arrows: false,
            autoplaySpeed: 5000,
            dots: false,
        });

        $('.nav-form-search .ais-SearchBox-reset-close').click(function () {
            event.preventDefault();
            $(this).parent('.nav-form-search').removeClass('active-search');
            $('.searchSuggestions').css('display', 'none');
        });

        $('.nav-sign input').on('focus', function () {
            $('.navbar-sign-content').addClass('open');
        }).on('blur', function () {
            $('.navbar-sign-content').removeClass('open');
        });
        $('#signAndAccount, #signIn, #navCreateAccount').on('show.bs.collapse', function (event) {
            $('body,#wrapper').css('overflow', 'hidden');
        }).on('hidden.bs.collapse', function (event) {
            if (event.target === this) {
                $('body,#wrapper').css('overflow', 'auto');
            }
        });
        // 导航关闭
        $('.mobile-mask').on('click', function (event) {
            if (this === event.target) {
                $('.mobile-collapse').collapse('hide');
            }
        });


        // search关闭
        // $('#overlay').click(function (event) {
        //     $('.mobile-collapse').collapse('hide');
        // });
        $('body').on('click', '#overlay', function (event) {
            if (this === event.target) {
                $('#navSearch').collapse('hide');
            }
        });

        // scroll top
        $(window).scroll(function () {
            if ($(this).scrollTop() > 300) {
                $('.fixed-scroll-top').fadeIn();
            } else {
                $('.fixed-scroll-top').fadeOut();
            }
        });
        $(document).scroll(function () {
            if ($(this).scrollTop() > 300) {
                $('.fixed-scroll-top').css('display', 'block');
            } else {
                $('.fixed-scroll-top').css('display', 'none');
            }
        });

        // 移动端搜索插件
        // $('.input-search-mobile').easyAutocomplete({
        //     url: function (word) {
        //         return '/search/auto-suggest?word=' + word + '&format=json';
        //     },
        //     getValue: 'word',
        //     template: {
        //         type: 'links',
        //         fields: {
        //             link: 'link'
        //         }
        //     }
        // });

        // Login & Login Form Validate
        $('.header-login-button').on('click', function (e) {
            var validateForm = $(this).closest('form');
            var validateFormEmail = validateForm.children().find('input[type="email"]');
            validateForm.validate({
                rules: {
                    email: {
                        required: true,
                        email: true
                    },
                    password: {
                        required: true,
                        minlength: 6
                    }
                },
                messages: {
                    email: {
                        required: 'Please enter an email address!',
                        minlength: 'Invalid email address'
                    },
                    password: {
                        required: 'Please enter your password'
                    }
                },
                errorElement: "span",
                errorClass: 'form-text',
                errorPlacement: function (error, element) {
                    error.appendTo(element.parent());
                    element.closest('.form-group')
                        .addClass('form-error');
                },
                success: function (label) {
                    label.closest('.form-group')
                        .removeClass('form-error')
                        .children('.form-text')
                        .removeClass('form-text');
                    label.remove();
                }
            });
            var valid = validateForm.valid();
            if (!valid) {
                return false;
            }
            $.ajax({
                url: '/login/ajax',
                type: 'post',
                data: validateForm.serialize(),
                dataType: 'json',
                success: function (retData) {
                    if ((retData.status == 1) && (retData.code == 200)) {
                        window.location.reload();
                    } else {
                        validateFormEmail.after('<span class="form-text">Invalid email address or password</span>').closest('.form-group').addClass('form-error');
                        return false;
                    }
                }
            });
            e.stopPropagation();
            return false;
        });

        // Register
        $('.header-sign-up-form-button').on('click', function (e) {
            $('.header-sign-up-form').validate({
                rules: {
                    email: {
                        required: true,
                        email: true
                    },
                    firstname: {
                        required: true
                    },
                    lastname: {
                        required: true
                    },
                    password: {
                        required: true,
                        minlength: 6
                    },
                    password_confirmation: {
                        required: true,
                        minlength: 6,
                        equalTo: '#register-password'
                    }
                },
                messages: {
                    password_confirmation: {
                        equalTo: 'Please enter the same password again.'
                    }
                },
                errorElement: "span",
                errorClass: 'form-text',
                errorPlacement: function (error, element) {
                    error.appendTo(element.parent());
                    element.closest('.form-group')
                        .addClass('form-error');
                },
                success: function (label) {
                    label.closest('.form-group')
                        .removeClass('form-error')
                        .children('.form-text')
                        .removeClass('form-text');
                    label.remove();
                }
            });
            var valid = $('.header-sign-up-form').valid();
            if (!valid) {
                return false;
            }

            $.ajax({
                url: '/register/ajax',
                type: 'post',
                data: $('.header-sign-up-form').serialize(),
                dataType: 'json',
                success: function (retData) {
                    if ((retData.status == 1) && (retData.code == 200)) {
                        window.location.href = retData.jumpurl;
                    }
                    if (retData.status == 2) {
                        alert(retData.msg);
                        return false;
                    }
                    if (retData.status == 3) {
                        alert('Something Error, Please contact us!');
                        return false;
                    }
                }
            });
            e.stopPropagation();
        });

        // 导航栏背景色
        $(".navbar-nav-content").hover(
            function(){
                return $(".nav-bac-layer").hasClass("active-bac")?(console.log(11),!1):void $(".nav-bac-layer").addClass("active-bac")},
            function(){
                $(".nav-bac-layer").removeClass("active-bac")
            }
        )

        // Search
        $('.input-search-mobile').on('keydown', function (event) {
            if (event.keyCode == 13) {
                if ($(this).val().trim().length > 0) {
                    $(this).form.submit();
                }

                return false;
            }
        });
        $('.search-form-button').on('click', function () {
            var queryStringLength = $(this).closest('form').children().find('.input-search').val().length;
            if (queryStringLength > 0) {
                $(this).closest('form').submit();
            }

            return false;
        });

        $('.footer-newsletter-btn').on('click', function (event) {
            $.ajax({
                url: '/newsletter/add',
                type: 'post',
                data: $('.footer-newsletter-form').serialize(),
                dataType: 'json',
                success: function (retData) {
                    if (retData.status == 'success') {
                        $('.tooltip-message').html(retData.content).closest('.show-tooltip-area').css('display', 'block');
                    } else {
                        $('.tooltip-message').html(retData.message).closest('.show-tooltip-area').css('display', 'block');
                    }
                }
            });
            event.stopPropagation();
            return false;
        });

        $('.footer-form').on('click', '.tool-tip-close', function () {
            $('.tooltip-message').html('').closest('.show-tooltip-area').css('display', 'none');
        });
    });
</script>


<script type="text/javascript">
    window.onAmazonLoginReady = function () {
        amazon.Login.setClientId('amzn1.application-oa2-client.532d067a996d4ccba5f80885324210ea');
    };
    (function (d) {
        var a = d.createElement('script');
        a.type = 'text/javascript';
        a.async = true;
        a.id = 'amazon-login-sdk';
        a.src = 'https://api-cdn.amazon.com/sdk/login1.js';
        d.getElementById('amazon-root').appendChild(a);
    })(document);

    $(function () {
        $('.login-with-amazon').on('click', function () {
            var options = {scope: 'profile'};
            amazon.Login.authorize(options, '/login/amazon/callback?referer=https://www.glassesshop.com/browline-eyeglasses');
            return false;
        })
    })
</script>

        <script>
        let isMobile = 0;
        let isTablet = 0;
        let _currentUrl = decodeURI(location.href);
        
            _currentUrl = _currentUrl.replace(/\[\d*\]/, '[]');
        let pageRecords = '61';

        function setQueryString(url, flag) {
            if (_currentUrl.indexOf('&amp;') > -1) {
                _currentUrl = _currentUrl.replace(/&amp;/g, '&');
            }
            if (url == 'clear') {
                
                    window.location.href = 'https://www.glassesshop.com/browline-eyeglasses';
            } else {
                switch (flag) {
                    case 'replace':
                        _currentUrl = location.pathname + '?' + url;
                        break;
                    case 'add':
                        
                        if (_currentUrl.indexOf('?') > -1) {
                            _currentUrl += '&' + url;
                        } else {
                            _currentUrl += '?' + url;
                        }
                        break;
                    case 'remove':
                        
                        if (_currentUrl.indexOf('?' + url) > -1 && _currentUrl.indexOf(url + '&') > -1) {
                            _currentUrl = _currentUrl.replace(url + '&', '');
                        } else if (_currentUrl.indexOf('?' + url) > -1 && _currentUrl.indexOf(url + '&') == -1) {
                            _currentUrl = _currentUrl.replace("?" + url, '');
                        } else if (_currentUrl.indexOf('&' + url) > -1) {
                            _currentUrl = _currentUrl.replace('&' + url, '');
                        }
                        break;
                }
                let _url = encodeURI(_currentUrl);
                window.location.href = _url;
            }
        }

        $(function () {
            window.onresize=function(){
                $('.mobile-collapse').height($(window).height()-60);
                $('.filter-wrap').css("padding-bottom",($(window).height()-60)*0.1);
            }
            $('.mobile-collapse').height($(window).height()-60);
            $('.filter-wrap').css("padding-bottom",($(window).height()-60)*0.1);

            // 移动端切换sort
            // $('.categories-sort .sort-item').on('click', function (event) {
            //     $('.categories-sort .navbar-toggler').text($(this).text())
            // })
            // 选择颜色
            $('.product-color').on('click', function () {
                $(this).addClass('active').closest('.product-colors').find('.product-color').not(this).removeClass('active');
                let targetId = $(this).data('target');
                if (targetId) {
                    $(this).closest('.product-list-row').find('.p-tab').addClass('none');
                    $(this).closest('.product-list-row').find(targetId).removeClass('none');
                }
                let tryItOnImage = $(this).data('try-it-on');
                let productId = $(this).data('product');
                if (tryItOnImage) {
                    $(this).closest('.product-list-row').find('.try-on-btn').data('product', tryItOnImage).data('product-id', productId);
                }
            });

            $('.try-on-btn').on('click', function (event) {
                let tryItOnImage = $(this).data('product');

                $('#frameImg').attr('src', tryItOnImage);
                $('.tryOnFrameImage').attr('src', tryItOnImage);
                // $('#tryItOnModal').modal();
            });

            // 初始化移动端Top Choices
            $('.slick-choices').slick({
                infinite: false,
                autoplay: false,
                arrows: false,
                autoplaySpeed: 5000,
                dots: false,
                variableWidth: true,
                slidesToShow: 3,
                slidesToScroll: 2,
                edgeFriction:0,
                responsive: [
                    {
                        breakpoint: 992,
                        settings: {
                            slidesToShow: 6,
                            slidesToScroll: 6,
                        }
                    },
                    {
                        breakpoint: 767.9,
                        settings: {
                            slidesToShow: 3,
                            slidesToScroll: 2,
                        }
                    },
                ]
            });
            //轮播
            $('.slider-banners').slick({
                autoplay: true,
                arrows: true,
                autoplaySpeed: 5000,
                dots: true
            });
            //轮播
            $('.slider-banners-middle').slick({
                autoplay: true,
                arrows: false,
                autoplaySpeed: 5000,
                dots: true
            });
            //拉杆
            $('.slider-range .slider-base').each(function (index, obj) {
                let max = $(this).data('max') || 100;
                let min = $(this).data('min') || 0;
                let values = [min, max];
                if ($(this).data('value')) {
                    values = $(this).data('value').split(',');
                }
                let valueChildren = $(obj).siblings(".slider-value-bar").children('span.slider-value');
                valueChildren.each(function (index, item) {
                    $(this).text(values[index] + 'mm')
                })
                $(this).slider({
                    step: 1,
                    max,
                    min,
                    range: true,
                    values,
                    slide: function (event, ui) {
                        valueChildren.each(function (index, item) {
                            $(this).text(ui.values[index] + 'mm');
                        })
                    },
                    change: function (event, ui) {
                        $('#custom-size').prop('checked', true).trigger('change');
                        let obj = $(this).data('obj');
                        let value = ui.values.join(',');
                        let _size = obj + '=' + value;
                        let _oldValue = values.join(',');
                        let _searchItem = obj + '=' + _oldValue;
                        console.log(_searchItem)

                        if (_currentUrl.indexOf(_searchItem) > -1) {
                            if (_currentUrl.indexOf('&' + _searchItem) > -1) {
                                _currentUrl = _currentUrl.replace('&' + _searchItem, '');
                            } else if (_currentUrl.indexOf('?' + _searchItem) > -1) {
                                if (_currentUrl.indexOf('?' + _searchItem + '&') > -1) {
                                    _currentUrl = _currentUrl.replace(_searchItem + '&', '');
                                } else {
                                    _currentUrl = _currentUrl.replace('?' + _searchItem, '');
                                }
                            }
                        }

                        setQueryString(_size, 'add');
                    }
                });
            })
            // 展开更多描述
            $('.desc-arrow').click(function (event) {
                $(this).hide().siblings().removeClass('desc-more');
            });

            $('.btn-more-colors').click(function (e) {
                $(this).next().slideToggle();
                var width = $(window).width();
                if (width > 992) {
                    $(this).next('.more-colors-list').toggleClass('active');
                }
            });

            // 点击喜欢
            $('.favorite-btn').on('click', function () {
                let $$ = $(this);
                let productId = $$.data('product');
                if ($$.hasClass('add')) {
                    $.ajax({
                        url: '/customer/wishlist/add/' + productId,
                        type: 'get',
                        dataType: 'json',
                        success: function (retData) {
                            if (retData.status == 1 && retData.code == 200) {
                                $$.removeClass('add').addClass('remove').find('.fa').removeClass('fa-heart-o').addClass('fa-heart');
                                $('.nav-heart').children('span').text(retData.data.count);
                            } else {
                                window.alert(retData.msg);
                            }
                        }
                    });
                } else if ($$.hasClass('remove')) {
                    $.ajax({
                        url: '/customer/wishlist/delete/' + productId,
                        type: 'get',
                        dataType: 'json',
                        success: function (retData) {
                            if (retData.status == 1 && retData.code == 200) {
                                $$.removeClass('remove').addClass('add').find('.fa').removeClass('fa-heart').addClass('fa-heart-o');
                                $('.nav-heart').children('span').text(retData.data.count);
                            } else {
                                window.alert(retData.msg);
                            }
                        }
                    });
                }
            });
        });
        //  中间 top-pic
        $('.variable-width').slick({
            adaptiveHeight: true,
            arrows: true,
            infinite: true,
            slidesToShow: 4,
            slidesToScroll: 4,
            variableWidth: false,
            useTransform: false,
            responsive: [
                {
                    breakpoint: 992,
                    settings: {
                        arrows: false,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        variableWidth: true,
                        centerMode: true,
                        centerPadding:'30px 0 0',
                    }
                }
            ]
        });

        $(function () {
            let _queryParams = [];
            if (Object.keys(_queryParams).length > 0) {
                $.each(_queryParams, function (_key, _value) {
                    if ($.inArray(_key, ['frame-size', 'bridge-size', 'lens-size', 'temple-arm',]) > -1) {
                        $('#js-filter .size').addClass('filtered');
                        $("input[name='" + _key + "'][value='" + _value[0] + "']").closest('dd').siblings(':not(:first)').css('display', 'none');
                    }
                    if ($.inArray(_key, ['age']) > -1) {
                        $('#js-filter .size').addClass('filtered');
                        $("input[name='" + _key + "'][value='" + _value[0] + "']").closest('dd').siblings().css('display', 'none');
                    }
                    if ($.inArray(_key, ['gender', 'feature', 'shape', 'color', 'frame', 'material', 'age']) > -1) {
                        $('.' + _key).addClass('filtered');
                    }
                });
            }

            if ($('#Filters li input:checked').length >= 1) {
                $("#js-filter-clear").addClass('selected');
            }

            
            
            
            
            
            
            
            
            
            

            
            setTimeout(function () {
                if (_currentUrl.indexOf('sort=') > -1) {
                    let sort = '';
                    $('#list-sort').val(sort);
                }
            }, 200);

            // $('#custom-size').on('change', function () {
            //     if ($(this).prop('checked')) {
            //         $('#Filters li input:checkbox[name="size"]').prop('checked', false).trigger('change');
            //     }
            // });

            $('.filter-item-sort').on('click', '.sort-item', function () {
                let _sort = 'sort=' + $(this).data('val');
                let _sortNow = $('#list-sort').val();
                if (_sortNow.length == 0) {
                    setQueryString(_sort, 'add');
                } else {
                    if (_currentUrl.indexOf('sort=' + _sortNow) > -1) {
                        if (_currentUrl.indexOf('&sort=' + _sortNow) > -1) {
                            _currentUrl = _currentUrl.replace('&sort=' + _sortNow, '');
                        } else if (_currentUrl.indexOf('?sort=' + _sortNow) > -1) {
                            if (_currentUrl.indexOf('?sort=' + _sortNow + '&') > -1) {
                                _currentUrl = _currentUrl.replace('sort=' + _sortNow + '&', '');
                            } else {
                                _currentUrl = _currentUrl.replace('?sort=' + _sortNow, '');
                            }
                        }
                        setQueryString(_sort, 'add');
                    }
                }
                $('#list-sort').val($(this).data('val'));
            });
            $('body').on('change', '#filter-page', function () {
                let limit = $(this).val();
                let _limit = 'num=' + $(this).val();
                if (_currentUrl.indexOf(_limit) == -1) {
                    setQueryString(_limit, 'add');
                }
            });

            // PC端勾选条件
            $('#Filters li input:checkbox').on('change', function () {
                if (isMobile || isTablet) {
                    return false;
                }
                let _key = $(this).attr('name');
                if (_key == undefined) {
                    return false;
                }
                let _value = $(this).val();
                let _uri = _key + '[]=' + _value;
                if ($('#Filters li input:checked').length >= 1) {
                    $("#js-filter-clear").addClass('selected');
                } else {
                    $("#js-filter-clear").removeClass('selected');
                }
                if ($(this).prop('checked')) {
                    
                    if ($.inArray(_key, ['frame-size', 'bridge-size', 'lens-size', 'temple-arm']) > -1) {
                        $(this).closest('dd').siblings(':not(:first)').css('display', 'none');
                    }
                    
                    if ($.inArray(_key, ['age']) > -1) {
                        $(this).closest('dd').siblings('').css('display', 'none');
                    }

                    $(this).closest('li').addClass('filtered');
                    if (_currentUrl.indexOf(_uri) == -1) {
                        setQueryString(_uri, 'add');
                    }
                } else {
                    if ($(this).closest('li').find('input:checked').length == 0) {
                        $(this).closest('li').removeClass('filtered');
                    }
                    
                    if ($.inArray(_key, ['frame-size', 'bridge-size', 'lens-size', 'temple-arm']) > -1) {
                        $(this).closest('dd').siblings().css('display', 'block');
                    }
                    
                    if ($.inArray(_key, ['age']) > -1) {
                        $(this).closest('dd').siblings().css('display', 'block');
                    }
                    if (_currentUrl.indexOf(_uri) > -1) {
                        setQueryString(_uri, 'remove');
                    }
                }
            });

            // 移动端勾选条件
            $('#Filters-mb li input:checkbox').on('change', function () {
                var arr = [];
                $(this).closest('.row.m-0').children().each(function(index,item){
                    console.log($(item))
                    if($(item).find('input[type="checkbox"]').prop('checked')){
                        if(arr.length<3){
                            arr.push($(this).find('input[type="checkbox"]').val())
                        }
                    }
                })
                $(this).closest('.filter-down').siblings('.filter-menu').find('.select-text').html(arr.join(',').replace(/,/g,", "))
                if (isMobile || isTablet) {
                    let _queryString = '';
                    $('#Filters-mb li input:checkbox').each(function () {
                        if ($(this).prop('checked')) {
                            // if ($(this).attr('name') == 'gender') {
                            //     return true;
                            // }
                            _queryString += $(this).attr('name') + '[]=' + $(this).val() + '&';
                        }
                    });
                    _queryString = _queryString.slice(0, -1);

                    let mb_url = '';
                    if (_currentUrl.indexOf('&amp;') > -1) {
                        mb_url = _currentUrl.replace(/&amp;/g, '&');
                    }
                    mb_url = '/getProductNums' + location.pathname + '?' + _queryString;
                    let _url = encodeURI(mb_url);

                    $.ajax({
                        url: _url,
                        type: 'get',
                        dataType: 'json',
                        success: function(retData) {
                            if(retData.code == 200 && retData.status == 1) {
                                $('.product-filter-num').html(retData.data)
                            }
                        }
                    });
                    return false;
                }
            });


            // Find my fit
            $('.find-fit').on('click', function (event) {
                let lens_width2 = $("input[name='lens-width2']").val()
                let bridge_width2 = $("input[name='bridge-width2']").val()

                if (lens_width2 == undefined || lens_width2 == '') {
                    alert('Please input Lens Width!');
                    return false;
                }
                if (bridge_width2 == undefined || bridge_width2 == '') {
                    alert('Please input Bridge Width!');
                    return false;
                }

                let _uri = 'lens-width2=' + lens_width2 + '&bridge-width2=' + bridge_width2;
                let _oldLensWidth2 = getQueryVariable('lens-width2');
                let _oldBridge_width2 = getQueryVariable('bridge-width2');
                let _searchLensItem = 'lens-width2=' + _oldLensWidth2 + '&bridge-width2=' + _oldBridge_width2;

                if (_currentUrl.indexOf(_searchLensItem) > -1) {
                    if (_currentUrl.indexOf('&' + _searchLensItem) > -1) {
                        _currentUrl = _currentUrl.replace('&' + _searchLensItem, '');
                    } else if (_currentUrl.indexOf('?' + _searchLensItem) > -1) {
                        if (_currentUrl.indexOf('?' + _searchLensItem + '&') > -1) {
                            _currentUrl = _currentUrl.replace(_searchLensItem + '&', '');
                        } else {
                            _currentUrl = _currentUrl.replace('?' + _searchLensItem, '');
                        }
                    }
                }

                setQueryString(_uri, 'add');
            });

            // 获取url参数
            function getQueryVariable(variable)
            {
                var query = location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
                }
                return(false);
            }

            // PC端清空
            $('.js-filter-clear').on('click', function (event) {
                if ($('#Filters li input:checked').length >= 1) {
                    $("#js-filter-clear").removeClass('selected');
                    $('#Filters li').removeClass('filtered');
                    $('#Filters li input:checked').attr("checked", false);
                    setQueryString('clear', 'add');
                }
            });

            // 移动端清空
            $('.js-filter-mb-clear').on('click', function (event) {
                if ($('#Filters-mb li input:checked').length >= 1) {
                    $("#js-filter-clear").removeClass('selected');
                    $('#Filters-mb li').removeClass('filtered');
                    $('#Filters-mb li input:checked').attr("checked", false);
                    setQueryString('clear', 'add');
                }
            });


            // 移动端Filter搜索
            $('.js-filter-apply').on('click', function (event) {
                let _queryString = '';
                let sort = getQueryVariable('sort')
                if (sort != undefined && sort != '' && sort != false) {
                    _queryString += 'sort=' + sort + '&';
                }
                $('#Filters-mb li input:checkbox').each(function () {
                    if ($(this).prop('checked')) {
                        // if ($(this).attr('name') == 'gender') {
                        //     return true;
                        // }
                        _queryString += $(this).attr('name') + '[]=' + $(this).val() + '&';
                    }
                });
                _queryString = _queryString.slice(0, -1);
                setQueryString(_queryString, 'replace');
            });

            // window.onresize=function(){
            //     $('.mobile-collapse').height($(window).height()-60);
            //     $('.filter-wrap').css("padding-bottom",($(window).height()-60)*0.1);
            // }
            // $('.mobile-collapse').height($(window).height()-60);
            // $('.filter-wrap').css("padding-bottom",($(window).height()-60)*0.1);

            // scroll top
            // $(window).scroll(function () {
            //     if ($(this).scrollTop() > 300) {
            //         $('.fixed-scroll-top').fadeIn();
            //     } else {
            //         $('.fixed-scroll-top').fadeOut();
            //     }
            // });
            // $(document).scroll(function() {
            //     console.log('scrollTop', $(this).scrollTop);
            //     if ($(this).scrollTop() > 300) {
            //         $('.fixed-scroll-top').css('display', 'block');
            //     } else {
            //         $('.fixed-scroll-top').css('display', 'none');
            //     }
            // });

            // $('.filter-item').on('click', function() {
            //     $(this).toggleClass('active');
            // });

            //多选框动态长度
            $('.filter-down-color,.filter-down-feature').click(function () {
                $(this).siblings('.filter-menu').find('.filter-count').text($(this).find('input:checked').length);
            });
            //pc 有选中样式
            $('.filter-item').click(function () {
                if ($(this).find('input:checked').length) {
                    $(this).find('.filter-menu').addClass('color-link');
                } else {
                    $(this).find('.filter-menu').removeClass('color-link');
                }
            });

            // 展开更多描述
            $('.desc-show').click(function (event) {
                $(this).hide();
                $(".home-desc-more").show();
            });

            $('.colors-exceed').click(function (e) {
                $(this).next().slideToggle();
                var width = $(window).width();
                if (width > 992) {
                    $(this).next('.colors-list-exceed').toggleClass('active');
                }
            });

            $('.JS_grid_switch').click(function (e) {
                const column = parseInt($(this).data('column'));
                if (column === 2) {
                    $('.product-list').removeClass('column-1').removeClass('column-2').addClass('column-2');
                    $('.product-list-row').removeClass('col-12').removeClass('col-6').addClass('col-6');
                } else {
                    $('.product-list').removeClass('column-1').removeClass('column-2').addClass('column-1');
                    $('.product-list-row').removeClass('col-12').removeClass('col-6').addClass('col-12');
                }
                $(this).addClass('grid-current').siblings('.grid').removeClass('grid-current');
                $.cookie('list_column', column);
                // $('.grid').removeClass('grid-current');
                // $(this).find('i').addClass('grid-current');
            });

            // 网一lp
            $('.cyber-monday-toggle').on('click', function () {
                $('.cyber-monday-content').slideToggle();
                $('.cyber-monday-toggle').find('img').toggleClass('up');
            });

            // $('.filter-menu').on('click', function() {
            //     $(this).parent('.filter-item').toggleClass('active');
            // });
            // bogo 筛选
            $('.cloud-tags-item').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
            });

            $(window).bind("scroll",function() {
                if ($(this).scrollTop() > 100) {
                    $('.countdown').slideUp();
                    // $('#wrapper').animate({marginTop:'0'});
                    // $('.navbar-sec').animate({top:'49px'});
                } else {
                    if(!$(".countdown").hasClass('close')){
                        $(".countdown").slideDown();
                    }
                    // var height = $('.countdown').outerHeight(true);
                    // var _top = $('。countdown').outerHeight(true);
                    // $('.navbar-sec').css('top',height);
                }
            });
            // 选择颜色 no-result页面
            $('.tab-content').on('click','.product-color',function(){
                $(this).addClass('active').siblings().removeClass('active');
                var imgId = $(this).data('target'), titleId = $(this).data('title');
                if (imgId) {
                    $(imgId).addClass('active').siblings('.product-img').removeClass('active')
                }
                if (titleId) {
                    $(titleId).addClass('active').siblings().removeClass('active')
                }
            });

            $('#recommended').slick({
                autoplay: false,
                arrows: true,
                slidesToShow: 4,
                autoplaySpeed: 5000,
                dots: false,
                responsive: [
                    {
                        breakpoint: 992,
                        settings: {
                            arrows: false,
                            variableWidth: true,
                        }
                    },
                    {
                        breakpoint: 700,
                        settings: {
                            slidesToShow: 1,
                            arrows: false,
                            variableWidth: true,
                        }
                    },
                ]
            });
            $('#new').slick({
                autoplay: false,
                arrows: true,
                autoplaySpeed: 5000,
                slidesToShow: 4,
                dots: false,
                responsive: [
                    {
                        breakpoint: 992,
                        settings: {
                            arrows: false,
                            variableWidth: true,
                        }
                    },
                    {
                        breakpoint: 700,
                        settings: {
                            slidesToShow: 1,
                            arrows: false,
                            variableWidth: true,
                        }
                    },
                ]
            });
            //tab 切换
            $('.recommend-tabs .tab-title-no').click(function (event) {
                $(this).addClass('active');
                $(this).siblings().removeClass('active');
                var index = $(this).index();
                $('.single-item').eq(index).show();
                $('.single-item').eq(1 - index).hide();
                if(index == 1){
                    $('.single-item2')[0].slick.refresh()
                }
            });
        });
        $('.countdown .close-btn').click(function(event) {
            // $('.countdown').addClass('close');
            $('#filters-menu').animate({top:'49px'});
        });

        $('.login-form').on("click",".modal-title",function(){
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            $('.login-form .form-content').eq(index).show();
            $('.login-form .form-content').eq(1 - index).hide();
        })
        $('.default').on('click', function (e) {
            $(this).hide();
            $(this).siblings(".default").show();
            if($(this).hasClass('checkPassword')){
                $(this).siblings(".form-control").attr("type","password")
            }else {
                $(this).siblings(".form-control").attr("type","text")
            }
        })

        // 弹窗登录
        $('.dialog-login-button').on('click', function (e) {
            var validateForm = $(this).closest('form');
            var validateFormEmail = validateForm.children().find('input[type="email"]');
            validateForm.validate({
                rules: {
                    email: {
                        required: true,
                        email: true
                    },
                    password: {
                        required: true,
                        minlength: 6
                    },
                    passwordConfirm: {
                        required: true,
                        equalTo: "#register_password",
                    },
                },
                messages: {
                    email: {
                        required: 'Please enter an email address!',
                        minlength: 'Enter 6 characters or more',
                    },
                    password: {
                        required: 'Please enter your password'
                    },
                    passwordConfirm: {
                        required: 'Please enter your confirm password.',
                        equalTo: 'Please enter the same password.'
                    },
                },
                errorElement: "span",
                errorClass: 'form-text',
                errorPlacement: function (error, element) {
                    error.appendTo(element.parent());
                    element.closest('.form-group')
                        .addClass('form-error');
                },
                success: function (label) {
                    label.closest('.form-group')
                        .removeClass('form-error')
                        .children('.form-text')
                        .removeClass('form-text');
                    label.remove();
                }
            });
            var valid = validateForm.valid();
            if (!valid) {
                return false;
            }
            $.ajax({
                url: '/login/ajax',
                type: 'post',
                data: validateForm.serialize(),
                dataType: 'json',
                success: function (retData) {
                    if ((retData.status == 1) && (retData.code == 200)) {
                        window.location.reload();
                    } else {
                        validateFormEmail.after('<span id="category-login-email-error" class="form-text">Invalid email address or password</span>').closest('.form-group').addClass('form-error');
                        return false;
                    }
                }
            });
            e.stopPropagation();
            return false;
        });

        // 弹窗注册
        $('.dialog-register-button').on('click', function (e) {
            if ($('.register-newsletter').prop('checked') == true) {
                $("input[name='newsletter']").val(1)
            } else {
                $("input[name='newsletter']").val(0)
            }

            var validateForm = $(this).closest('form');
            var validateFormEmail = validateForm.children().find('input[type="email"]');
            validateForm.validate({
                rules: {
                    firstname: {
                        'required': true
                    },
                    lastname: {
                        'required': true
                    },
                    email: {
                        required: true,
                        email: true
                    },
                    password: {
                        required: true,
                        minlength: 6
                    },
                    password_confirmation: {
                        required: true,
                        equalTo: "#register_password",
                    },
                },
                messages: {
                    firstname: {
                        required: 'Please enter your First Name!'
                    },
                    lastname: {
                        required: 'Please enter your Last Name!'
                    },
                    email: {
                        required: 'Please enter an email address!',
                        minlength: 'Enter 6 characters or more!',
                    },
                    password: {
                        required: 'Please enter your password!'
                    },
                    password_confirmation: {
                        required: 'Please enter your confirm password.',
                        equalTo: 'Please enter the same password.'
                    },
                },
                errorElement: "span",
                errorClass: 'form-text',
                errorPlacement: function (error, element) {
                    error.appendTo(element.parent());
                    element.closest('.form-group')
                        .addClass('form-error');
                },
                success: function (label) {
                    label.closest('.form-group')
                        .removeClass('form-error')
                        .children('.form-text')
                        .removeClass('form-text');
                    label.remove();
                }
            });
            var valid = validateForm.valid();
            if (!valid) {
                return false;
            }
            $.ajax({
                url: '/register/ajax',
                type: 'post',
                data: validateForm.serialize(),
                dataType: 'json',
                success: function (retData) {
                    if ((retData.status == 1) && (retData.code == 200)) {
                        window.location.reload();
                    }
                    if (retData.status == 2) {
                        alert(retData.msg);
                        return false;
                    }
                    if (retData.status == 3) {
                        validateFormEmail.after('<span id="category-register-email-error" class="form-text">Email already exists!</span>').closest('.form-group').addClass('form-error');
                        return false;
                    }
                }
            });
            e.stopPropagation();
            return false;
        });
    </script>
    <script>
        $('.filter-menu').click(function(e){
            $(this).parent('.filter-item').toggleClass('active');
            if($(this).parent('.filter-item').hasClass('active')){
                $(this).find('.arrow').attr("src","http://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg");
                $(this).siblings('.filter-down').slideDown()
            }else {
                $(this).find('.arrow').attr("src","http://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/add.svg");
                $(this).siblings('.filter-down').slideUp()
            }
        })
        $('.filter-select-sort').focus(function(){
            $(this).siblings('.filter-sort-down').toggle()
        })
        $('.filter-select-sort').blur(function(){
            setTimeout(function () {
                $('.filter-sort-down').hide();
            }, 200);
        })
        $('.filter-sort-down').on('click', '.sort-item', function () {
            let data = $(this).html()
            $('.filter-sort-text').html(data);
            $('.filter-sort-down').hide()
        })
        $('.filter-down-feature').on('click', '.select-li', function () {
            $(this).addClass("active").parent('.col-12').siblings().find('.select-li').removeClass("active");
            $('.select-sort').html($(this).text())
        })
        $('.custom-size').on('change', function () {
            if ($(this).prop('checked')) {
                $('.custom-size-content').slideDown()
            }else {
                $('.custom-size-content').slideUp()
            }
        })

        // add photo
        /*计算眼镜位置*/
        var frame_position = function () {
            var scale = $(".trypic .modal-img").width() / parseInt(700);
            //$(".trypic .frame-img").attr("width", 440 * scale);
            var strsL = $('.trypic img').data('eye-l');
            var strsR = $('.trypic img').data('eye-r');
            var pwidth = $('.trypic img').data('width');
            //var scale = $(".trypic .modal-img").width() / parseInt(pwidth);

            var eyeL = strsL.split(",");
            eyeL[0] = (eyeL[0]) * scale;
            eyeL[1] = parseInt(eyeL[1]) * scale;
            var eyeR = strsR.split(",");
            eyeR[0] = parseInt(eyeR[0]) * scale;
            eyeR[1] = parseInt(eyeR[1]) * scale;

            var realPD = eyeR[0] - eyeL[0];
            var sc = realPD / 190 / scale;
            $(".trypic .frame-img").attr("width", 440 * scale * sc);

            var image = new Image();
            var frame_src = $('.trypic .tryon-frame img').attr('src');
            image.src = frame_src;      //alert(image.width);
            var n = image.width / parseInt(440 * scale * sc);    //alert(n);
            var ss = image.height / image.width;
            var top = eyeL[1] - image.height / n / 2;
            var left = eyeL[0] - (440 * scale * sc - (eyeR[0] - eyeL[0])) / 2;
            $(".tryon-frame").css({
                "width": 440 * scale * sc,
                "height": 440 * scale * sc * ss,
                "top": top,
                "left": left
            }).fadeIn(200);
        };

        // 移动端top choices
        $(function () {
            //slide click
            $('.slider').on('click', 'li', function () {
                $(this).addClass('current').siblings().removeClass('current');
                var trypic = $('.trypic');
                var src = $(this).children().find('img').data('big-src');
                trypic.children('img').attr('src', src);
                var eye_l = $(this).children().find('img').data('eye-l');
                var eye_r = $(this).children().find('img').data('eye-r');
                var width = $(this).children().find('img').data('width');
                trypic.children('img').attr('data-eye-l', eye_l);
                trypic.children('img').attr('data-eye-r', eye_r);
                trypic.children('img').attr('data-width', width);
                trypic.find('img').data('eyeL', eye_l);
                trypic.find('img').data('eyeR', eye_r);
                trypic.find('img').data('width', width);
                frame_position();
            });

            var i = 5;
            var m = 5;
            var $content = $(".sliderbox .slider");
            var count = $content.find("li").length;
            var liWidth = ($(".sliderbox .slider").width()) / 5;
            //slide next
            $('.sliderbox .next').on('click', function () {
                var $scrollableDiv = $(this).siblings(".slider").children('ul');
                if (!$scrollableDiv.is(":animated")) {
                    if ((i + 1) == count) $(this).addClass('disabled');
                    if (i < count) {
                        i++;
                        $scrollableDiv.animate({left: "-=" + liWidth + "px"}, 400);
                    }
                }
                if (i > 5) {
                    $(this).siblings('.prev').removeClass('disabled');
                } else {
                    $(this).siblings('.prev').addClass('disabled');
                }
                return false;
            });
            //slide prev
            $('.sliderbox .prev').click(function () {
                var $scrollableDiv = $(this).siblings(".slider").children('ul');
                if (!$scrollableDiv.is(":animated")) {
                    if (i == 6) {
                        $(this).addClass('disabled');
                    }
                    if (i > 5) {
                        i--;
                        $scrollableDiv.animate({left: "+=" + liWidth + "px"}, 400);
                    }
                }
                if (i < m) {
                    $(this).siblings('.next').removeClass('disabled');
                } else {
                    $(this).siblings('.next').addClass('disabled');
                }
                return false;
            });
        });
    </script>

    <script>
        tryOnImagesURL = 'https://www.glassesshop.com/tryon/get-images';
    </script>
    <script>
        $(function () {
            $('.upload input').on('click', function () {
                $('.tips-file').css('display','block');
            });
        });
    </script>

    <script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.js"></script>
    <script>
        var preChatTemplate = {
            //Form header color and Submit button color.
            mainbgColor: '#0aa4db',
            //Form Header Text and Submit button text color.
            maintxColor: '#fff',
            //Chat Form Title
            heading: 'Live Chat',
            //Chat form Welcome Message
            textBanner: 'We can\'t wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself.',
            //Submit Button Label.
            SubmitLabel: 'Start Chat',
            //Fields List - Maximum is 5
            //All the values are mandatory and the script will not work if not available.
            fields: {
                field1: {
                    //Type for Name - Do not Change
                    type: "name",
                    //Label for Field Name, can be in any language
                    label: "Name",
                    //Default - Field ID for Name - Do Not Change
                    fieldId: "name",
                    //Required "yes" or "no"
                    required: "yes",
                    //Error text to be displayed
                    error: "Please Enter a valid name"
                },
                field2: {
                    //Type for Email - Do Not Change
                    type: "email",
                    //Label for Field Email, can be in any language
                    label: "Email",
                    //Default - Field ID for Email - Do Not Change
                    fieldId: "email",
                    //Required "yes" or "no"
                    required: "yes",
                    //Error text to be displayed
                    error: "Please Enter a valid Email"
                },
                field3: {
                    type: "dropdown",
                    label: "Type",
                    fieldId: "type",
                    required: "yes",
                    error: "Please Choose the Department",
                    options: ['Pre sale Consultation', 'Return & Exchange', 'Check Order Status', 'Order Cancel/Modification']
                }
            }
        };
        window.fcSettings = {
            token: "3cde2f92-8292-4150-b274-62c9f0452e5b",
            host: "https://wchat.freshchat.com",
            config: {
                cssNames: {
                    //The below element is mandatory. Please add any custom class or leave the default.
                    widget: 'custom_fc_frame',
                    //The below element is mandatory. Please add any custom class or leave the default.
                    expanded: 'custom_fc_expanded'
                }
            },
            onInit: function () {
                fcPreChatform.fcWidgetInit(preChatTemplate);
            }
        };
    </script>
    <script src="https://wchat.freshchat.com/js/widget.js" async></script>
    <script>
        $(function () {
            $('#help-live-chat,#cart-live-chat,.live-chat').on('click', function (event, data) {
                if (!window.fcWidget.isOpen()) {
                    window.fcWidget.open();
                    //Or do something else :)
                }
            });

            $('.footer-info-title.mobile').click(function (e) {
                $('.footer-info-item').not(this).slideUp();
                $('.footer-info-title.mobile').not(this).removeClass('active');
                var that = $(this);
                var target = $(this).data('target');
                var isOpen = $(this).toggleClass('active').hasClass('active');
                console.log(isOpen)
                console.log(target)
                if (isOpen) {
                    console.log($(target))
                    $(target).slideDown();
                } else {
                    $(target).slideUp();
                }
            });
        });
    </script>
    <script>
        function googleTranslateElementInit() {
            new google.translate.TranslateElement(
                {
                    // 这个参数不起作用,看文章底部更新,翻译面板的语言
                    pageLanguage: 'en',
                    // 这个是你需要翻译的语言,比如你只需要翻译成越南和英语,这里就只写en,vi
                    // includedLanguages: 'en,zh-CN,hr,cs,da,nl,fr,de,el,iw,hu,ga,it,ja,ko,pt,ro,ru,sr,es,th,vi'
                    includedLanguages: 'en,fr,es',
                    // 选择语言的样式,这个是面板,还有下拉框的样式,具体的记不到了,找不到api~~
                    // layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
                    //自动显示翻译横幅,就是翻译后顶部出现的那个,有点丑,这个属性没有用的话,请看文章底部的其他方法
                    autoDisplay: false,
                    // multilanguagePage: true
                    // 还有些其他参数,由于原插件不再维护,找不到详细api了,将就了,实在不行直接上dom操作
                },
                'google_translate_element'//触发按钮的id
            );
        }
    </script>
    <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>