Back to site

Video-hide-

{{ ---------BEGIN THEME SETTINGS AND CONTROLS----------- }}

{% assign: Theme_Fiend_Lab_UserName = 'YourUserName' %}
{% assign: Image_Source = 'Self-hosted' %} {{ Options: 'Lab' or 'Self-hosted' }}



{{ ----OVERALL GRID SETTINGS---- }}

{% assign: Show_Custom_Page_Title = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Custom_Page_Title = "Our Videos" %}
{% assign: Show_Grid_Intro_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}

{{ --GRID ALIGNMENT SETTINGS-- }}
{% assign: Number_of_Grid_Items = 3 %} {{ Options: 1 to 12 }}
{% assign: Grid_Items_Per_Row = 3 %} {{ Options: 2 to 4 }}
{% assign: Grid_Items_Margin = 2 %} {{ Options: 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 }} {{ Note: In percentages }}

{{ --GRID TEXT SETTINGS-- }}
{% assign: Titles_Font_Size = 20 %}
{% assign: Show_Grid_Item_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Item_Text_Arrangement = 'Below Image' %} {{ Options: 'Below Image', 'Above Image' or 'Title Over Image' }}
{% assign: Grid_Item_Text_Alignment = 'Left' %} {{ Options: 'Left', 'Center', 'Right' }}
{% assign: Show_Grid_Item_Title_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Show_Grid_Item_Description_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}

{{ --GRID IMAGE SETTINGS-- }}
{% assign: Grid_Image_Rounded_Corners = 'No' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Image_Links = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Image_Link_Type = '1page' %} {{ Options: 'Image' or 'Page' }}
{% assign: Grid_Image_Link_Behavior = 'New Window' %} {{ Options: 'Popup' , 'Same Window' or 'New Window' }}
{% assign: Grid_Image_Link_Popup_Navigation = 'Yes' %} {{ Options: 'Yes' or 'No' }}

{% capture Grid_Intro_Text %}

Above you can find the latest of our videos. Coming soon are a collection of videos and short films that we will be looking at the different colours and mediums Available to graffiti artists, illustrators and other creative types. This is an ongoing project which will deliver regular fresh content from a range of new and established talent
Dont forget to subscirbe to the youtube channel for regular updates, more videos and playlists compiled by us!
{% endcapture %}

{{ ----BEGIN INDIVIDUAL GRID ITEM SETTINGS---- }}

{{ --GRID ITEM 1 SETTINGS-- }}

{% assign: Grid_Item_1_Image_Url = 'http://themefiendlab.com/hosting/images/FiddyShades/amuk.jpg' %}
{% assign: Grid_Item_1_Page_Url = 'https://www.youtube.com/watch?v=k_GnP1jv77o' %}
{% assign: Grid_Item_1_Title = "BLACKBOOK SESSIONS" %}
{% capture Grid_Item_1_Text %}

{% endcapture %}

{{ --GRID ITEM 2 SETTINGS-- }}

{% assign: Grid_Item_2_Image_Url = 'http://themefiendlab.com/hosting/images/FiddyShades/film2.jpg' %}
{% assign: Grid_Item_2_Page_Url = 'https://www.youtube.com/channel/UCLW-8beiMGIKM7XCF9I8H6w' %}
{% assign: Grid_Item_2_Title = "ONE COLOUR SERIES" %}
{% capture Grid_Item_2_Text %}

Coming soon to Fifty Shades of Spray

{% endcapture %}

{{ --GRID ITEM 3 SETTINGS-- }}

{% assign: Grid_Item_3_Image_Url = 'http://themefiendlab.com/hosting/images/FiddyShades/films1.jpg' %}
{% assign: Grid_Item_3_Page_Url = 'https://www.youtube.com/channel/UCLW-8beiMGIKM7XCF9I8H6w' %}
{% assign: Grid_Item_3_Title = "SHORT FILMS AND DOCS" %}
{% capture Grid_Item_3_Text %}

Coming soon to Fifty Shades of Spray
{% endcapture %}

{{ --GRID ITEM 4 SETTINGS-- }}

{% assign: Grid_Item_4_Image_Url = 'http://themefiendlab.com/hosting/images/FiddyShades/tekky.jpg' %}
{% assign: Grid_Item_4_Page_Url = 'http://themefiend.com' %}
{% assign: Grid_Item_4_Title = "TEKONTA" %}
{% capture Grid_Item_4_Text %}

Coming soon to Fifty Shades of Spray
{% endcapture %}

{{ --GRID ITEM 5 SETTINGS-- }}

{% assign: Grid_Item_5_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/arty5.jpg' %}
{% assign: Grid_Item_5_Page_Url = 'http://support.themefiend.com' %}
{% assign: Grid_Item_5_Title = "KID 30" %}
{% capture Grid_Item_5_Text %}

Coming soon to Fifty Shades of Spray
{% endcapture %}

{{ --GRID ITEM 6 SETTINGS-- }}

{% assign: Grid_Item_6_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/arty6.jpg' %}
{% assign: Grid_Item_6_Page_Url = 'http://twitter.com/themefiend' %}
{% assign: Grid_Item_6_Title = "SWOT" %}
{% capture Grid_Item_6_Text %}

Coming soon to Fifty Shades of Spray
{% endcapture %}

{{ --GRID ITEM 7 SETTINGS-- }}

{% assign: Grid_Item_7_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/shop7.jpg' %}
{% assign: Grid_Item_7_Page_Url = 'http://themefiend.com' %}
{% assign: Grid_Item_7_Title = "UBIQ" %}
{% capture Grid_Item_7_Text %}

VIEW MORE WORKS: www.themefiend.com
{% endcapture %}

{{ --GRID ITEM 8 SETTINGS-- }}

{% assign: Grid_Item_8_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/shop8.jpg' %}
{% assign: Grid_Item_8_Page_Url = 'http://support.themefiend.com' %}
{% assign: Grid_Item_8_Title = "Livestock" %}
{% capture Grid_Item_8_Text %}

VIEW MORE WORKS: www.themefiend.com
{% endcapture %}

{{ --GRID ITEM 9 SETTINGS-- }}

{% assign: Grid_Item_9_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/shop9.jpg' %}
{% assign: Grid_Item_9_Page_Url = 'http://twitter.com/themefiend' %}
{% assign: Grid_Item_9_Title = "Sneaker Bistro" %}
{% capture Grid_Item_9_Text %}

VIEW MORE WORKS: www.themefiend.com
{% endcapture %}

{{ --GRID ITEM 10 SETTINGS-- }}

{% assign: Grid_Item_10_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/shop10.jpg' %}
{% assign: Grid_Item_10_Page_Url = 'http://themefiend.com' %}
{% assign: Grid_Item_10_Title = "Blades" %}
{% capture Grid_Item_10_Text %}

VIEW MORE WORKS: www.themefiend.com
{% endcapture %}

{{ --GRID ITEM 11 SETTINGS-- }}

{% assign: Grid_Item_11_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/shop11.jpg' %}
{% assign: Grid_Item_11_Page_Url = 'http://support.themefiend.com' %}
{% assign: Grid_Item_11_Title = "Memes" %}
{% capture Grid_Item_11_Text %}

VIEW MORE WORKS: www.themefiend.com
{% endcapture %}

{{ --GRID ITEM 12 SETTINGS-- }}

{% assign: Grid_Item_12_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/shop12.jpg' %}
{% assign: Grid_Item_12_Page_Url = 'http://twitter.com/themefiend' %}
{% assign: Grid_Item_12_Title = "YRB" %}
{% capture Grid_Item_12_Text %}

VIEW MORE WORKS: www.themefiend.com
{% endcapture %}

{{ ----END INDIVIDUAL GRID ITEM SETTINGS---- }}

{{ ---------END THEME SETTINGS AND CONTROLS----------- }}

{{ ---------BEGIN GRID ADD-ON HTML TEMPLATE CODE---------- }}

{% assign: nogi = Number_of_Grid_Items %}
{% assign: gipr = Grid_Items_Per_Row %}
{% assign: gimg = Grid_Items_Margin %}
{% assign: gdtx = "class='gi_text'" %}

{% assign: girc = Grid_Image_Rounded_Corners %}
{% assign: gil = Grid_Image_Links %}
{% assign: gilt = Grid_Image_Link_Type %}
{% assign: gilb = Grid_Image_Link_Behavior %}
{% assign: gilpn = Grid_Image_Link_Popup_Navigation %}

{% assign: sgit = Show_Grid_Item_Text %}
{% assign: gitxam = Grid_Item_Text_Arrangement %}
{% assign: gital = Grid_Item_Text_Alignment %}
{% assign: sgittx = Show_Grid_Item_Title_Text %}
{% assign: sgidtx = Show_Grid_Item_Description_Text %}

{% capture it_pr %}{% if gimg == 0 %}mg-O{% endif %}{% if gimg == 0.5 %}mg-OpV{% endif %}{% if gimg == 1 %}mg-I{% endif %}{% if gimg == 1.5 %}mg-IpV{% endif %}{% if gimg == 2 %}mg-II{% endif %}{% if gimg == 2.5 %}mg-IIpV{% endif %}{% if gimg == 3 %}mg-III{% endif %}{% endcapture %}
{% capture it_mrgn %}{% if gipr == 2 %}ii_ipr{% endif %}{% if gipr == 3 %}iii_ipr{% endif %}{% if gipr == 4 %}iv_ipr{% endif %}{% if gipr == 5 %}v_ipr{% endif %}{% endcapture %}

{% if Show_Custom_Page_Title contains 'es' %}

{{ Custom_Page_Title }}

{% else %}

{{ page.name | remove: '-pg-1-' | remove: '-pg-2-' | remove: '-pg-3-' | remove: '-pg-4-' }}

{% endif %} {% if Show_Grid_Intro_Text contains 'es' %}
{{ Grid_Intro_Text | paragraphs }}
{% endif %}
{% capture gi_title %}{% if sgittx contains 'es' %}

{{ Grid_Item_1_Title }}

{% endif %}{% endcapture %} {% capture gitx_box %}{% if sgit contains 'es' %}
{% unless gitxam contains 'itle' %}{{ gi_title }}{% endunless %}{% if sgidtx contains 'es' %}

{{ Grid_Item_1_Text }}

{% endif %}
{% endif %}{% endcapture %} {% capture gi_img %}
  • {% if gil contains 'es' %}{% endif %}{% if gil contains 'es' %}{% endif %}
  • {% endcapture %} {% if gilb contains 'ew' %}{% capture pg_target %}target="new"{% endcapture %}{% endif %} {% if Image_Source contains 'elf' %} {% capture GIC %}{% if gitxam contains 'itle' %}{{ gi_title }}{{ gi_img }}{{ gitx_box }}{% endif %}{% if gitxam contains 'elow' %}{{ gi_img }}{{ gitx_box }}{% elsif gitxam contains 'bove' %}{{ gitx_box }}{{ gi_img }}{% endif %}{% endcapture %} {% if nogi >= 1 %}
    {{ GIC | newline_to_br }}
    {% endif %} {% if nogi >= 2 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_2_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_2_Page_Url | replace: Grid_Item_1_Title , Grid_Item_2_Title | replace: Grid_Item_1_Text , Grid_Item_2_Text | newline_to_br }}
    {% endif %} {% if nogi >= 3 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_3_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_3_Page_Url | replace: Grid_Item_1_Title , Grid_Item_3_Title | replace: Grid_Item_1_Text , Grid_Item_3_Text | newline_to_br }}
    {% endif %} {% if nogi >= 4 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_4_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_4_Page_Url | replace: Grid_Item_1_Title , Grid_Item_4_Title | replace: Grid_Item_1_Text , Grid_Item_4_Text | newline_to_br }}
    {% endif %} {% if nogi >= 5 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_5_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_5_Page_Url | replace: Grid_Item_1_Title , Grid_Item_5_Title | replace: Grid_Item_1_Text , Grid_Item_5_Text | newline_to_br }}
    {% endif %} {% if nogi >= 6 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_6_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_6_Page_Url | replace: Grid_Item_1_Title , Grid_Item_6_Title | replace: Grid_Item_1_Text , Grid_Item_6_Text | newline_to_br }}
    {% endif %} {% if nogi >= 7 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_7_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_7_Page_Url | replace: Grid_Item_1_Title , Grid_Item_7_Title | replace: Grid_Item_1_Text , Grid_Item_7_Text | newline_to_br }}
    {% endif %} {% if nogi >= 8 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_8_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_8_Page_Url | replace: Grid_Item_1_Title , Grid_Item_8_Title | replace: Grid_Item_1_Text , Grid_Item_8_Text | newline_to_br }}
    {% endif %} {% if nogi >= 9 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_9_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_9_Page_Url | replace: Grid_Item_1_Title , Grid_Item_9_Title | replace: Grid_Item_1_Text , Grid_Item_9_Text | newline_to_br }}
    {% endif %} {% if nogi >= 10 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_10_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_10_Page_Url | replace: Grid_Item_1_Title , Grid_Item_10_Title | replace: Grid_Item_1_Text , Grid_Item_10_Text | newline_to_br }}
    {% endif %} {% if nogi >= 11 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_11_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_11_Page_Url | replace: Grid_Item_1_Title , Grid_Item_11_Title | replace: Grid_Item_1_Text , Grid_Item_11_Text | newline_to_br }}
    {% endif %} {% if nogi >= 12 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_12_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_12_Page_Url | replace: Grid_Item_1_Title , Grid_Item_12_Title | replace: Grid_Item_1_Text , Grid_Item_12_Text | newline_to_br }}
    {% endif %} {% endif %} {% if Image_Source contains 'ab' %} {% assign: Lab = 'http://themefiend.com/lab/images/' %} {% assign: gi_id = 'gi-01.jpg' %}{% capture gi_lab_img %}{{ Lab }}{{ Theme_Fiend_Lab_UserName }}{{ page.url | remove: 'footer-' | remove: 'sidebar-' | remove: store.url }}-{{ gi_id }}{% endcapture %} {% capture l_gi_img %}
  • {% if gil contains 'es' %}{% endif %}{% if gil contains 'es' %}{% endif %}
  • {% endcapture %} {% capture L_GIC %}{% if gitxam contains 'itle' %}{{ gi_title }}{{ l_gi_img }}{{ gitx_box }}{% endif %}{% if gitxam contains 'elow' %}{{ l_gi_img }}{{ gitx_box }}{% elsif gitxam contains 'bove' %}{{ gitx_box }}{{ l_gi_img }}{% endif %}{% endcapture %} {% if nogi >= 1 %}
    {{ L_GIC | newline_to_br }}
    {% endif %} {% if nogi >= 2 %}
    {{ L_GIC | replace: "-01", "-02" | replace: Grid_Item_1_Page_Url , Grid_Item_2_Page_Url | replace: Grid_Item_1_Title , Grid_Item_2_Title | replace: Grid_Item_1_Text , Grid_Item_2_Text | newline_to_br }}
    {% endif %} {% if nogi >= 3 %}
    {{ L_GIC | replace: "-01", "-03" | replace: Grid_Item_1_Page_Url , Grid_Item_3_Page_Url | replace: Grid_Item_1_Title , Grid_Item_3_Title | replace: Grid_Item_1_Text , Grid_Item_3_Text | newline_to_br }}
    {% endif %} {% if nogi >= 4 %}
    {{ L_GIC | replace: "-01", "-04" | replace: Grid_Item_1_Page_Url , Grid_Item_4_Page_Url | replace: Grid_Item_1_Title , Grid_Item_4_Title | replace: Grid_Item_1_Text , Grid_Item_4_Text | newline_to_br }}
    {% endif %} {% if nogi >= 5 %}
    {{ L_GIC | replace: "-01", "-05" | replace: Grid_Item_1_Page_Url , Grid_Item_5_Page_Url | replace: Grid_Item_1_Title , Grid_Item_5_Title | replace: Grid_Item_1_Text , Grid_Item_5_Text | newline_to_br }}
    {% endif %} {% if nogi >= 6 %}
    {{ L_GIC | replace: "-01", "-06" | replace: Grid_Item_1_Page_Url , Grid_Item_6_Page_Url | replace: Grid_Item_1_Title , Grid_Item_6_Title | replace: Grid_Item_1_Text , Grid_Item_6_Text | newline_to_br }}
    {% endif %} {% if nogi >= 7 %}
    {{ L_GIC | replace: "-01", "-07" | replace: Grid_Item_1_Page_Url , Grid_Item_7_Page_Url | replace: Grid_Item_1_Title , Grid_Item_7_Title | replace: Grid_Item_1_Text , Grid_Item_7_Text | newline_to_br }}
    {% endif %} {% if nogi >= 8 %}
    {{ L_GIC | replace: "-01", "-08" | replace: Grid_Item_1_Page_Url , Grid_Item_8_Page_Url | replace: Grid_Item_1_Title , Grid_Item_8_Title | replace: Grid_Item_1_Text , Grid_Item_8_Text | newline_to_br }}
    {% endif %} {% if nogi >= 9 %}
    {{ L_GIC | replace: "-01", "-09" | replace: Grid_Item_1_Page_Url , Grid_Item_9_Page_Url | replace: Grid_Item_1_Title , Grid_Item_9_Title | replace: Grid_Item_1_Text , Grid_Item_9_Text | newline_to_br }}
    {% endif %} {% if nogi >= 10 %}
    {{ L_GIC | replace: "-01", "-10" | replace: Grid_Item_1_Page_Url , Grid_Item_10_Page_Url | replace: Grid_Item_1_Title , Grid_Item_10_Title | replace: Grid_Item_1_Text , Grid_Item_10_Text | newline_to_br }}
    {% endif %} {% if nogi >= 11 %}
    {{ L_GIC | replace: "-01", "-11" | replace: Grid_Item_1_Page_Url , Grid_Item_11_Page_Url | replace: Grid_Item_1_Title , Grid_Item_11_Title | replace: Grid_Item_1_Text , Grid_Item_11_Text | newline_to_br }}
    {% endif %} {% if nogi >= 12 %}
    {{ L_GIC | replace: "-01", "-12" | replace: Grid_Item_1_Page_Url , Grid_Item_12_Page_Url | replace: Grid_Item_1_Title , Grid_Item_12_Title | replace: Grid_Item_1_Text , Grid_Item_12_Text | newline_to_br }}
    {% endif %} {% endif %}

    {{ ---------END GRID ADD-ON HTML TEMPLATE CODE---------- }}

    {{ ---------BEGIN GRID ADD-ON CSS/JAVASCRIPT CODE---------- }}

    .media {overflow:visible}
    .page-title {display:none}#grid-addon .page-title {display:inline-block}
    #grid-addon {font-size: 0px;position:relative}
    #grid-intro-text {margin-bottom: 1.5%;margin-top: 0.5%}
    .grid_item h3 {font-size: {{ Titles_Font_Size }}px !important; line-height: 125%; margin-top: 10px !important;{% if gitxam contains 'itle' %}margin-bottom:10px !important;{% else %}margin-bottom:0px !important;{% endif %} text-align:{{ gital | downcase }};}
    .grid_item p {text-align:{{ gital | downcase }};margin-top:10px !important;}
    .grid_item {vertical-align: top;display: inline-block;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;padding:0%;border:0px solid transparent;position:relative}
    .grid_item img {width: 100%;{% if girc contains 'es' %}border-radius:5px{% endif %}box-sizing:border-box;-moz-box-sizing:border-box;}
    .gi_text {display: inline-block;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0%;background-color:transparent;}
    #colorbox, #cboxOverlay, #cboxWrapper {z-index: 2147483647 !important;}
    body #cboxContent #cboxPrevious, body #cboxContent #cboxNext {background-image: url(http://themefiend.com/tf-themes/_images/arrows/8.png) !important;opacity: 0.6;filter:alpha(opacity=60);width: 24px !important;height: 50px !important;outline: none;top: 45%;}
    body #cboxContent button:hover {opacity: 0.9 !important;filter:alpha(opacity=90) !important;}
    body button#cboxPrevious {background-position: 0px 0px !important;right: inherit;left: 15px;}
    body button#cboxNext {background-position: 100% 0px !important;right: 15px;left:inherit;}
    body #cboxClose {right: 2px;top: 2px;}
    body #cboxTitle {color: #ffffff;display: none !important}
    /*----------ITEMS PER ROW AND MARGINS CSS-----------------*/
    /* ---TWO Items Per Row; 0% to 3% Margin--- */
    .ii_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:50%}
    .ii_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:49.75%}
    .ii_ipr.mg-I .grid_item {margin:0% 1% 5% 0%;width:49.5%}
    .ii_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:49.25%}
    .ii_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:49%}
    .ii_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:48.75%}
    .ii_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:48.5%}
    /* ---THREE Items Per Row; 0% to 3% Margin--- */
    .iii_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:33.3333%}
    .iii_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:33%}
    .iii_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width:32.6667%}
    .iii_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:32.3333%}
    .iii_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:32%}
    .iii_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:31.6667%}
    .iii_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:31.3333%}
    /* ---FOUR Items Per Row; 0% to 3% Margin--- */
    .iv_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:25%}
    .iv_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:24.625%}
    .iv_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width:24.250%}
    .iv_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:23.875%}
    .iv_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:23.5%}
    .iv_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:23.125%}
    .iv_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:22.75%}
    /* ---FIVE Items Per Row; 0% to 3% Margin--- */
    .v_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:20%}
    .v_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:19.6%}
    .v_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width: 19.2%}
    .v_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:18.8%}
    .v_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:18.4%}
    .v_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:18%}
    .iv_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:17.6%}
    /* ---Last Item In Row (No Margin)--- */
    @media only screen and (min-width: 768px) {
    .ii_ipr .grid_item.last, .iii_ipr .grid_item.last, .iv_ipr .grid_item.last, .v_ipr .grid_item.last {margin-right: 0%}
    }
    /*============= Media Screen 767px========================*/
    @media only screen and (max-width: 767px) {
    .mg-O .grid_item {margin:0% 0% 0% 0%;width:50% !important}
    .mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:49.75% !important}
    .mg-I .grid_item {margin:0% 1% 5% 0%;width:49.5% !important}
    .mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:49.25% !important}
    .mg-II .grid_item {margin:0% 2% 2% 0%;width:49% !important}
    .mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:48.75% !important}
    .mg-III .grid_item {margin:0% 3% 3% 0%;width:48.5% !important}
    .grid_item:nth-child(2n) {margin-right: 0% !important}
    }

    (function($) {
    $(document).ready(function(){
    $(".gi-popup a").colorbox({maxWidth:'800'});
    $("#grid-addon > br, #grid-container > br, .grid_item > br, #grid-addon p:empty").remove();
    $(".gi_text br:first-child, .gi_text br:first-child + br, #grid-intro-text br:first-child, #grid-intro-text br:first-child + br").remove();
    });
    var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g,
    url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g,
    linkifyThis = function () {
    var childNodes = this.childNodes,
    i = childNodes.length;
    while(i--)
    {
    var n = childNodes[i];
    if (n.nodeType == 3) {
    var html = $.trim(n.nodeValue);
    if (html)
    {
    html = html.replace(/&/g, '&')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(url1, '$1<a href="http://$2">$2</a>$3')
    .replace(url2, '$1<a href="$2">$2</a>$5');
    $(n).after(html).remove();
    }
    }
    else if (n.nodeType == 1 && !/^(a|button|textarea)$/i.test(n.tagName)) {
    linkifyThis.call(n);
    }
    }
    };
    $.fn.linkify = function () {
    return this.each(linkifyThis);
    };
    $('body').linkify();
    $("a[@href^='www'], a[@href^='http']").attr('target','_blank');
    })(jQuery);

    {{ ---------END GRID ADD-ON CSS/JAVASCRIPT CODE---------- }}