/* ## DOCUMENT INFORMATION
	- Document:  Responsive Framework for the theme
	- Version:  0.1
	- Author:  ASI
	- Notes : 
*/
/* ##   DOCUMENT INFORMATION
	- Document: Controller for the Style
	- Version:  0.1
	- Hein 14-10-2014 - 14:41
	- Author:  ASI
	- Notes : The IOA Framework's SASS will use these values to make Visual Styler Palette.   
*/
/* ## ----------------------------------------
-            Table of Contents            -
-------------------------------------------
1.   Basic Information about the Theme
2.   Theme's Main Visual Palette
3.   Primary Section Area 
4.   Seconadary Section Area 
5.   Tertiary Section Area 
6.   Inputs and Buttons
7.   Head Area Values
8.   Footer Area Values 
9.   Bottom Footer Part Values 
10.  Sidebar Area Values 
11.  Typography Values

-----  End of Table of Contents  ---------- */
/**
  * Default Settings
  *
  **/
/**
*
* Theme's Main Visual Palette
*
**/
/**
  * Font Color Stack
  *
  */
/**
*
* Primary Section Area 
* @Note - The Background should be a color area, better if same has $highlight_color
*
**/
/**
*
* Secondary Section Area 
* @Note - Usually it is inverse of body background color, darker for light body color and vice versa.
*
**/
/**
*
* Tertiary Section Area 
* @Note - Usually it is a lighter variant of body background color.
*
**/
/**
*
* Inputs and Buttons
*
**/
/**
*
* Head Area Values 
* @Note - To edit Head Area related stylings , goto _header_area.scss
*
**/
/**
*
* Footer Area Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Bottom Footer Part Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Sidebar Area Values
* @Note - To edit widget related stylings , goto widgets.scss
*
**/
/**
*
* Typography Values
* @Note - To edit typography related stylings , goto _typography.scss	
**/
/* -------------------------------------------
-            Table of Contents               -
----------------------------------------------

1. Default Button for the Theme 
2. Default Button hover state 
3. Ajax Loading Icon

-----  End of Table of Contents  ----------- */
/**
*
* Hover State for Default Button
*
**/
/**
*
* Default Button For the Theme
*
**/
/**
*
* Hover State for Default Button
*
**/
/**
*
* Secondary Button For the Theme
*
**/
/**
*
* Hover State for secondary Button
*
**/
/**
*
* Ajax Loading Icon
*
**/
/**
*
* Footer Button For the Theme
*
**/
/**
*
* Hover State for Footer Button
*
**/
/* ##  DOCUMENT INFORMATION
  - Document: Resuable Elements for the Theme
  - Version:  0.1
  - Author:   Hein Maas
  - Notes : .   
*/
/* ##   DOCUMENT INFORMATION
	- Document: Controller for the Style
	- Version:  0.1
	- Hein 14-10-2014 - 14:41
	- Author:  ASI
	- Notes : The IOA Framework's SASS will use these values to make Visual Styler Palette.   
*/
/* ## ----------------------------------------
-            Table of Contents            -
-------------------------------------------
1.   Basic Information about the Theme
2.   Theme's Main Visual Palette
3.   Primary Section Area 
4.   Seconadary Section Area 
5.   Tertiary Section Area 
6.   Inputs and Buttons
7.   Head Area Values
8.   Footer Area Values 
9.   Bottom Footer Part Values 
10.  Sidebar Area Values 
11.  Typography Values

-----  End of Table of Contents  ---------- */
/**
  * Default Settings
  *
  **/
/**
*
* Theme's Main Visual Palette
*
**/
/**
  * Font Color Stack
  *
  */
/**
*
* Primary Section Area 
* @Note - The Background should be a color area, better if same has $highlight_color
*
**/
/**
*
* Secondary Section Area 
* @Note - Usually it is inverse of body background color, darker for light body color and vice versa.
*
**/
/**
*
* Tertiary Section Area 
* @Note - Usually it is a lighter variant of body background color.
*
**/
/**
*
* Inputs and Buttons
*
**/
/**
*
* Head Area Values 
* @Note - To edit Head Area related stylings , goto _header_area.scss
*
**/
/**
*
* Footer Area Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Bottom Footer Part Values
* @Note - To edit footer related stylings , goto footer.scss
*
**/
/**
*
* Sidebar Area Values
* @Note - To edit widget related stylings , goto widgets.scss
*
**/
/**
*
* Typography Values
* @Note - To edit typography related stylings , goto _typography.scss	
**/
/* -------------------------------------------
-            Table of Contents               -
----------------------------------------------

1. Default Button for the Theme 
2. Default Button hover state 
3. Ajax Loading Icon

-----  End of Table of Contents  ----------- */
/**
*
* Hover State for Default Button
*
**/
/**
*
* Default Button For the Theme
*
**/
/**
*
* Hover State for Default Button
*
**/
/**
*
* Secondary Button For the Theme
*
**/
/**
*
* Hover State for secondary Button
*
**/
/**
*
* Ajax Loading Icon
*
**/
/**
*
* Footer Button For the Theme
*
**/
/**
*
* Hover State for Footer Button
*
**/
/** ======================================================================================================================================================= **/
/** =========================================================== Internal Framework Mixins DO NOT EDIT ========================================================== **/
/** ======================================================================================================================================================= **/
/*
* Border Radius for the Theme
*
**/
/**
*
* Box  Model
*
**/
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

-----  End of Table of Contents  ---------- */
/**
 * IPAD Styling [ Orientation Landscape ] & Big Tablets
 */
@media (min-width: 768px) and (max-width: 1024px) {
  .theme-header .menu-bar .menu > li:last-child a {
    padding-right: 18px; }

  .sidebar-wrap .heading {
    font-size: 17px; }

  .mailchimp-inner-wrap .input-area {
    margin-right: 0; }

  .mailchimp-inner-wrap .input-area > div {
    width: 100%;
    margin: 0px 0px 10px 0px; }

  .mailchimp-inner-wrap a {
    position: relative;
    margin-top: 15px; }

  .sidebar-wrap .fb-widget {
    overflow: hidden; }

  .sidebar-wrap .fb-widget, .sidebar-wrap .fb-widget iframe {
    max-width: 100% !important;
    width: 100% !important; }

  .page-section {
    background-attachment: scroll !important;
    background-position: center center !important; }

  div.blog-misc-page.portfolio-columns ul li div.inner-item-wrap div.desc {
    width: 250px; }

  div.title-wrap {
    background-attachment: scroll !important; }

  div.vertical-align {
    background: none; }

  /**
   * Menu Related Stylings
   */
  .inner-super-wrapper {
    margin-top: 0 !important; }

  .theme-header .menu > li > a {
    padding-left: 8px;
    padding-right: 8px; }

  #main_bar .menu > li > a {
    margin: 0; }

  #main_bar .menu-wrapper ul.menu {
    padding-right: 11px; }

  .header-cons-area .right-area {
    float: right;
    position: absolute; }

  /**
   * Singular Shortcodes
   */
  div.pricing-table div.plan {
    width: 180px; }

  .intro_title-inner-wrap h2 small {
    right: -70px; }

  .has-sidebar div.ioa-menu ul li span {
    padding-left: 13px;
    padding-right: 13px; }

  /**
   * Blog Stylings
   */
  .has-sidebar div.blog-list-posts ul li div.image-wrap {
    width: 300px; }

  .has-sidebar div.blog-list-posts ul li div.desc {
    width: 320px; }

  .full-layout div.blog-list-posts ul li div.desc {
    width: 511px; }

  div.blog-column-posts.blog-two-columns ul.blog_posts > li {
    width: 445px; }

  .has-sidebar div.blog-column-posts.blog-two-columns ul.blog_posts > li {
    width: 300px; }

  .has-sidebar div.posts-tree div.timeline-post {
    width: 270px; }

  .video-bg, .quant_video-bg {
    background-size: cover; }

  .video-bg video, .quant_video-bg video, .quant_video-bg object {
    display: none; }

  .video-bg img.video-fallback {
    display: block; }

  .person-inner-wrap .p-info {
    margin-top: 0; }

  div.portfolio-columns ul li.iso-item div.inner-item-wrap {
    padding-bottom: 25px; }

  div.portfolio-columns ul li.iso-item.grid-col-layout div.inner-item-wrap {
    padding-bottom: 0px; }

  div.section-vertical-span, div.inner-section-vertical-span, .ioa-text-column .front-view, .ioa-text-column .front-view > div, .ioa-text-column .inner-back-view .back-table-view, .ioa-text-column .inner-back-view .back-table-view > div, div.desc-table-wrap, div.desc-panel-inner-wrap {
    display: block; }

  /*====================================
  =            Woo Commerce            =
  ====================================*/
  ul.products li.product {
    width: 282px; }

  .related ul.products > li.product {
    width: 205px; }

  .has-sidebar ul.products li.product {
    width: 140px; }

  .variations div.select-wrap {
    width: 320px; }

  .variations div.select-wrap select {
    width: 343px; }

  /*-----  End of Woo Commerce  ------*/ }
/**
 * IPAD Potrait & Smaller Tablets
 */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  div.title-wrap {
    background-attachment: scroll !important; }

  div.blog-misc-page.portfolio-columns ul li div.inner-item-wrap div.image-wrap {
    width: 270px;
    margin-right: 30px; }

  div.blog-misc-page.portfolio-columns ul li div.inner-item-wrap div.desc {
    width: 215px; }

  .sidebar-head-wrap {
    display: none; }

  .head-sidebar-align-right.head-layout-type-vertical div.inner-super-wrapper {
    margin: 0 !important; }

  .head-sidebar-align-left.head-layout-type-vertical div.inner-super-wrapper {
    margin: 0 !important; }

  /*================================
  =            Top Head            =
  ================================*/
  .theme-header .sidebar-wrap .product_list_widget li a img {
    position: relative;
    display: block;
    margin-bottom: 15px; }

  .theme-header .sidebar-wrap .product_list_widget li {
    padding-left: 0; }

  .theme-header .menu > li > a {
    padding: 0 12px; }

  div.section-vertical-span, div.inner-section-vertical-span, .ioa-text-column .front-view, .ioa-text-column .front-view > div, .ioa-text-column .inner-back-view .back-table-view, .ioa-text-column .inner-back-view .back-table-view > div, div.desc-table-wrap, div.desc-panel-inner-wrap {
    display: block; }

  /*-----  End of Top Head  ------*/
  div.compact-bar {
    display: none !important; }

  .super-head-wrap {
    display: none; }

  .mobile-header {
    display: block; }

  .compact-bar {
    display: none; }

  /*================================
  =            Elements            =
  ================================*/
  .inner-super-wrapper {
    margin-top: 0 !important; }

  div.rad-container.senseBGModel div.rad-inner-container {
    padding: 20px; }

  div.page-section div.rad-container.top {
    margin-top: 25px; }

  .page-section {
    background-attachment: scroll !important;
    background-position: center center !important; }

  .counter-inner-wrap {
    font-size: 1.5rem; }

  div.feature-column {
    width: 150px; }

  div.featured-plan.plan div.pricing_area h2 {
    font-size: 46px; }

  div.pricing-table div.plan {
    width: 139px; }

  .video-bg, .quant_video-bg {
    background-size: cover; }

  .video-bg video, .quant_video-bg video, .quant_video-bg object {
    display: none; }

  .video-bg img.video-fallback {
    display: block; }

  .googlemap-inner-wrap > div {
    max-height: 400px !important; }

  .has-sidebar div.blog-list-posts ul li div.image-wrap {
    width: 250px; }

  .has-sidebar div.blog-list-posts ul li div.desc {
    width: 200px; }

  .full-layout div.blog-list-posts ul li div.desc {
    width: 330px; }

  div.portfolio-columns ul li.iso-item div.inner-item-wrap {
    padding-bottom: 20px; }

  div.portfolio-columns ul li.iso-item.grid-col-layout div.inner-item-wrap {
    padding-bottom: 0px;
    margin: 0; }

  div.portfolio-columns.three-column ul li div.inner-item-wrap h2 {
    font-size: 15px; }

  .has-sidebar div.portfolio-columns.one-column ul li div.inner-item-wrap h2 {
    font-size: 20px; }

  .has-sidebar div.two-column ul li div.inner-item-wrap h2,
  .has-sidebar div.three-column ul li div.inner-item-wrap h2,
  div.portfolio-columns.five-column ul li div.inner-item-wrap h2,
  div.portfolio-columns.four-column ul li div.inner-item-wrap h2 {
    font-size: 13px;
    padding-right: 0; }

  div.portfolio-columns ul li div.inner-item-wrap h2 {
    font-size: 24px; }

  .has-sidebar div.five-column .masonry-hover-style h4 {
    font-size: 11px; }

  div.ioa-menu, div.ioa-menu.portfolio-ioa-menu {
    float: none;
    margin-bottom: 20px; }

  .slider-inner-wrap div.inner-bg-desc h4 {
    margin-bottom: 0;
    padding-bottom: 0; }

  .slider-inner-wrap div.slider-desc div.caption p {
    font-size: 12px; }

  /*-----  End of Elements  ------*/
  /*====================================
  =            Woo Commerce            =
  ====================================*/
  .product form button.single_add_to_cart_button {
    margin-left: 10px; }

  div.coupon #coupon_code {
    width: 100%;
    margin-bottom: 20px; }

  ul.products li.product {
    margin: 0px 13px 40px 13px;
    width: 222px; }

  .has-sidebar ul.products li.product {
    width: 240px; }

  .has-sidebar ul.products li.product:nth-child(2n+1) {
    clear: left; }

  .has-sidebar ul.products li.product:nth-child(2n+2) {
    clear: right;
    margin-right: 0; }

  /*-----  End of Woo Commerce  ------*/
  .quartz div.slider-desc.black-bg .inner-bg-desc, .quartz div.slider-desc.white-bg .inner-bg-desc {
    background: none;
    padding: 0; }

  .quartz div.slider-desc p {
    margin: 0; }

  .slider-inner-wrap div.inner-bg-desc h4 {
    font-size: 32px; }

  .related ul.products > li.product {
    width: 150px; } }
/**
 * Mobile Devices General
 */
@media only screen and (max-width: 767px) {
.skeleton .skeleton { width:auto; }
#sidebar { margin-top:0; padding-top:0; }
  .revolution-slider .rev_slider_wrapper {
    height: auto;
    max-height: 140px !important; }

  .revolution-slider .rev_slider_wrapper .rev_slider {
    height: auto;
    max-height: 140px !important; }

  div.homepage_text_scroller-inner-wrap {
    margin: 0 auto;
    width: calc(80% - 70px); }

  .homepage_text_scroller-inner-wrap a.m-next {
    right: -30px; }

  .homepage_text_scroller-inner-wrap a.m-prev {
    left: -30px; }

  .revolution-slider .tp-caption a {
    font-size: 40px !important; }

  .revolution-slider .tp-bullets {
    display: none; }

  .tp-rightarrow.default, .tp-leftarrow.default {
    display: none; }

  .homepage_text_scroller-inner-wrap ul.swiper-wrapper {
    margin: 0;
    padding: 0; }

  ul.swiper-wrapper li {
    width: 100% !important; }

  .home .rad-inner-container .ioa-text-column h3.text-title {
    margin-left: 0;
    margin-top: 0 !important;
    padding-top: 0;
    text-align: center; }

  .ioa-text-column h3 {
    margin: 10px  0 15px 0;
    padding: 0;
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400; }

  .ioa-text-column {
    padding-right: 0px;
    border: 0 none;
    text-align: left; }

  ul.thumb-list li .image {
    position: relative; }

  ul.thumb-list li .desc {
    margin-left: 0px;
    width: 100%;
    margin-top: 25px; }

  .post_list-inner-wrap {
    margin-left: 0; }

  #footer {
    margin-top: 20px;
    padding-top: 0; }

  #footer-menu .footer_info {
    width: 100%;
    text-align: center;
    height: 100%;
    padding: 10px 0px; }

  #footer-menu .footer_nav {
    width: 100%;
    text-align: center;
    height: 100%;
    padding: 0px 0px 10px 0px; }

  #footer-menu .menu li {
    margin: 5px 0px 5px 0px; }

  #footer-menu .menu li:first-child {
    border-left: 0 none; }

  .footer_social_wrapper {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0px;
    float: none;
    text-align: center; }

  .footer_social_wrapper ul {
    float: none; }

  .footer_social_wrapper ul {
    text-align: center;
    display: inline-block; }

  .footer_social_wrapper ul li:first-child a {
    margin-left: 0; }

  .footer_social_wrapper ul li:first-child a:hover {
    margin-left: 0; }

  .footer_nav ul.menu {
    margin: 0;
    padding: 0; }

  #footer-menu p.footer-text {
    margin-left: 0; }

  .mobile-menu-wrap {
    background: #666666; }

  .mobile-menu-list li a {
    color: #ffffff; }

  .mobile-menu-list li a:hover {
    color: #ffffff; }

  .sub-menu-toggle {
    color: #ffffff; }

  div.single-image {
    height: 100%; }

.page-id-444 .wpb_single_image.wpb_content_element.vc_align_center { margin-bottom: 10px; margin-top:25px; }
.page-id-180 .wpb_text_column.wpb_content_element { margin-bottom: 30px!important; }

  .mutual-content-wrap .entry-title {
    font-size: 20px;
    margin-top: 25px; }
.single .mutual-content-wrap .entry-title { margin-top: 5px; }
  .page-content {
    padding: 15px 0px; }

  .mobile-menu-list li {
    border: 0 none; }

  .sidebar-wrap .heading {
    font-size: 18px; }

  .sidebar-wrap {
    padding-bottom: 10px; }

  ul.thumb-list-2.thumb-list li {
    padding-bottom: 12px; }

  ul.thumb-list-2.thumb-list li .desc {
    margin-left: 0; }

  ul.thumb-list li .desc p {
    padding-top: 10px; }

  ul.thumb-list li .desc h3.medium-thumb {
    font-size: 20px; }

  ul.thumb-list li .desc h3 {
    margin: 0; }

  .post_list-inner-wrap .pagination {
    padding: 15px 0px; }

  .feature_img_bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px; }

  div.page-section {
    background-attachment: scroll !important; }

  .sidebar-layout div.page-section {
    padding-top: 0 !important; }

  div.is-parallex-bg {
    opacity: 1;
    visibility: visible; }

  div.bottomstrip, #super_wrapper {
    padding: 0px; }

  div.diagonal-row-wrap.bottom-row-wrap {
    display: none; }

  div.section-vertical-span, div.inner-section-vertical-span, .ioa-text-column .front-view, .ioa-text-column .front-view > div, .ioa-text-column .inner-back-view .back-table-view, .ioa-text-column .inner-back-view .back-table-view > div, div.desc-table-wrap, div.desc-panel-inner-wrap {
    display: block; }

  a.scroll-to-bottom {
    display: none; }

  .sidebar-head-wrap {
    display: none; }

  .head-sidebar-align-right.head-layout-type-vertical div.inner-super-wrapper {
    margin: 0 !important; }

  .head-sidebar-align-left.head-layout-type-vertical div.inner-super-wrapper {
    margin: 0 !important; }

  div.full-single-image {
    background-attachment: scroll;
    height: 250px !important; }

  div.full-single-image h1 {
    max-width: 90%;
    font-size: 2.5em; }

  div.single-social-share {
    margin-top: 10px; }

  div.page-wrapper img.alignright, div.page-wrapper img.alignleft {
    margin: 10px 0; }

  div.single-product-breadcrumbs {
    display: none; }

  .cta-inner-wrap .cta-heading h2 {
    font-size: 2.5em !important; }

  div.posts-tree div.timeline-post {
    width: 100%;
    float: none;
    padding: 0; }

  div.posts-tree div.timeline-post span.date {
    top: 0; }

  .inactive-animation {
    visibility: visible;
    opacity: 1; }

  .double-sidebar-s {
    display: none; }

  .super-head-wrap {
    display: none; }

  .mobile-header {
    display: block; }

  .compact-bar {
    display: none; }

  .full_width .layout_element, .full_width .col {
    margin: 10px 0; }

  .full_width .full {
    clear: both;
    width: 100%; }

  .full_width .one_half {
    clear: both;
    width: 100%; }

  .full_width .one_third {
    clear: both;
    width: 100%; }

  .full_width .one_fourth {
    clear: both;
    width: 100%; }

  .full_width .one_fifth {
    clear: both;
    width: 100%; }

  .full_width .two_third {
    clear: both;
    width: 100%; }

  .full_width .three_fourth {
    clear: both;
    width: 100%; }

  .full_width .four_fifth {
    clear: both;
    width: 100%; }

  .quartz-tip {
    display: none; }

  div.ioa-tabbed-layout {
    padding: 20px 0; }

  div.ioa-tabbed-layout ul li {
    width: 20%; }

  .inner-super-wrapper {
    margin-top: 0 !important; }

  div.blog-misc-page.portfolio-columns ul li div.inner-item-wrap div.image-wrap {
    width: auto;
    float: none;
    margin-right: 0; }

  div.blog-misc-page.portfolio-columns ul li div.inner-item-wrap div.image-wrap {
    width: auto;
    margin-bottom: 30px;
    float: none; }

  div.section-bg-parallax {
    display: none; }

  div.page-wrapper .journal-content img.alignleft,
  div.page-wrapper .journal-content img.alignright {
    margin: 10px 0; }

  /*=============================================
  =            Mobile Title Stylings            =
  =============================================*/
  .quartz div.slider-desc a.hover-link {
    margin: 0px 1%;
    width: 48%;
    padding: 15px 5px !important;
    text-align: center; }

  div.supper-title-wrapper {
    font-size: 80%; }

  div.supper-title-wrapper h1.custom-title {
    font-size: 4em; }

  div.title-wrap {
    padding: 40px 0 !important;
    background-attachment: scroll !important; }

  div.title-wrap .wrap {
    padding: 0 !important; }

  #breadcrumbs {
    display: none; }

  .ioa-title-slide div.supper-title-wrapper {
    height: auto; }

  .ioa-window-ready div.supper-title-wrapper {
    height: auto !important;
    transition: auto;
    -webkit-transition: auto; }

  /**
  *
  * No Animation on Mobile devices
  *
  **/
  div.blog-list-posts ul li div.image-wrap, div.blog-list-posts ul li div.video-area {
    width: 100%; }

  div.blog-list-posts ul li div.desc {
    width: 100%; }

  .slider-inner-wrap div.inner-bg-desc h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px !important;
    letter-spacing: 0; }

  div.caption-tail {
    display: none; }

  .slider-inner-wrap div.slider-desc div.caption p {
    font-size: 12px; }

  .quartz div.slider-item > a.ioa-lightbox-icon {
    display: none; }

  a.autoplay-control {
    left: 0;
    right: auto; }

  .quartz div.slider-desc.black-bg .inner-bg-desc, .quartz div.slider-desc.white-bg .inner-bg-desc {
    background: none;
    padding: 0; }

  .quartz div.slider-desc p {
    margin: 0; }

  .quartz div.slider-desc.s-t-l, .quartz div.slider-desc.s-t-c,
  .quartz div.slider-desc.s-t-r, .quartz div.slider-desc.s-b-l,
  .quartz div.slider-desc.s-b-c, .quartz div.slider-desc.s-b-r,
  .quartz div.slider-desc.s-c-l, .quartz div.slider-desc.s-c-c,
  .quartz div.slider-desc.s-c-r {
    text-align: left;
    padding: 5px !important;
    width: 90% !important;
    max-width: 90% !important; }

  .quartz div.slider-holder {
    min-height: 0; }

  .quartz div.slider-item img.fallback {
    display: block; }

  .quartz div.slider-desc.black-bg .inner-bg-desc {
    width: 100%; }

  .quartz div.slider-desc .skeleton {
    width: 100%; }

  div.quartz-controls-wrap > a span {
    display: none; }

  /*-----  End of Mobile Title Stylings  ------*/
  /*================================
  =            Elements            =
  ================================*/
  .cta-inner-wrap.below .cta-heading h3 {
    max-width: 100%; }

  div.section-has-bgimage.page-section {
    padding: 20px 0 !important; }

  .cta-inner-wrap.default .cta-heading {
    padding-right: 0; }

  .cta-inner-wrap.default a.cta_button {
    margin-top: 10px;
    position: relative;
    float: left; }

  .tabs-align-top .ui-tabs .ui-tabs-nav {
    float: none;
    display: block; }

  .logo-area li {
    width: 50%;
    border: none !important; }

  div.page-section div.rad-container.top {
    margin-top: 25px; }

  .blocked-layout div.rad-container div.rad-inner-container {
    margin-left: 0;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(20, 20, 20, 0.1); }

  .blocked-layout div.rad-container span.hline {
    display: none; }

  .blocked-layout div.rad-container span.vline {
    display: none; }

  div.mason_item {
    width: 50%; }

  div.mason_item.mason_one_half {
    width: 50%; }

  div.mason_item.mason_one_fourth {
    width: 50%; }

  .ioa-container-animation {
    opacity: 1;
    position: relative; }

  .ioa-section-animation {
    opacity: 1;
    position: relative; }

  .ioa-section-container-animation div.rad-container {
    opacity: 1;
    position: relative; }

  .video-bg, .quant_video-bg {
    background-size: cover; }

  .video-bg video, .quant_video-bg video, .quant_video-bg object {
    display: none; }

  .full .person-inner-wrap div.desc-area h4, .person-inner-wrap div.desc-area h4 {
    font-size: 28px; }

  div.feature-column {
    width: auto;
    float: none; }

  div.pricing-table div.plan {
    width: auto;
    float: none; }

  div.pricing-table {
    display: block; }

  div.pricing-table div.plan.one_third, div.pricing-table div.plan.one_fourth, div.pricing-table div.plan.one_fifth, div.pricing-table div.plan.one_half {
    width: auto;
    float: none;
    margin-bottom: 25px; }

  div.portfolio-columns ul li div.inner-item-wrap {
    opacity: 1; }

  div.portfolio-columns ul li div.inner-item-wrap div.image {
    display: inline-block;
    max-width: 100%; }

  div.portfolio-columns.one-column ul li div.inner-item-wrap h2 {
    font-size: 18px; }

  div.portfolio-columns.two-column ul li div.inner-item-wrap h2 {
    font-size: 18px; }

  div.portfolio-columns.three-column ul li div.inner-item-wrap h2 {
    font-size: 18px; }

  div.portfolio-columns.four-column ul li div.inner-item-wrap h2 {
    font-size: 18px; }

  div.portfolio-columns ul li div.inner-item-wrap h2 {
    font-size: 18px; }

  div.two-column ul li.iso-item {
    width: 100%; }

  div.three-column ul li.iso-item {
    width: 100%; }

  div.four-column ul li.iso-item {
    width: 48%;
    margin: 1%;
    clear: none; }

  div.five-column ul li.iso-item {
    width: 48%;
    margin: 1%;
    clear: none; }

  .has-sidebar div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc, div.portfolio-columns ul.portfolio_list li div.inner-item-wrap div.desc {
    width: auto;
    float: auto;
    padding-top: 0;
    margin-top: 20px; }

  .portfolio-masonry li.iso-item {
    width: 50%;
    clear: none; }

  .rad-search-widget .input-area {
    margin-right: 0; }

  .rad-search-widget input[type=submit] {
    position: relative;
    margin-top: 20px;
    float: left; }

  /*-----  End of Elements  ------*/
  /**
   * Footer Stylings
   */
  div.mobile_footer_widget .footer-cols, div.mobile_footer_widget {
    display: block; }

  .footer-cols {
    display: none; }

  #footer-menu {
    text-align: center; }

  #footer-menu p.footer-text, #footer-menu .menu {
    float: none;
    text-align: center;
    display: inline-block; } }
/**
 * Mobile Landscape
 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  div.supper-title-wrapper h1.custom-title, h1.custom-title {
    font-size: 4em;
    width: 100%;
    max-width: 100%; }

  .homepage_text_scroller-inner-wrap ul.swiper-wrapper li.swiper-slide div.image {
    width: 100%; } }
/**
 * Mobile Portrait
 */
@media only screen and (max-width: 479px) {
  div.supper-title-wrapper h1.custom-title, h1.custom-title {
    font-size: 2.5em;
    width: 100%;
    max-width: 100%; }

  div.gallery-thumbs div.gallery-item.swiper-slide {
    display: none; }

  .quartz div.slider-desc h4 {
    letter-spacing: 0px !important;
    right: 0 !important; }

  .quartz div.slider-desc h2 {
    letter-spacing: 0px !important;
    right: 0 !important; }

  /*=============================================
  =            Mobile Title Stylings            =
  =============================================*/
  .logo-area li {
    width: 100%; }

  div.ioa-tabbed-layout ul li span {
    display: none; }

  div.title-wrap {
    padding: 20px 0 !important; }

  .title_divider {
    margin-bottom: 0; }

  #breadcrumbs {
    display: none; }

  div.quartz-controls-wrap {
    top: auto;
    bottom: 0; }

  div.quartz-controls-wrap > a {
    padding: 22px 10px; }

  div.mason_item {
    width: 100%; }

  div.mason_item.mason_one_half {
    width: 100%; }

  div.mason_item.mason_one_fourth {
    width: 100%; }

  .portfolio-masonry li.iso-item {
    width: 50%; }

  .portfolio-masonry ul li div.inner-item-wrap h2 {
    display: none; }

  div.four-column ul li.iso-item, .has-sidebar div.four-column ul li.iso-item {
    width: 100%; }

  div.five-column ul li.iso-item, .has-sidebar div.five-column ul li.iso-item {
    width: 100%; }

  .ioa-message div.message-content {
    padding: 15px; }

  /*-----  End of Mobile Title Stylings  ------*/
  /*==============================
  =            Single            =
  ==============================*/
  div.post-navigation {
    display: none; }

  #comments {
    padding-top: 0; }

  /*-----  End of Single  ------*/ }
/**
 * Smallest View
 */
@media only screen and (max-width: 400px) {
  table.shop_table.cart tbody tr.cart_item td.product-name a.product-thumb {
    display: none; }

  .googlemap-inner-wrap > div {
    max-height: 200px !important; }

  div.testimonial-bubble-content {
    margin-left: 0; }

  div.testimonial-bubble div.image {
    margin-top: 15px;
    position: relative; } }

/*# sourceMappingURL=responsive.css.map */