/* ======================================================= */
/* Responsive */
/* ======================================================= */
/*
Media only Stylesheet
CSS provided under Commercial Theme License to Striking MultiFlex by Lyon Holdings Ltd (o/a thethemebuilders.com) Copyright (c) 2014 Lyon Holding Ltd; Licensed */
/* target devices */
@media only screen and (max-width: 979px) {
  /*#navigation {
    right: auto;
  }*/
  /* layout */
  .inner {
    width: 100%;
  }
  .right_sidebar #main, .left_sidebar #main {
    float: none;
    width: 100%;
  }
  .right_sidebar #main .content, .left_sidebar #main .content {
    width: 100%;
  }
  .right_sidebar #sidebar, .left_sidebar #sidebar {
    float: none;
    width: 100%;
    margin: 0;
  }
  #sidebar {
    padding-top: 40px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
  }
  #sidebar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 13px;
    content: "";
    background-color: transparent;
    background-image: url("../images/r_sidebar_divider.png") !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
  }
  #sidebar:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 13px;
    content: "";
    background-color: transparent;
    background-image: url("../images/r_sidebar_divider_end.png") !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
  }
  #sidebar_content {
    background-image: none !important;
  }
  .right_sidebar #sidebar_content.lessgap, .right_sidebar #sidebar_content.lessgap {
    padding-top: 0;
  }
  .right_sidebar #sidebar_content, .left_sidebar #sidebar_content {
    padding: 0;
    margin-bottom: 0;
  }
  .right_sidebar #sidebar_content:after, .left_sidebar #sidebar_content:after {
    display: none;
  }
  .left_sidebar #sidebar_content, .right_sidebar #sidebar_content {
    border-right: none;
    border-left: none;
  }
  /* image */
  figure:not(.woocommerce-product-gallery__wrapper), .image_styled, .image_frame, .image_frame img {
    max-width: 100% !important;
  }
  .image_frame {
    height: auto !important;
  }
  .slide-shortcode-wrap.alignleft, .slide-shortcode-wrap.alignright {
    float: none;
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
  }
  .box-layout #header-sticker-wrapper.sticker_enabled #header {
    padding-right: 10px;
    padding-left: 10px;
  }
  .widget.widget_media_image img.image{
    width:100%;
  }
  #footer #searchform .text_input {
	width:60%;
  }
}
/* target small devices */
@media only screen and (max-width: 767px) {
  #header .inner {
    overflow: hidden;
  }
  #logo_text {
    left: auto;
    margin-left: 10px;
  }
  #logo {
    left: auto;
  }
  #logo_text,#logo {
    position: relative;
    bottom: auto !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #logo {
    text-align: center;
  }
  .logo-has-mobile .site-logo {
    display: none;
  }
  .logo-has-mobile .mobile-logo {
    display: inline;
  }
  #top_area {
    position: relative;
    top: auto;
    right: auto;
  }
  #navigation {
    position: relative;
    right: auto;
    bottom: auto;
    height: auto;
    margin: 0 auto;
  }
  .slide-shortcode-wrap {
    float: none;
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
  }
  .table_style .table-wrapper tfoot {
    display: none;
  }
  .fancybx-mobile.skin-video .fancybx-nav {
    display: none;
  }
  /* process steps */
  .process_steps_horizontal {
    margin-bottom: 20px;
  }
  .process_steps_horizontal li {
    float: none;
    width: auto !important;
    padding: 0 0 60px 0;
    overflow: hidden;
    clear: both;
    text-align: left;
  }
  .process_steps_horizontal li:before {
    top: 0;
    left: 53px;
    width: 0;
    height: 100%;
    border-left-width: 1px;
  }
  .process_steps_horizontal .process_step_icon {
    display: inline-block;
    float: left;
    margin: 0;
  }
  .process_steps_horizontal .process_step_detail {
    padding-left: 30px;
    overflow: hidden;
  }
  .process_steps_horizontal.process_steps_small li:before {
    left: 43px;
  }
  .process_steps_horizontal.process_steps_large li:before {
    left: 60px;
  }
  #top_area .widget.widget_search {
	text-align:center;
  }
}

/* target 768 */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  body.box-layout .body-wrapper {
    width: 768px;
  }
  .inner {
    width: 748px;
  }
  #sidebar_content section {
    width: calc(50% - 25px);
    float: left;
  }
  #sidebar_content section:nth-child(odd) {
    margin-right:50px;
  }
  .rtl #sidebar_content section {
	float:right;
  }
  .rtl #sidebar_content section:nth-child(odd) {
	margin-right:0px;
	margin-left:50px
  }
}

/* target 568 */
@media only screen and (min-width: 568px) and (max-width: 767px) {
  body.box-layout .body-wrapper {
    width: 568px;
  }
  .inner {
    width: 95%;
  }
  body.box-layout .body-wrapper .inner {
    width: 548px;
  }
}

/* target 480 */
@media only screen and (min-width: 480px) and (max-width: 567px) {
  body.box-layout .body-wrapper {
    width: 480px;
  }
  .inner {
    width: 95%;
  }
  body.box-layout .body-wrapper .inner {
    width: 460px;
  }
}

/* target 320 */
@media only screen and (max-width: 479px) {
  body.box-layout .body-wrapper {
    width: 320px;
  }
  .inner {
    width: 95%;
  }
  body.box-layout .body-wrapper .inner {
    width: 300px;
  }
  .entry_left .entry_image {
    float: none;
    width: 100% !important;
  }
  .entry_right .entry_image {
    float: none;
    width: 100% !important;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright{
	display:block;
	text-align:center;
	float:none;
	margin: 2px auto !important;
  }
}

/* portfolio */
@media only screen and (max-width: 979px) {
  .portfolio_one_column .portfolio_image {
    float: none !important;
    width: 100% !important;
  }
  .portfolio_one_column .portfolio_details {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .slogan_text {
    font-size: 30px;
    line-height: 33px;
  }
  .slogan .theme_button span, .slogan .button span {
    font-size: 14px;
  }
  .slogan_small .slogan_text {
    font-size: 26px;
    line-height: 33px;
  }
  .slogan_small .theme_button span, .slogan_small .button span {
    font-size: 14px;
  }
  .slogan_large .slogan_text {
    font-size: 36px;
    line-height: 42px;
  }
  .slogan_large .theme_button span, .slogan_large .button span {
    font-size: 18px;
  }
  .portfolios .portfolio_two_columns {
    margin-right: -28px !important;
  }
  .portfolio_two_columns .portfolio_item {
    width: 46% !important;
    margin-right: 2% !important;
  }
  .portfolios .portfolio_three_columns {
    margin-right: -28px !important;
  }
  .portfolio_three_columns .portfolio_item {
    width: calc(33.33% - 28px) !important;
    margin-right: 28px !important;
  }
  .portfolios .portfolio_four_columns,
  .portfolios .portfolio_five_columns,
  .portfolios .portfolio_six_columns,
  .portfolios .portfolio_seven_columns,
  .portfolios .portfolio_eight_columns  {
    margin-right: -24px !important;
  }
  .portfolio_four_columns .portfolio_item,
  .portfolio_five_columns .portfolio_item,
  .portfolio_six_columns .portfolio_item,
  .portfolio_seven_columns .portfolio_item,
  .portfolio_eight_columns .portfolio_item  {
    width: calc(25% - 24px) !important;
    margin-right: 24px !important;
  }
  .masonry_column_2 .masonry_item {
    width: 354px !important;
  }
  .masonry_column_3 .masonry_item {
    width: 229px !important;
  }
  .masonry_column_4 .masonry_item {
    width: 229px !important;
  }
  .masonry_column_5 .masonry_item {
    width: 167px !important;
  }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
  .has-gradient #feature {
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,rgba(255,255,255,.1)));
    background-image: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
    background-image:      -o-radial-gradient(center, circle cover, rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
    background-image: -webkit-radial-gradient(center, circle, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 100%);
    background-image:      -o-radial-gradient(center, circle, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 100%);
    background-image:         radial-gradient(circle at center, rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
  }
  .slogan_text {
    font-size: 22px;
    line-height: 28px;
  }
  .slogan .theme_button span, .slogan .button span {
    font-size: 12px;
  }
  .slogan_small .slogan_text {
    font-size: 18px;
    line-height: 28px;
  }
  .slogan_small .theme_button span, .slogan_small .button span {
    font-size: 12px;
  }
  .slogan_large .slogan_text {
    font-size: 30px;
    line-height: 37px;
  }
  .slogan_large .theme_button span, .slogan_large .button span {
    font-size: 16px;
  }
  .portfolio_two_columns .portfolio_item{
    width: 100% !important;
    margin-right: 0px !important;
  }
  .portfolio_three_columns .portfolio_item,
  .portfolio_four_columns .portfolio_item,
  .portfolio_five_columns .portfolio_item,
  .portfolio_six_columns .portfolio_item,
  .portfolio_seven_columns .portfolio_item,
  .portfolio_eight_columns .portfolio_item {
    width: calc(33.33% - 26px) !important;
    margin-right: 26px !important;
  }
  .portfolios .portfolio_two_columns,
  .portfolios .portfolio_three_columns,
  .portfolios .portfolio_four_columns,
  .portfolios .portfolio_five_columns,
  .portfolios .portfolio_six_columns,
  .portfolios .portfolio_seven_columns,
  .portfolios .portfolio_eight_columns {
	margin-right: 0px !important;
  }
  .masonry_column_2 .masonry_item {
    width: 528px !important;
  }
  .masonry_column_3 .masonry_item {
    width: 254px !important;
  }
  .masonry_column_4 .masonry_item {
    width: 254px !important;
  }
  .masonry_column_5 .masonry_item {
    width: 162.5px !important;
  }
}
@media only screen and (max-width: 567px) {
  .has-gradient #feature {
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(255,255,255,.15)));
    background-image: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 100%);
    background-image:      -o-radial-gradient(center, circle cover, rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 100%);
    background-image: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35) 0%, rgba(255,255,255,.15) 100%);
    background-image:      -o-radial-gradient(center, circle, rgba(255,255,255,.35) 0%, rgba(255,255,255,.15) 100%);
    background-image:         radial-gradient(circle at center, rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 100%);
  }
  .theme_note.alignleft, .note.alignleft, .note.alignright, .theme_note.alignright {
    float: none;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
  .slogan_text {
    display: block;
    font-size: 22px;
    line-height: 1.2em;
    text-align: center;
  }
  .slogan .theme_button, .slogan .button {
    float: none;
    margin-top: 10px;
  }
  .slogan_with_button .slogan_text {
    float: none;
  }
  .slogan .theme_button, .slogan .theme_button span, .slogan .button, .slogan .button span {
    display: block;
    font-size: 14px;
  }
  .slogan_small .slogan_text {
    font-size: 20px;
    line-height: 1.2em;
  }
  .slogan_large .slogan_text {
    font-size: 28px;
    line-height: 1.2em;
  }
  .slogan_small .theme_button span, .slogan_small .button span {
    font-size: 12px;
  }
  .slogan_large .theme_button span, .slogan_large .button span {
    font-size: 16px;
  }
  .masonry_column_2 .masonry_item {
    width: 100% !important;
  }
  .masonry_column_3 .masonry_item {
    width: 100% !important;
  }
  .masonry_column_4 .masonry_item {
    width: 100% !important;
  }
  .masonry_column_5 .masonry_item {
    width: 100% !important;
  }
}


@media only screen and (min-width: 480px) and (max-width: 567px) {
  .portfolio_two_columns .portfolio_item,
  .portfolio_three_columns .portfolio_item,
  .portfolio_four_columns .portfolio_item,
  .portfolio_five_columns .portfolio_item,
  .portfolio_six_columns .portfolio_item,
  .portfolio_seven_columns .portfolio_item,
  .portfolio_eight_columns .portfolio_item {
    width: calc(50% - 26px) !important;
    margin-right: 26px !important;
  }
  .portfolios .portfolio_two_columns,
  .portfolios .portfolio_three_columns,
  .portfolios .portfolio_four_columns,
  .portfolios .portfolio_five_columns,
  .portfolios .portfolio_six_columns,
  .portfolios .portfolio_seven_columns,
  .portfolios .portfolio_eight_columns {
	margin-right: -26px !important;
  }
}

@media only screen and (max-width: 479px) {
  .slogan_text {
    font-size: 20px;
  }
  
  .portfolio_two_columns .portfolio_item,
  .portfolio_three_columns .portfolio_item,
  .portfolio_four_columns .portfolio_item,
  .portfolio_five_columns .portfolio_item,
  .portfolio_six_columns .portfolio_item,
  .portfolio_seven_columns .portfolio_item,
  .portfolio_eight_columns .portfolio_item {
    width: 100% !important;
    margin-right: 0px !important;
	margin-left: 0px !important;
  }
  .portfolios .portfolio_two_columns,
  .portfolios .portfolio_three_columns,
  .portfolios .portfolio_four_columns,
  .portfolios .portfolio_five_columns,
  .portfolios .portfolio_six_columns,
  .portfolios .portfolio_seven_columns,
  .portfolios .portfolio_eight_columns {
	margin-right: 0px !important;
	margin-left: 0px !important;
  }
  .process_steps_horizontal .process_step_icon,
  .process_steps_vertical .process_step_icon {
    display: inline-block;
    float: inherit;
  }
  .process_steps li::before {
    border-color: transparent !important;
  }
  .process_steps_vertical li::before {
    left: 50%;
  }
  .process_step_title,
  .process_steps_horizontal li,
  .process_steps {
    text-align: center;
  }
  .process_step_content{
   text-align:justify;
  }
  .process_steps_vertical .process_step_detail,
  .process_steps_horizontal .process_step_detail {
     padding:20px 0 0 0;
  }
  .process_steps_horizontal li,
  .process_steps_vertical li {
    padding: 0 0 20px;
  }
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .entry_image.image_styled, .entry_image .image_frame, .entry_image .image_frame img {
    width: 100% !important;
  }
  .entry_right .entry_image, .entry_left .entry_image {
    float: none;
    margin-top: 0;
    margin-left: 0;
  }

  table.responsive {
    margin-bottom: 0;
  }

  .pinned {
    float: left;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
  }
  .pinned table {
    width: 100%;
    border-right: none;
    border-left: none;
  }
  .pinned table th,
  .pinned table td {
    white-space: nowrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }

  div.table-wrapper {
    position: relative;
    margin-left: 1px;
    overflow: hidden;
    clear: both;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
  }
  .scrollable table {
    border-right: none;
  }
  div.table-wrapper div.scrollable {
    float: right;
    width: 65%;
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td, table.responsive th {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
  }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
  }
  table.responsive th:last-child {
    display: table-cell;
  }
}
/* Columns All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  *:not([class^="one_"]) > [class^="one_"],
  *:not([class^="one_"]) > [class^="two_"],
  *:not([class^="one_"]) > [class^="three_"],
  *:not([class^="one_"]) > [class^="four_"],
  *:not([class^="one_"]) > [class^="five_"] {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
  }
}
/* Nested Columns in Sidebar all Mobile Sizes (devices and browser) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #sidebar :not([class^="one_"]) > [class^="one_"],
  #sidebar :not([class^="one_"]) > [class^="two_"],
  #sidebar :not([class^="one_"]) > [class^="three_"],
  #sidebar :not([class^="one_"]) > [class^="four_"],
  #sidebar :not([class^="one_"]) > [class^="five_"] {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
  }
}
/* Nested Columns in Footer all Mobile Sizes (devices and browser) */
@media only screen and (max-width: 567px) {
 #footer [class^="one_"] >  [class^="one_"],
 #footer [class^="one_"] >  [class^="two_"],
 #footer [class^="two"] >  [class^="one_"],
 #footer [class^="two_"] >  [class^="two_"],
 #footer [class^="two_"] >  [class^="three_"] {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
  }
}
/* All Columns All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 479px) {
  [class^="one_"],
  [class^="two_"],
  [class^="three_"],
  [class^="four_"],
  [class^="five_"] {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 !important;
    clear: both;
  }
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {

  #fancybx-loading, .fancybx-close, .fancybx-prev span, .fancybx-next span {
    background-image: url('../images/fancybox_sprite@2x.png');
    -webkit-background-size: 44px 152px;
            background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybx-loading div {
    background-image: url('../images/fancybox_loading@2x.gif');
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}

/* deal with large titles in vertical tabs */
@media only screen and (max-width:479px) {
ul.theme_vertical_tabs a,
ul.vertical_tabs a {
    max-width: 100px;
    white-space:normal;
}
}
/* deal with blockquotes on mobiles  */
@media only screen and (max-width:479px) {
blockquote.alignnone,
blockquote.alignright,
blockquote.aligncenter,
blockquote.alignleft {
    width: auto;
	margin-left:auto;
	margin-right:auto;
}
}
@media only screen and (min-width:783px) {
  body.admin-bar .esgbox-infobar,
  body.admin-bar .esgbox-toolbar,
  body.admin-bar .esgbox-thumbs{top:32px;
}
@media only screen and (max-width:782px) {
  body.admin-bar .esgbox-infobar,
  body.admin-bar .esgbox-toolbar,
  body.admin-bar .esgbox-thumbs{top:46px;}
}