<ul>
                                            <li data-filter="*">
                            All                        </li>
                                                                <li data-filter=".design">
                            Design                        </li>
                                                <li data-filter=".development">
                            Development                        </li>
                                                <li data-filter=".marketing">
                            Marketing                        </li>
                                        </ul>
                                    <img width="960" height="960" src="https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3.png" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3.png 960w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3-300x300.png 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3-150x150.png 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3-768x768.png 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3-100x100.png 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3-50x50.png 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3-600x600.png 600w" sizes="(max-width: 960px) 100vw, 960px" />                                
                                        <h4 title="JAM-3">
                                            <a href="https://crayonsdigital.com/portfolio/jam-3/"> JAM JAM-3 </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-3.png" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="JAM-3">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="800" height="800" src="https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2.png" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2.png 800w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2-300x300.png 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2-150x150.png 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2-768x768.png 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2-100x100.png 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2-50x50.png 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2-600x600.png 600w" sizes="(max-width: 800px) 100vw, 800px" />                                
                                        <h4 title="JAM-2">
                                            <a href="https://crayonsdigital.com/portfolio/jam-2/"> JAM JAM-2 </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/JAM-2.png" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="JAM-2">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="600" height="600" src="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3.jpg 600w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3-50x50.jpg 50w" sizes="(max-width: 600px) 100vw, 600px" />                                
                                        <h4 title="IIMK-DTIM-3">
                                            <a href="https://crayonsdigital.com/portfolio/iimk-dtim-3/"> IIMK-DTIM IIMK-DTIM-3 </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-3.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="IIMK-DTIM-3">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="600" height="600" src="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2.jpg 600w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2-50x50.jpg 50w" sizes="(max-width: 600px) 100vw, 600px" />                                
                                        <h4 title="IIMK-DTIM-2">
                                            <a href="https://crayonsdigital.com/portfolio/iimk-dtim-2/"> IIMK-DTIM IIMK-DTIM-2 </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-2.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="IIMK-DTIM-2">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="600" height="600" src="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3.jpg 600w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3-50x50.jpg 50w" sizes="(max-width: 600px) 100vw, 600px" />                                
                                        <h4 title="MICA-3">
                                            <a href="https://crayonsdigital.com/portfolio/mica-3/"> MICA MICA-3 </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-3.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="MICA-3">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="600" height="600" src="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2.jpg 600w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2-50x50.jpg 50w" sizes="(max-width: 600px) 100vw, 600px" />                                
                                        <h4 title="MICA-2">
                                            <a href="https://crayonsdigital.com/portfolio/mica-2/"> MICA MICA-2 </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-2.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="MICA-2">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="600" height="600" src="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM.jpg 600w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM-50x50.jpg 50w" sizes="(max-width: 600px) 100vw, 600px" />                                
                                        <h4 title="IIMK-DTIM">
                                            <a href="https://crayonsdigital.com/portfolio/iimk-dtim/"> IIMK IIMK-DTIM </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/IIMK-DTIM.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="IIMK-DTIM">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="600" height="600" src="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA.jpg 600w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/MICA-50x50.jpg 50w" sizes="(max-width: 600px) 100vw, 600px" />                                
                                        <h4 title="MICA">
                                            <a href="https://crayonsdigital.com/portfolio/mica/"> MICA MICA </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/MICA.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="MICA">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="770" height="485" src="https://crayonsdigital.com/wp-content/uploads/2020/05/34378502_226235274827346_7523934390716465152_n.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/34378502_226235274827346_7523934390716465152_n.jpg 770w, https://crayonsdigital.com/wp-content/uploads/2020/05/34378502_226235274827346_7523934390716465152_n-300x189.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/34378502_226235274827346_7523934390716465152_n-768x484.jpg 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/34378502_226235274827346_7523934390716465152_n-600x378.jpg 600w" sizes="(max-width: 770px) 100vw, 770px" />                                
                                        <h4 title="India Food Network">
                                            <a href="https://crayonsdigital.com/portfolio/india-food-network/"> India India </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/34378502_226235274827346_7523934390716465152_n.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="India Food Network">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="640" height="640" src="https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n.jpg 640w, https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n-50x50.jpg 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n-600x600.jpg 600w" sizes="(max-width: 640px) 100vw, 640px" />                                
                                        <h4 title="Ching&#8217;s Secret">
                                            <a href="https://crayonsdigital.com/portfolio/chings-secret/"> Ching&amp;#8217 Ching&#8217;s </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/77284166_991068214626180_1441761159919182926_n.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Ching&#8217;s Secret">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="960" height="960" src="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6.jpg 960w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6-768x768.jpg 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6-50x50.jpg 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6-600x600.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" />                                
                                        <h4 title="India Food Network">
                                            <a href="https://crayonsdigital.com/portfolio/join-us-for-live-cooking/"> India India </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_6.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="India Food Network">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="960" height="960" src="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3.jpg 960w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3-768x768.jpg 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3-50x50.jpg 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3-600x600.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" />                                
                                        <h4 title="Air Asia">
                                            <a href="https://crayonsdigital.com/portfolio/the-masterchef-touch/"> Air Air </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_3.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Air Asia">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="1080" height="1080" src="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2.jpg 1080w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-1024x1024.jpg 1024w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-768x768.jpg 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-50x50.jpg 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2-600x600.jpg 600w" sizes="(max-width: 1080px) 100vw, 1080px" />                                
                                        <h4 title="Agastya International Foundation">
                                            <a href="https://crayonsdigital.com/portfolio/this-new-year/"> Agastya Agastya </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_2.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Agastya International Foundation">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="960" height="960" src="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1.jpg 960w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1-300x300.jpg 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1-150x150.jpg 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1-768x768.jpg 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1-100x100.jpg 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1-50x50.jpg 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1-600x600.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" />                                
                                        <h4 title="Air Asia">
                                            <a href="https://crayonsdigital.com/portfolio/jump-leap-hop/"> Air Air </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_1.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Air Asia">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="800" height="800" src="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4.png" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4.png 800w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4-300x300.png 300w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4-150x150.png 150w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4-768x768.png 768w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4-100x100.png 100w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4-50x50.png 50w, https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4-600x600.png 600w" sizes="(max-width: 800px) 100vw, 800px" />                                
                                        <h4 title="Happy Valentine Day">
                                            <a href="https://crayonsdigital.com/portfolio/happy-valentine-day/"> Happy Happy </a>
                                        </h4>
                                                                                <a href="https://crayonsdigital.com/wp-content/uploads/2020/05/our_work_4.png" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Happy Valentine Day">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                     <!-- /#isotop-gallery-wrapper -->