/*************************************************************************************************************************
Screen smaller than 680px
*************************************************************************************************************************/
@media screen and (max-width: 680px) {

  /* Overall */
  .container {margin: 15px auto; width: 90%; overflow: hidden; background: #fff; border: 1px solid #ccc;}
  .header {position: relative; width: 100%; clear: both;}
  .section,
  .section-wide,
  .aside {clear: both; width: 90%; margin: 5%;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777;}

  /* .header */
  .header h1,
  .header h5 {font: 400 2.6em 'Playfair Display', Georgia, Times, Serif; text-align: center; margin: 10px 0 0 0;}
  .header-title {display: block; clear: both; margin: 0 auto 10px auto;}
  .header-desc {text-align: center; color: #ccc; font-size: .9em;}

  /* .nav */
  .secondary-nav {position: relative; padding: 5px 0; clear: both; line-height: 1em; font-size: .85em; font-weight: 700; text-transform: uppercase; background: #000;}
  .secondary-nav ul {list-style: none; display: none;}
  .nav-icons {display: none;}

  .tinynav {display: block; width: 90%; margin: 0 auto; background: #fff;}
  .tinynav ul {display: none;}
  .nav {position: relative; clear: both; margin-bottom: 40px; padding: 5px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; line-height: 1em; font-size: .9em; text-transform: uppercase; font-family: 'Playfair Display', Serif;}
  .nav ul {display: none; list-style: none;}

  /* .flexslider */
  .flexslider {width: 90%; margin: 30px auto 0 auto; padding-bottom: 40px;}
  .flex-caption {font-family: 'Playfair Display', Serif; width: 50%; padding: 10px; margin: 0; position: absolute; right: 0; bottom: 30px; background: #fff; color: #222; font-size: 1em; text-transform: uppercase;}

  /* .article */
  .article ul.post-meta {border-bottom: 1px dotted #ccc; overflow: hidden; font-size: .75em; text-transform: uppercase; margin: 5px 0; list-style: none;}
  .article ul.post-meta li {}

  /* article misc */
  ul.post-related {list-style: none; overflow: hidden; margin: 0 0 20px 0 !important;}
  ul.post-related li {float: left; width: 20%; margin: 2% !important; line-height: 1.2em;}

  ul.post-info-meta {clear: both; color: #888; margin: 0 !important; border-bottom: 1px solid #dadada; overflow: hidden;}
  ul.post-info-meta li {list-style: none;}
  ul.post-info-meta li.post-info-meta-title {font-family: 'Playfair Display', Serif; font-size: 1.2em; padding-right: 10px; margin-bottom: 20px; line-height: 1em; color: #222;}
  ul.post-info-meta li.post-comment {text-transform: uppercase; font-family: 'Playfair Display', Serif;}

  /*
  .footer-navi {clear: both; overflow: hidden; background: #eee;}
  .footer-navi li.previous {}
  .footer-navi li.next {}
  .footer-navi li.previous a {display: block; width: 190px; height: 50px; background: url('images/footer_navi_nav.gif') no-repeat 0 0; text-indent: -9999em; margin: 0 auto;}
  .footer-navi li.next a {display: block; width: 190px; height: 50px; background: url('images/footer_navi_nav.gif') no-repeat -210px 0; text-indent: -9999em; margin: 0 auto;}
  */
  .footer-navi {clear: both; overflow: hidden; background: #eee; padding: 10px;}
  .footer-navi li a {color: #888;}
  .footer-navi li.previous {float: left;}
  .footer-navi li.next {float: right;}
  .footer-navi li.previous a {display: block; background: url('images/footer_navi_nav.png') no-repeat 0 0; padding: 5px 0 5px 40px;}
  .footer-navi li.next a {display: block; text-align: right; background: url('images/footer_navi_nav.png') no-repeat right -165px; padding: 5px 40px 5px 0;}

  /* .footer */
  .footer-inner {overflow: hidden; margin: 20px 0; font-size: .9em; line-height: 1.8em;}
  .footer-widget {display: block; padding: 0 5%; margin-bottom: 30px;}
  .footer-widget h4 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
  .footer-widget ul {clear: both; list-style: none;}
  .footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
  .footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  .footer-widget p {margin-bottom: 10px; line-height: 1.8em;}
  p.footer-copy {width: 90%; clear: both; font-size: .75em; text-align: center; overflow: hidden; padding: 10px 5%; margin: 0 auto; border-top: 1px solid #dadada;}
  p.footer-copy .footer-credit {display: block; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px; margin: 5px auto;}

  /* Shortcodes */
  .left,
  .right,
  .col1,
  .col2,
  .col3,
  .col3-2,
  .col3-1,
  .col4-1,
  .col4-2,
  .col4-3,
  .col4-4,
  .col5-1,
  .col5-2,
  .col5-3,
  .col5-4,
  .col5-5 {clear: both; line-height: 1.8em;}

  /* Jigoshop */
  ul.products li {overflow: hidden; margin-bottom: 30px;}
  ul.products li .price {float: none; text-align: left;}
  ul.products li .onsale {margin: 0;}

  /* WooCommerce */
  .col2-set {}
  .col2-set .col-1 {clear: both; width: 100% !important;}
  .col2-set .col-2 {clear: both; width: 100% !important;}
  .product .images,
  .product .summary {clear: both; width: 100% !important;}
  div.product .woocommerce_tabs ul.tabs li a,
  #content div.product .woocommerce_tabs ul.tabs li a,
  div.product .woocommerce_tabs ul.tabs li.active a,
  #content div.product .woocommerce_tabs ul.tabs li.active a {font-size: .8em;}
  
  .woocommerce ul.products li,
  .woocommerce-page ul.products li {clear: both !important; width: 100% !important;}

  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail,
  .woocommerce #content table.cart .product-thumbnail,
  .woocommerce-page #content table.cart .product-thumbnail {display: none;}
  
  .woocommerce table.cart .product-remove,
  .woocommerce-page table.cart .product-remove,
  .woocommerce #content table.cart .product-remove,
  .woocommerce-page #content table.cart .product-remove {display: none;}

  .woocommerce table.cart td.actions .button.alt,
  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce #content table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {margin-top: 10px;}

}

/*************************************************************************************************************************
Screen between 681px and 980px
*************************************************************************************************************************/
@media screen and (min-width: 681px) and (max-width: 980px) {

  /* Overall */
  .container {margin: 15px auto; width: 95%; overflow: hidden; background: #fff; border: 1px solid #ccc;}
  .header {position: relative; width: 100%; clear: both;}
  .section {float: left; width: 62%; margin: 2% 0 2% 2%;}
  .section-wide {clear: both; width: 96%; margin: 2%;}
  .aside {float: right; width: 30%; margin: 2% 2% 2% 0; font-size: .9em;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777;}

  /* .header */
  .header h1,
  .header h5 {font: 400 3.4em 'Playfair Display', Georgia, Times, Serif; text-align: center; margin: 10px 0 0 0;}
  .header-title {display: block; clear: both; margin: 0 auto 10px auto;}
  .header-desc {text-align: center; color: #ccc; font-size: .9em;}

  /* .nav */
  .secondary-nav {position: relative; display: inline-block; width: 100%; clear: both; line-height: 1em; font-size: .75em; font-weight: 700; text-transform: uppercase; background: #000; margin-bottom: 10px;}
  .secondary-nav ul {list-style: none;}
  .secondary-nav li a {display: block; padding: 12px 15px 12px 10px; color: #fff;}

  .tinynav {display: none;}
  .nav {position: relative; width: 95%; margin: 0 20px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; display: inline-block; clear: both; line-height: 1em; font-size: .9em; text-transform: uppercase; font-family: 'Playfair Display', Serif;}
  .nav ul {list-style: none; display: inline-block; text-align: left;}
  .nav a {display: block; padding: 10px;}
  .nav ul ul a {display: block; padding: 8px 12px 8px 10px; position: relative;}

  /* .flexslider */
  .flexslider {width: 96%; margin: 30px auto 0 auto; padding-bottom: 40px;}
  .flex-caption {font-family: 'Playfair Display', Serif; width: 300px; padding: 30px; margin: 0; position: absolute; right: 0; bottom: 30px; background: #fff; color: #222; font-size: 1.8em; text-transform: uppercase;}

  /* .article */
  .article ul.post-meta {border-bottom: 1px dotted #ccc; overflow: hidden; font-size: .75em; text-transform: uppercase; margin: 5px 0; list-style: none;}
  .article ul.post-meta li {float: left; margin-right: 20px;}

  /* article misc */
  ul.post-related {list-style: none; overflow: hidden; margin: 0 0 20px 0 !important;}
  ul.post-related li {float: left; width: 20%; margin: 2% !important; line-height: 1.2em;}

  ul.post-info-meta {clear: both; color: #888; margin: 0 !important; border-bottom: 1px solid #dadada; overflow: hidden;}
  ul.post-info-meta li {list-style: none; float: left;}
  ul.post-info-meta li.post-info-meta-title {font-family: 'Playfair Display', Serif; font-size: 1.2em; padding-right: 10px; line-height: 1em; color: #222;}
  ul.post-info-meta li.post-comment {float: right; text-transform: uppercase; font-family: 'Playfair Display', Serif;}

  /*
  .footer-navi {clear: both; overflow: hidden; background: #eee;}
  .footer-navi li.previous {float: left;}
  .footer-navi li.next {float: right;}
  .footer-navi li.previous a {display: block; width: 190px; height: 50px; background: url('images/footer_navi_nav.gif') no-repeat 0 0; text-indent: -9999em;}
  .footer-navi li.next a {display: block; width: 190px; height: 50px; background: url('images/footer_navi_nav.gif') no-repeat -210px 0; text-indent: -9999em;}
  */
  .footer-navi {clear: both; overflow: hidden; background: #eee; padding: 10px;}
  .footer-navi li a {color: #888;}
  .footer-navi li.previous {float: left;}
  .footer-navi li.next {float: right;}
  .footer-navi li.previous a {display: block; background: url('images/footer_navi_nav.png') no-repeat 0 0; padding: 5px 0 5px 40px;}
  .footer-navi li.next a {display: block; text-align: right; background: url('images/footer_navi_nav.png') no-repeat right -165px; padding: 5px 40px 5px 0;}

  /* .footer */
  .footer-inner {overflow: hidden; margin: 20px 0; font-size: .9em; line-height: 1.8em;}
  .footer-widget {float: left; display: block; width: 20%; padding: 0 2%;}
  .footer-widget h4 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
  .footer-widget ul {clear: both; list-style: none;}
  .footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
  .footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  .footer-widget p {margin-bottom: 10px; line-height: 1.8em;}
  p.footer-copy {width: 95%; clear: both; font-size: .75em; overflow: hidden; padding: 20px 0; margin: 0 auto; border-top: 1px solid #dadada;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

  /* Shortcodes */
  .left {width: 48%; float: left; line-height: 1.8em;}
  .right {width: 48%; float: right; line-height: 1.8em;}

  .col1 {width: 31%; float: left; line-height: 1.8em;}
  .col2 {width: 31%; padding: 0 3%; float: left; line-height: 1.8em;}
  .col3 {width: 31%; float: right; line-height: 1.8em;}

  .col3-2 {width: 66%; float: left; line-height: 1.8em;}
  .col3-1 {width: 31%; float: right; line-height: 1.8em;}

  .col4-1 {width: 24%; float: left; line-height: 1.8em;}
  .col4-2,
  .col4-3 {width: 24%; padding: 0 0 0 2%; float: left; line-height: 1.8em;}
  .col4-4 {width: 24%; float: right; line-height: 1.8em;}

  .col5-1 {width: 18%; float: left; line-height: 1.8em;}
  .col5-2,
  .col5-3,
  .col5-4 {width: 18%; padding: 0 0 0 2%; float: left; line-height: 1.8em;}
  .col5-5 {width: 18%; float: right; line-height: 1.8em;}

}

/*************************************************************************************************************************
Screen larger than 981px
*************************************************************************************************************************/
@media screen and (min-width: 981px) {

  /* Overall */
  .container {margin: 15px auto; width: 1000px; overflow: hidden; background: #fff; border: 1px solid #ccc;}
  .header {position: relative; width: 1000px; clear: both;}
  .section {float: left; width: 620px; margin: 20px 0 20px 20px;}
  .section-wide {clear: both; width: 960px; margin: 20px;}
  .aside {float: right; width: 300px; margin: 20px 20px 20px 0; font-size: .9em;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 1000px; color: #777;}

  /* .header */
  .header h1,
  .header h5 {font: 400 4em 'Playfair Display', Georgia, Times, Serif; text-align: center; margin: 10px 0 0 0;}
  .header-title {display: block; clear: both; margin: 0 auto 10px auto;}
  .header-desc {text-align: center; color: #ccc;}

  /* .nav */
  .secondary-nav {position: relative; display: inline-block; width: 100%; clear: both; line-height: 1em; font-size: .85em; font-weight: 700; text-transform: uppercase; background: #000; margin-bottom: 10px; z-index: 300;}
  .secondary-nav ul {list-style: none;}
  .secondary-nav li a {display: block; padding: 12px 15px; color: #fff;}

  .tinynav {display: none;}
  .nav {position: relative; width: 960px; margin: 0 20px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; display: inline-block; clear: both; line-height: 1em; font-size: .9em; text-transform: uppercase; font-family: 'Playfair Display', Serif; z-index: 100;}
  .nav ul {list-style: none; display: inline-block; text-align: left;}
  .nav a {display: block; padding: 12px 15px;}
  .nav ul ul a {display: block; padding: 12px 10px; position: relative;}

  /* .flexslider */
  .flexslider {width: 960px; margin: 30px auto 0 auto; padding-bottom: 40px; z-index: 10;}
  .flex-caption {font-family: 'Playfair Display', Serif; width: 300px; padding: 30px; margin: 0; position: absolute; right: 0; bottom: 30px; background: #fff; color: #222; font-size: 1.8em; text-transform: uppercase;}

  /* .article */
  .article ul.post-meta {border-bottom: 1px dotted #ccc; overflow: hidden; font-size: .75em; text-transform: uppercase; margin: 5px 0; list-style: none;}
  .article ul.post-meta li {float: left; margin-right: 20px;}

  /* article misc */
  ul.post-related {list-style: none; overflow: hidden; margin: 0 0 20px 0 !important;}
  ul.post-related li {float: left; width: 145px; margin: 5px !important; line-height: 1.2em;}

  ul.post-info-meta {clear: both; color: #888; margin: 0 !important; border-bottom: 1px solid #dadada; overflow: hidden;}
  ul.post-info-meta li {list-style: none; float: left;}
  ul.post-info-meta li.post-info-meta-title {font-family: 'Playfair Display', Serif; font-size: 1.2em; padding-right: 10px; line-height: 1em; color: #222;}
  ul.post-info-meta li.post-comment {float: right; text-transform: uppercase; font-family: 'Playfair Display', Serif;}

  /*
  .footer-navi {clear: both; overflow: hidden; background: #eee;}
  .footer-navi li.previous {float: left;}
  .footer-navi li.next {float: right;}
  .footer-navi li.previous a {display: block; width: 190px; height: 50px; background: url('images/footer_navi_nav.gif') no-repeat 0 0; text-indent: -9999em;}
  .footer-navi li.next a {display: block; width: 190px; height: 50px; background: url('images/footer_navi_nav.gif') no-repeat -210px 0; text-indent: -9999em;}
  */
  .footer-navi {clear: both; overflow: hidden; background: #eee; padding: 10px;}
  .footer-navi li a {color: #888;}
  .footer-navi li.previous {float: left;}
  .footer-navi li.next {float: right;}
  .footer-navi li.previous a {display: block; background: url('images/footer_navi_nav.png') no-repeat 0 0; padding: 5px 0 5px 40px;}
  .footer-navi li.next a {display: block; text-align: right; background: url('images/footer_navi_nav.png') no-repeat right -165px; padding: 5px 40px 5px 0;}

  /* .footer */
  .footer-inner {overflow: hidden; background: url('images/footer_widgets_bg.gif') repeat-y top center; margin: 20px 0; font-size: .9em; line-height: 1.8em;}
  .footer-widget {float: left; display: block; width: 210px; padding: 0 20px;}
  .footer-widget h4 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
  .footer-widget ul {clear: both; list-style: none;}
  .footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
  .footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  .footer-widget p {margin-bottom: 10px; line-height: 1.8em;}
  p.footer-copy {width: 960px; clear: both; font-size: .75em; overflow: hidden; padding: 20px 0; margin: 0 auto; border-top: 1px solid #dadada;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

  /* Shortcodes */
  .left {width: 48%; float: left; line-height: 1.8em;}
  .right {width: 48%; float: right; line-height: 1.8em;}

  .col1 {width: 31%; float: left; line-height: 1.8em;}
  .col2 {width: 31%; padding: 0 3%; float: left; line-height: 1.8em;}
  .col3 {width: 31%; float: right; line-height: 1.8em;}

  .col3-2 {width: 66%; float: left; line-height: 1.8em;}
  .col3-1 {width: 31%; float: right; line-height: 1.8em;}

  .col4-1 {width: 24%; float: left; line-height: 1.8em;}
  .col4-2,
  .col4-3 {width: 24%; padding: 0 0 0 2%; float: left; line-height: 1.8em;}
  .col4-4 {width: 24%; float: right; line-height: 1.8em;}

  .col5-1 {width: 18%; float: left; line-height: 1.8em;}
  .col5-2,
  .col5-3,
  .col5-4 {width: 18%; padding: 0 0 0 2%; float: left; line-height: 1.8em;}
  .col5-5 {width: 18%; float: right; line-height: 1.8em;}

}

/* OVERALL */
body {font: 400 0.9em 'Arimo', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif; color: #555; /*background: #fbfbfb url('images/background.png') repeat top center;*/}
body p {margin-bottom: 20px; line-height: 1.8em; word-wrap: break-word;}

/* hgroup */
h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.2em; margin-bottom: 15px; font-weight: 400; font-family: 'Playfair Display', Serif;}
h1 {font-size: 1.6em; color: #fea2af}
h2 {font-size: 1.4em; color: #fea2af;}
h3 {font-size: 1.2em; color: #fea2af;}
h4 {font-size: 1.2em; color: #555;}
h5 {font-size: 1em; color: #555;}
h6 {font-size: 1em; color: #333;}

/* LINK */
a {color: #fea2af; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:active {color: #000;}
a:hover {color: #333;}

/* .header form */
.header-form {clear: both; overflow: hidden; position: absolute; top: 20px; right: 0;}
.header-text {width: 150px; margin-right: 5px; border: 1px solid #bbb;}

/* .nav */
.secondary-nav li {float: left; position: relative; z-index: 100;}
.secondary-nav li:hover a {background: #fff; color: #333;}

.secondary-nav li a:hover {background: #fff; color: #333;}
.secondary-nav li.current_page_item a,
.secondary-nav li.current-menu-item a {color: #222; background: #fff;}
.secondary-nav li.current_page_item li a,
.secondary-nav li.current-menu-item li a {background: #fff; color: #222;}
.secondary-nav li.current-menu-item li a:hover {background: #fff; color: #222;}
/*
.secondary-nav ul ul a {display: block; padding: 10px; position: relative; color: #000;}
.secondary-nav ul ul a:hover {background: #fff; color: #000;}
.secondary-nav ul ul {position: absolute; z-index: 120; width: 200px; background: #fff; display: none; z-index: 200;}
.secondary-nav ul ul li {display: block; float: none; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}
.secondary-nav ul ul li:hover {background: #fff;}
.secondary-nav ul ul li a:hover {background: #fff; color: #333;}
.secondary-nav ul ul li.current_page_item a,
.secondary-nav ul ul li.current-menu-item a {color: #fff;}
.secondary-nav ul ul li.current_page_item li a,
.secondary-nav ul ul li.current-menu-item li a {color: #000; background: #fff;}

.secondary-nav ul ul ul {position: absolute; left: 198px !important; top: -1px !important; border-top: 1px solid #000;}
*/
.secondary-nav ul ul {position: absolute; z-index: 120; width: 200px; background: #fff; z-index: 200;}
.secondary-nav ul ul li {display: block; float: none; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}
.secondary-nav ul ul li:hover {background: #fff}
.secondary-nav ul ul li a:hover {background: #fff; color: #333;}
.secondary-nav ul ul li.current_page_item li a,
.secondary-nav ul ul li.current-menu-item li a:hover {background: #fff; color: #fff;}
.secondary-nav ul ul li.current_page_item a,
.secondary-nav ul ul li.current-menu-item a {color: #000; background: #fff;}

.secondary-nav li {display: inline-block; float: left; position: relative; z-index: 100;}
.secondary-nav li:hover > ul {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); zoom: 1; visibility: visible; height: auto;}
.secondary-nav ul ul {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); zoom: 0; visibility: hidden; height: 0; position: absolute; width: 200px; background: #fff; z-index: 300;}

.secondary-nav ul li.has-sub > a {background-image: url('images/menu_down.gif'); background-repeat: no-repeat; background-position: right center;}
.secondary-nav ul ul li.has-sub > a {background-image: url('images/menu_right.gif'); background-repeat: no-repeat; background-position: right center;}

.secondary-nav ul ul li {display: block; float: none;}

.secondary-nav ul ul ul {position: absolute; left: 198px; top: -1px; border-top: 1px solid #000;}

.nav-icons {position: absolute; top: 5px; right: 20px;}
.nav-rss {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat 4px 4px; text-indent: -9999em;}
.nav-twitter {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -29px 4px; text-indent: -9999em;}
.nav-facebook {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -64px 4px; text-indent: -9999em;}
.nav-pinterest {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -97px 4px; text-indent: -9999em;}
.nav-email {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -131px 4px; text-indent: -9999em;}
.nav-flickr {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -167px 4px; text-indent: -9999em;}
.nav-linkedin {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -203px 4px; text-indent: -9999em;}
.nav-youtube {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -238px 4px; text-indent: -9999em;}
.nav-vimeo {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -275px 4px; text-indent: -9999em;}
.nav-google-plus {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -310px 4px; text-indent: -9999em;}
.nav-instagram {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -347px 4px; text-indent: -9999em;}
.nav-bloglovin {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -383px 4px; text-indent: -9999em;}
.nav-tumblr {display: block; width: 24px; height: 24px; padding: 0 !important; float: right; margin-left: 10px; background: #fea2af url('images/nav_icons.png') no-repeat -417px 4px; text-indent: -9999em;}

.nav li {float: left; position: relative; z-index: 100;}

.nav li.current_page_item a,
.nav li.current-menu-item a {color: #fff; background: #fea2af;}
.nav li.current_page_item li a {color: #fea2af; background: #fff;}
.nav li.current-menu-item li a:hover {color: #000; background: #fff;}

.nav .current-menu-item > a,
.nav .current-menu-ancestor > a,
.nav .current_page_item > a,
.nav .current_page_ancestor > a {color: #000;}

.nav ul ul {position: absolute; z-index: 120; width: 200px; background: #fff; z-index: 1000;}
.nav ul ul li {display: block; float: none; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada;}
.nav ul ul li:hover {background: #fff; color: #fea2af;}
.nav ul ul li a:hover {background: #fff; color: #000;}
.nav ul ul li.current_page_item li a,
.nav ul ul li.current-menu-item li a:hover {background: #fff; color: #fea2af;}
.nav ul ul li.current_page_item a,
.nav ul ul li.current-menu-item a {color: #fff; background: #fea2af;}

.nav ul ul a {display: block; padding: 10px; position: relative;}

.nav li {display: inline-block; float: left; position: relative; z-index: 100;}

.nav li:hover > ul {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); zoom: 1; visibility: visible; height: auto; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
.nav ul ul {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); zoom: 0; visibility: hidden; height: 0; position: absolute; width: 200px; background: #fff; z-index: 200;}

.nav ul li.has-sub > a {background-image: url('images/menu_down.gif'); background-repeat: no-repeat; background-position: right center;}
.nav ul ul li.has-sub > a {background-image: url('images/menu_right.gif'); background-repeat: no-repeat; background-position: right center;}

.nav ul ul li {display: block; float: none;}

.nav ul ul ul {position: absolute; left: 198px; top: -1px; border-top: 1px solid #dadada;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption a {color: #222;}

/* Direction Nav */
.flex-direction-nav {height: 0;}
.flex-direction-nav li a {position: absolute; top: 50%; cursor: pointer;}
.flex-direction-nav li .next {right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; left: 0;}
.flex-control-nav li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 12px; height: 12px; display: block; background: #ddd; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover,
.flex-control-nav li a.active {background: #fea2af;}

/* .article */
.sticky {}
.article {margin-bottom: 50px; overflow: hidden; clear: both;}
.article .post-thumb {border: 1px solid #ddd;}
.article .post-thumbnail {border: 0;}
.article .post-header {margin-bottom: 20px;}
.article .post-title {font-size: 1.8em; text-transform: uppercase; font-weight: 400; margin-bottom: 5px; line-height: 1.2em; color: #222;}
.article .post-title a {color: #222;}
.article .attachment-alignleft {float: left; margin: 0 10px 5px 0;}
.article .archives {overflow: hidden; clear: both; padding: 10px 0;}
.article .archives .archives-box {width: 45%; float: left; padding: 2px;}

/* .article misc */
.article blockquote {display: block; clear: both; margin: 20px 0; padding: 0 20px 0 40px; background: url('images/blockquote.png') no-repeat 0 0; font-style: italic; color: #888;}
.article blockquote p {padding: 0;}
.article ul {margin: 0 0 20px 25px; list-style: circle outside;}
.article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
.article li {margin: 3px 0; line-height: 1.8em;}
.article .post-author-bio {line-height: 1.8em; clear: both; overflow: hidden; background: #f9f9f9; border: 1px solid #ddd; padding: 20px;}

/* .article misc */
.breadcrumb {padding: 5px 10px; margin-bottom: 30px; font-size: .85em; background: #fafafa; border: 1px solid #eee;}

.pagetitle {padding: 20px 0; font-size: .8em; color: #999; text-transform: uppercase; letter-spacing: .2em;}

.page-pagination {font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0;}
.page-pagination span {margin: 2px 5px;}

.pagination {clear: both; font-size: .85em; padding: 10px 0; overflow: hidden; list-style: none;}
.pagination a:hover,
.pagination .current {padding: 5px 10px; margin-right: 5px; background: #fea2af; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pagination a {padding: 5px 10px; margin-right: 5px; background: #eee; color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.post-footer {padding: 20px 0; margin: 10px 0;}
.post-footer h5 {margin-top: 20px; font-size: 2em;}
.post-footer ul {margin: 0; list-style: none;}
.post-footer ul li {margin: 5px 0;}

/* .gallery */
.gallery {clear: both; overflow: hidden;}
.gallery .gallery-item {margin-top: 0 !important;}
.gallery dl {margin: 0;}
.gallery a {padding: 5px; display: block;}
.gallery a img {max-width: 100%; height: auto;}
.gallery-caption {}

/* .sideform */
.sideform {clear: both; overflow: hidden; text-align: center;}
.sidetext {width: 200px; margin: 2px auto; color: #888; border: 1px solid #bbb;}

/* .side-widget */
.side-widget {margin-bottom: 40px; overflow: hidden; clear: both;}
.textwidget {overflow: hidden; clear: both;}
.side-widget h3 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
.side-widget select {width: 90%;}
.side-widget ol,
.side-widget ul {clear: both; list-style: none;}
.side-widget ol.children,
.side-widget ul.children {clear: both; list-style: none; margin-left: 20px;}
.side-widget ol li,
.side-widget ul li {margin: 5px 0; line-height: 1.8em; border-bottom: 1px dotted #ccc;}

/***** WIDGET *****/
/* .location */
.location {}
.location li {padding-left: 30px; border: 0 !important;}
.location li.address {background: url('images/icon_address.png') no-repeat 0 3px;}
.location li.email {background: url('images/icon_email.png') no-repeat 0 3px;}
.location li.phone {background: url('images/icon_phone.png') no-repeat 0 3px;}
.location li.fax {background: url('images/icon_fax.png') no-repeat 0 3px;}

/* .social-icons */
/*
ul.social-icons li {float: left; border-bottom: none;}
.social-twitter,
.social-facebook,
.social-email,
.social-rss,
.social-pinterest,
.social-flickr,
.social-linkedin,
.social-youtube,
.social-vimeo,
.social-google-plus,
.social-instagram,
.social-bloglovin {display: block; width: 48px; height: 48px; float: left; background: url('images/social_icons.png') no-repeat; text-indent: -9999px;}
.social-twitter {background-position: 0 0; margin-right: 10px;}
.social-facebook {background-position: 0 -68px; margin-right: 10px;}
.social-email {background-position: 0 -136px; margin-right: 10px;}
.social-rss {background-position: 0 -204px;}
.social-pinterest {background-position: 0 -272px; margin-right: 10px;}
.social-flickr {background-position: 0 -339px; margin-right: 10px;}
.social-linkedin {background-position: 0 -406px; margin-right: 10px;}
.social-youtube {background-position: 0 -474px; margin-right: 10px;}
.social-vimeo {background-position: 0 -542px; margin-right: 10px;}
.social-google-plus {background-position: 0 -610px; margin-right: 10px;}
.social-instagram {background-position: 0 -678px; margin-right: 10px;}
.social-bloglovin {background-position: 0 -746px; margin-right: 10px;}
*/

/* .social-icons */
ul.social-icons li {float: left; border: none !important; list-style: none;}
.social-twitter,
.social-facebook,
.social-email,
.social-rss,
.social-google-plus,
.social-flickr,
.social-linkedin,
.social-youtube,
.social-vimeo,
.social-instagram,
.social-pinterest,
.social-bloglovin,
.social-tumblr {display: block; width: 48px; height: 48px; float: left; background: url('images/social_icons.png') no-repeat; text-indent: -9999px;}
.social-twitter {background-position: 0 0; background-color: #ccc; margin-right: 10px;}
.social-facebook {background-position: 0 -68px; margin-right: 10px;}
.social-email {background-position: 0 -136px; margin-right: 10px;}
.social-rss {background-position: 0 -204px;}
.social-google-plus {background-position: 0 -272px; margin-right: 10px;}
.social-flickr {background-position: 0 -340px; margin-right: 10px;}
.social-linkedin {background-position: 0 -408px; margin-right: 10px;}
.social-youtube {background-position: 0 -476px; margin-right: 10px;}
.social-vimeo {background-position: 0 -544px; margin-right: 10px;}
.social-instagram {background-position: 0 -612px; margin-right: 10px;}
.social-bloglovin {background-position: 0 -680px; margin-right: 10px;}
.social-pinterest {background-position: 0 -749px; margin-right: 10px;}
.social-tumblr {background-position: 0 -807px; margin-right: 10px;}

/* .comment-box */
.comment-box {clear: both; margin-top: 20px; padding: 0 10px; overflow: hidden;}
.comment-box h4 {font-size: 1.4em; margin: 10px 0;}
#commentform label {display: inline-block; width: 80px; margin: 0; vertical-align: top;}
#respond {padding: 10px; background: #fff;}
p.comment-inputs {margin-bottom: 0;}
.required-input {color: #f00;}
.comment-input {width: 50%;}
.comment-textarea {width: 95%; height: 80px;}
.comment-input,
.comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999; font: normal .85em Verdana, Tahoma, Arial, San-serif;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden;}
.comment-meta h6 {font-size: 1em; margin-bottom: 3px;}
.comment-meta small {font-style: italic; color: #999; font-size: .85em;}
ol.commentlist {margin: 0;}
ol.commentlist li {border-bottom: 1px solid #ddd; margin-bottom: 20px; list-style: none;}
ol.commentlist li p {padding: 5px 0; margin: 0 0 10px 55px; line-height: 1.8em;}
ol.commentlist li ul {padding: 0;}
ol.commentlist li ul.children li {border: none; border-left: 1px solid #ddd; padding: 0 0 0 30px; margin: 0; list-style: none;}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist .parent {}
ol.commentlist .comment-content {overflow: hidden;}
ol.commentlist .comment {overflow: hidden; padding: 10px 0;}
ol.commentlist .children {}
ol.commentlist .pingback {}
ol.commentlist .bypostauthor {}
ol.commentlist .comment-author {}
ol.commentlist .comment-author-admin {}
ol.commentlist .alt {}
ol.commentlist .odd {}
ol.commentlist .even {}
ol.commentlist .thread-alt {}
ol.commentlist .thread-odd {}
ol.commentlist .thread-even {}
ol.commentlist li ul.children .alt {}
ol.commentlist li ul.children .odd {}
ol.commentlist li ul.children .even {}
ol.commentlist .vcard {}
ol.commentlist .vcard cite.fn {}
ol.commentlist .vcard span.says {}
ol.commentlist .vcard img.photo {}
ol.commentlist .vcard img.avatar {}
ol.commentlist .vcard cite.fn a.url {}
a.comment-reply-link {padding: 2px 0; font-size: .85em;}
a#cancel-comment-reply-link {padding: 2px 0; font: 400 .7em 'Arimo', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif;}
a.comment-reply-link {float: right;}
.comment-pagination {clear: both; overflow: hidden; margin: 10px 0;}

/* #wp-calendar */
#wp-calendar {text-align: center; width: 100%; font-size: .9em; background: #fff;}
#wp-calendar caption {font-weight: bold; background: #fff; text-align: center; padding: 5px 0; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar td {font-style: normal; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar tr {border-top: 1px solid #eee; border-left: 1px solid #eee;}
#wp-calendar tfoot td {border-bottom: 1px solid #eee;}

/* img */
img {max-width: 100%; height: auto;}
img.aligncenter {display: block; margin: auto;}
img.alignright {display: inline; margin: 0 0 10px 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0;}
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.attachment-caption {text-align: center; font-weight: 700;}
.attachment-desc {text-align: center;}

/* .wp-caption */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; margin: 15px; padding: 1%; text-align: center; max-width: 96%;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: .85em; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* Input and label */
select,
textarea,
input {border: 1px solid #ccc; color: #888; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: 'Lato', Arial, Verdana, Sans-serif;}
input[type=submit] {border: 1px solid #ccc; color: #555; cursor: pointer; background: #eee; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
input[type=submit]:hover {border: 1px solid #aaa; background: #ccc;}
label {display: inline-block; margin-right: 20px;}

/* Misc */
.side-widget ul:last-child,
.side-widget ol:last-child,
.side-widget dl:last-child {margin: 0;}
.hidden {display: none;}
.success {color: #159776;}
.error {color: #d70a16;}
.require {color: #d70a16; }
.focused {border: 1px solid #888; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
.highlight {background: #efefef; padding: 0 2px;}
.button {padding: 1px 5px;}
.fade {filter: alpha(opacity=50); opacity: .5;}
.clearfix {clear: both; height: 10px;}
.split-columns {overflow: auto; width: 100%; margin-bottom: 15px;}
.shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, .8);}
.noborder,
.noborder tbody,
.noborder thead,
.noborder tfoot,
.noborder tr,
.noborder td,
.noborder th {border: none;}
.radius-50 {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.radius-30 {-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.radius-20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.radius-2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.width-100 {width: 100%;}
.width-95 {width: 95%;}
.width-90 {width: 90%;}
.width-85 {width: 85%;}
.width-80 {width: 80%;}
.width-75 {width: 75%;}
.width-70 {width: 70%;}
.width-65 {width: 65%;}
.width-60 {width: 60%;}
.width-55 {width: 55%;}
.width-50 {width: 50%;}
.width-45 {width: 45%;}
.width-40 {width: 40%;}
.width-35 {width: 35%;}
.width-30 {width: 30%;}
.width-25 {width: 25%;}
.width-20 {width: 20%;}
.width-15 {width: 15%;}
.width-10 {width: 10%;}

/* Shortcodes*/
.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}
.tooltip:hover span.tip {margin-left: 20px; opacity: 1; display: inline-block; border: 1px solid #ddd; background: #fff; padding: 5px 10px; color: #333; font-size: .9em;}
.tip {position: absolute; margin-left: -9999em; opacity: 0; max-width: 300px; z-index: 1000;}
.tip:before {position: absolute; top: 5px; display: inline-block; border-top: 6px solid transparent; border-right:6px solid #555; border-bottom: 6px solid transparent; left: -6px; content: '';}
.tip:after {position: absolute; top: 5px; display: inline-block; border-top: 6px solid transparent; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: -6px; content: '';}

.accordion-wrap {position: relative;}
.accordion-title {padding: 10px 10px 10px 30px; font-weight: 400; background: #fea2af url('images/accordion_closed.gif') no-repeat 10px 12px; color: #fff; cursor: pointer; margin-bottom: 5px; line-height: 1em;}
.accordion-open {background: #fea2af url('images/accordion_opened.gif') no-repeat 10px 15px;}
.accordion-content {padding-bottom: 15px; width: 100%; line-height: 1.8em;}

.post-button {display: inline-block; line-height: 1em; padding: 8px 10px; color: #fff; background: #fea2af;}
.post-button:hover {background: #333; color: #fff;}

#contact-form {overflow: hidden;}
.contact-form-text {width: 92%; margin-bottom: 10px;}
.contact-form-textarea {width: 92%; height: 150px;}
.notification_error {font-size: .9em; border: 1px solid #ffe432; background: #fff3a0; padding: 5px;}

.pullquote {font-size: 1.2em;}

.warning,
.question,
.disclaim {display: block; padding: 10px 10px 10px 30px; overflow: hidden; line-height: 1.8em;}
.warning {border: 1px solid #eed3d7; background: #f2dede url('images/warning.gif') no-repeat 5px 10px; color: #b94a48;}
.question {border: 1px solid #bce8f1; background: #d9edf7 url('images/question.gif') no-repeat 5px 10px; color: #3a87ad;}
.disclaim {border: 1px solid #fbeee0; background: #fcf8e3 url('images/disclaim.gif') no-repeat 5px 10px; color: #c09853;}

.warning p:last-child,
.question p:last-child,
.disclaim p:last-child,
.warning ul:last-child,
.question ol:last-child,
.disclaim dl:last-child {margin: 0;}

.images {width: auto !important; margin-right: 20px;}

.rslides {position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0 !important; list-style: none !important;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides li p.caption {background: #fff; zoom: 1;}
.rslides li p.caption {text-align: center; margin: 0; position: absolute; bottom: 0; background: rgba(255,255,255,.8); color: #000; width: 96%; z-index: 8; padding: 2%; opacity: .8; text-align: left !important;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

.sc-slide {margin: 0 0 20px 0;}
.sc-slide .rslides_tabs {list-style: none; margin: 0; text-align: center;}
.sc-slide .rslides_tabs li {display: inline-block; line-height: 1em; zoom: 1; *display: inline;}
.sc-slide .rslides_tabs li a {display: block; width: 16px; height: 16px; background: #ccc; margin: 0 5px; text-indent: -9999em; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.sc-slide .rslides_tabs li.rslides_here a {background: #fea2af;}

@media all and (max-width: 680px) {
  .footer-instagram {clear: both;}
  .footer-instagram-widget {width: 100%;}
  .footer-instagram-widget h4 {text-align: center;}
  .footer-instagram-widget #ace-instafeed .insta-img {width: 20%; margin: 0;}
}

@media all and (min-width: 681px) and (max-width: 980px) {
  .footer-instagram {clear: both;}
  .footer-instagram-widget {width: 100%;}
  .footer-instagram-widget h4 {text-align: center;}
  .footer-instagram-widget #ace-instafeed .insta-img {width: 20%; margin: 0;}
}
@media all and (min-width: 981px) {
  .footer-instagram {clear: both;}
  .footer-instagram-widget {width: 100%;}
  .footer-instagram-widget h4 {text-align: center;}
  .footer-instagram-widget #ace-instafeed .insta-img {width: 10%; margin: 0;}
}