<?php include 'head.php';?>
<link rel="stylesheet" href="css/detail.css" />
</head>
<body class="grey-body">
    <?php include 'header.php';?>
    <main>
        <div class="container container1740 pb-5">
            <div class="row pb-md-5 dflex dfwrap">
                <div class="col-md-7 col-xs-12">
                    <div class="dtl-left">
                        <div class="dtl-lv">
                            <div class="dtl-ex dtl-ex-slider">
                                <div class="dtl-ex-item">
                                    <picture><img src="images/project-thumb.jpg" alt="" width="150" height="150" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="images/project-thumb.jpg" alt="" width="150" height="150" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="images/project-thumb.jpg" alt="" width="150" height="150" loading="lazy" /></picture>
                                </div>
                                <div class="dtl-ex-item">
                                    <picture><img src="images/project-thumb.jpg" alt="" width="150" height="150" loading="lazy" /></picture>
                                </div>
                            </div>
                            <div class="por">
                                <div class="dtl-thumb dtl-thumb-slider">
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="images/project.jpg" alt="" width="730" height="650" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="images/project.jpg" alt="" width="730" height="650" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="images/project.jpg" alt="" width="730" height="650" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                    <div class="dtl-thumb-item">
                                        <a href="javascript:void(0)" rel="nofollow" class="thumb">
                                            <picture><img src="images/project.jpg" alt="" width="730" height="650" loading="lazy" /></picture>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5 col-xs-12">
                    <div class="dtl-right">
                        <div class="row pt-5 mt-5">
                            <div class="col-xs-12">
                                <div class="breadcrumb pt-0 pb-md-4 pb-2"><a href="#">Home /</a>
                                    <a href="#">Collections /</a>
                                     <span class="active">Ceppo Natural </span>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="dtl-top">
                                    <h2 class="dtl-top-name">Odyssey Marble</h2>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="dtl_accordion" id="accordion">
                                    <h4 class="accordion_title">Description</h4>
                                    <div class="accordion_content">
                                        <p>Lorem ipsum dolor sit amet consectetur. Elit molestie nisi id purus suspendisse dignissim vel massa. Amet turpis augue consectetur amet nisi eget bibendum.</p>
                                        <p>Lorem ipsum dolor sit amet consectetur. Elit molestie nisi id purus suspendisse dignissim vel massa. Amet turpis augue consectetur amet nisi eget bibendum.</p>
                                    </div>
                                    <h4 class="accordion_title">Details</h4>
                                    <div class="accordion_content" style="display: none;">
                                        <div class="tabtl-list">
                                            <ul class="lsnone p-0 m-0">
                                                <li>Colorways: Blue, Green, Gray, Pink, White</li>
                                                <li>Available Sizes: 4x4, 3x8</li> 
                                                <li>Material: Ceramic</li>
                                                <li>Finish: Polished, Natural, Structured, Satin</li>
                                                <li>Thickness: 9 mm, 11 mm, 20mm, 6mm</li>
                                                <li>Application:  Floor Wall, Bathroom, Kitchen Pool</li>
                                                <li>Style: Subway Tile, Solid Color</li>
                                                <li>Uses: Backsplash, Interior Wall, Shower Wall</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="download-link">
                                    <ul class="lsnone pt-5 p0 m0 dflex dfwrap">
                                        <li><a href="#">Download Catalog <svg class="svg_down ms-2" aria-hidden="true" role="img" width="20" height="20" fill="none" loading="lazy">
                                        <use href="#svg_down" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_down"></use>
                                    </svg></a></li>
                                        <li><a href="#">Download Cut Sheet <svg class="svg_down ms-2" aria-hidden="true" role="img" width="20" height="20" fill="none" loading="lazy">
                                        <use href="#svg_down" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_down"></use>
                                    </svg></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row pt-5">
                <div class="col-xs-12">
                    <div id="dtl_tab">
                        <div class="tab-listsec">
                            <ul class="resp-tabs-list">
                            <li><span>Colors</span></li>
                            <li><span>Features</span></li>
                            <li><span>Sizes + Formats</span></li>
                            <li><span>Finishes</span></li>
                            <li><span>Applications</span></li>
                            <li><span>Availablities</span></li>
                            </ul>
                        </div>
                        <div class="dtl-tabsec">
                            <div class="materials-used">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <h3 class="detail-prdhd">Colors</h3>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="project-list">
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Nero Venato</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Arabescato</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Statuarietto</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Calacatta Paonazzo</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Paradiso Argento</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Paradiso Argento</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Paradiso Argento</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#" class="fav-toppoa">
                                                    <svg class="svg_heart" aria-hidden="true" role="img" width="25" height="25" loading="lazy">
                                                        <use href="#svg_heart" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_heart"></use>
                                                    </svg>
                                                </a>
                                                <a href="#">
                                                    <picture>
                                                        <img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Paradiso Argento</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dtl-tabsec">
                            <div class="materials-used">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <h3 class="detail-prdhd">Features</h3>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="row">
                                            <div class="col-xs-12 pb-5">
                                                <h4 class="dtl-subhd">Decors</h4>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row pt-5 mt-5">
                                            <div class="col-xs-12 pb-5">
                                                <h4 class="dtl-subhd">Decors</h4>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="dtl-rightlist">
                                                    <div class="slider right-thumbhlist">
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                        <div><img src="https://dummyimage.com/300x300/666666/aaa" alt="" width="300" height="300"></div>
                                                    </div>
                                                    <div class="slider dtl-rightlist-thumb">
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                        <div class="prdlist-thumbh"><img src="https://dummyimage.com/90x90/666666/aaa" alt="" width="90" height="90" loading="lazy"></div>
                                                    </div>
                                                    <h3 class="thumprd-name pt-3">Marble Elements</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dtl-tabsec">
                            <div class="materials-used">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <h3 class="detail-prdhd">Trims</h3>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="project-list">
                                            <div class="project-list-item por">
                                                <a href="#">
                                                    <picture>
                                                        <img src="images/bullnose.jpg" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Bullnose</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#">
                                                    <picture>
                                                        <img src="images/covebase.jpg" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Stair tread</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#">
                                                    <picture>
                                                        <img src="images/pencil.jpg" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Covebase</a></h4>
                                            </div>
                                            <div class="project-list-item por">
                                                <a href="#">
                                                    <picture>
                                                        <img src="images/stair-tread.jpg" alt="" width="300" height="300" loading="lazy">
                                                    </picture>
                                                </a>
                                                <h4 class="project-hd"><a href="#">Pencil</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                         <div class="dtl-tabsec">
                              <div class="row">
                                    <div class="col-xs-12">
                                        <h3 class="detail-prdhd">Sizes</h3>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="tab-size">
                                            <div class="size-box">
                                                <div class="size-hd">Tiles</div>
                                                <div class="size-list">
                                                    <ul class="lsnone px-0 sizetwolist">
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li>
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="size-box">
                                                <div class="size-hd">Slabs</div>
                                                <div class="size-list">
                                                    <ul class="lsnone px-0">
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="size-box">
                                                <div class="size-hd">Pavers</div>
                                                <div class="size-list">
                                                    <ul class="lsnone px-0">
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="size-box">
                                                <div class="size-hd">Decor</div> 
                                                <div class="size-list">
                                                    <ul class="lsnone px-0">
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="size-box">
                                                <div class="size-hd">Trims</div>
                                                <div class="size-list">
                                                    <ul class="lsnone px-0">
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                        <li>12” x 12” <span>9mm</span></li> 
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <div class="dtl-tabsec">
                            <div class="row">
                                <div class="col-lg-6 pb-lg-0 pb-5 mb-lg-0 mb-5">
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <h3 class="detail-prdhd">Finishes</h3>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="finish-applist">
                                                <ul class="lsnone px-0 blue-list">
                                                    <li>
                                                        <a href="#">Matte</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Polished</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Structured</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Semi Polished</a>
                                                    </li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <h3 class="detail-prdhd">Applications</h3>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="finish-applist finish-applist3">
                                                <ul class="lsnone px-0">
                                                    <li>
                                                        <a href="#">Matte</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Polished</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Structured</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Semi Polished</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Structured</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Semi Polished</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="materials-used youmay-like recently-sec">
                        <div class="row pt-md-5">
                        <div class="col-xs-12">
                            <h3 class="detail-prdhd border-none">You may also like</h3>
                        </div>
                        <div class="col-xs-12">
                            <div class="project-list">
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-may1.jpg" alt="" width="520" height="450" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Marble Elements</a></h4>
                                </div>
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-may2.jpg" alt="" width="520" height="450" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Marble Elements</a></h4>
                                </div>
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-may3.jpg" alt="" width="520" height="450" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Ground</a></h4>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="materials-used recently-sec">
                        <div class="row pt-md-5">
                        <div class="col-xs-12">
                            <h3 class="detail-prdhd border-none">You Recently Viewed</h3>
                        </div>
                        <div class="col-xs-12">
                            <div class="project-list">
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-rc1.jpg" alt="" width="300" height="280" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Marble Elements</a></h4>
                                </div>
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-rc2.jpg" alt="" width="300" height="280" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Marble Elements</a></h4>
                                </div>
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-rc3.jpg" alt="" width="300" height="280" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Ground</a></h4>
                                </div>
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-rc4.jpg" alt="" width="300" height="280" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Ground</a></h4>
                                </div>
                                <div class="project-list-item por">
                                    <a href="#">
                                        <picture>
                                            <img src="images/you-rc5.jpg" alt="" width="300" height="280" loading="lazy">
                                        </picture>
                                    </a>
                                    <h4 class="project-hd"><a href="#">Ground</a></h4>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            
          

        </div>
    </main>
    <?php include 'footer.php';?>
    <?php include 'head-bottom.php';?>
    <script type="text/javascript" src="js/detail.js"></script>
    <script type="text/javascript" src="js/easyResponsiveTabs.js"></script>
    <script type="text/javascript">
        $('#dtl_tab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion           
            width: 'auto', //auto or any width like 600px
            fit: true, // 100% fit in a container
            closed: 'accordion', // Start closed if in accordion view
            activate: function(event) { // Callback function if tab is switched
                var $tab = $(this);
                var $info = $('#tabInfo');
                var $name = $('span', $info);
                $name.text($tab.text());
                $info.show();
                tabSlider;
            }
        });
    </script>
    <?php include 'svg.php';?>
</body>
</html>

